/* HTML elements reset */		

	body{
		margin:0;
		padding:0;
	}
		
	p, blockquote, ul, ol, dl, form, table, pre
		{line-height:inherit;
		margin:0 0 0 0;}
	ul, ol, dl{padding:0;}
	ul ul, ul ol, ol ol, ol ul, dd{margin:0;}
	li{margin:0 0 0 2em;padding:0;display:list-item;list-style-position:outside;}	
	blockquote, dd{padding:0 0 0 2em;}
	pre, code, samp, kbd, var{font:100% mono-space,monospace;}
	pre{overflow:auto;}
	abbr, acronym{
		text-transform:uppercase;
		border-bottom:1px dotted #000;
		letter-spacing:1px;
		}
	abbr[title], acronym[title]{cursor:help;}
	small{font-size:.9em;}
	sup, sub{font-size:.8em;}
	em, cite, q{font-style:italic;}
	img{border:none;}			
	hr{display:none;}	
	table{width:100%;border-collapse:collapse;}
	th,caption{text-align:left;}
	form div{margin:.5em 0;clear:both;}
	label{display:block;}
	fieldset{margin:0;padding:0;border:none;}
	legend{font-weight:bold;}
	input[type="radio"],input[type="checkbox"], .radio, .checkbox
	{margin:0 .25em 0 0;}


/* Document settings */
	
body { 
font-size:12pt;
color: white;
background-color: black; 
font-family:"Lucida Sans Unicode", "Lucida Grande", "Arial", sans-serif;
line-height: 1.4em;
}

a:link {color: aqua;}    /* unvisited link */
a:visited {color: orange;} /* visited link */

.logo { max-width: 100%; height: auto; }
.logo-sm { width: 400px; max-width: 100%; height: auto; } 

h1, h2, h3, h4, h5, h6{
		font-weight:bold;
		margin:0;
		line-height:120%;
		color: white;
		}	
/* font sizes */
h1{font-size:3em;}	
h2{font-size:2.5em;}	
h3{font-size:2em;}
h4{font-size:1.5em;}
h5, h6{font-size:.9em;}
p { margin-bottom: .8em; }

img.fitted { max-width: 100%; height: auto; }
img.padded { padding: 2% 0; margin: auto; }	

/* Navigation bar */
nav { 
	margin: 0 auto 2em auto;
	max-width: 800px;
}	
nav ul {
	list-style-type:none;
	margin:0;
	padding:0;
	overflow:hidden;
}
nav li { 
	float: left;
	margin: 1px;
}
nav a, nav a:link, nav a:visited {
	display:block;
	width:160px;
	font-weight:bold;
	font-size: .8em;
	color:#FFFFFF;
	background-color: rgb(255,116,20);
	text-align:center;
	padding:4px;
	text-decoration:none;
	text-transform:uppercase;
}
nav a:hover, nav a:active {
	background-color: rgb(255,146,37);
}
nav .current a, nav .current a:link, nav .current a:hover, nav .current a:active  {
	background-color: #333; }

/* div holding main content */
.container {
	padding: 2%;
	margin: 0 auto 2em auto;
	max-width: 650px;
	}
/* additional class for concert program info, controlling font size and background of container */
.program {
	color: aqua;
	background-color: #333;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";       /* IE 8 */
	filter: alpha(opacity=70);  /* IE 5-7 */
	-moz-opacity: 0.7;          /* Netscape */
	-khtml-opacity: 0.7;        /* Safari 1.x */
	opacity: 0.7;               /* Good browsers */
}	
.program h1 { font-size: 1.8em; }
.program h2 { font-size: 1.4em; }
.program p {font-size: 1.3em;  }
.program p.desc {color: white; }
/* concert program font sizes for small screens */
@media screen and (max-width: 570px) {
	.program h1 { font-size: 1.4em; }
	.program h2 { font-size: 1.2em; }
	.program p {font-size: 1em;  }	
}
.mosaic {
	margin-left: 20px ;
}