@charset "UTF-8";
/* CSS Document */

* { border: 0; }
body { margin: 0; padding: 0; background-color: #440e20; font-size: 62.5%; font-family: Verdana, Arial, Helvetica, sans-serif; }
span { display: none; }
img { vertical-align: text-top; }

.clearit { clear: both; }
.left { float: left; }
.right { float: right; }
.center { margin: 0 auto; display: block; }

#wrapper { width: 1016px; margin: 0 auto; }

#nav { width: 120px; float: left; margin-top: 110px; }

	#nav ul { margin: 0 15px 0 0; padding: 0; list-style: none; text-align: right; position: fixed; }
	#nav li { color: #fff; margin: 0; padding: 0; text-align: right; }
	#nav li a { color: #fff; font-size: 1.2em; font-weight: bold; display: block; padding: 10px 0; text-decoration: none; }
	#nav li a:hover { color: #aae; }

#centerCol { width: 720px; float: left; }

	#centerCol a { color: #118; text-decoration: none; border-bottom: 1px dotted #118; }
	#centerCol a:hover { border-bottom: 1px solid #118; }


	#header { width: 720px; background-color: #000; }
	#main { width: 720px; color: #222; background-color: #fff; font-size: 1.1em; padding-bottom: 20px; }
	#tagline { height: 45px; background-image: url(images/tagline.gif); background-position: right bottom; background-repeat: no-repeat; }
	
	.info { padding: 5px 15px; }
	.info ul { font-size: 1.1em; }
	.info li { padding-bottom: 0.5em; }
	
	h2 { font-size: 1.8em; text-align: right; margin: 1em 0; padding: 0; }
	h3 { color: #465b90; font-size: 1.4em; margin: 0.25em 0 0.1em 0; padding: 0; }
	p {
	margin: 0 0 1em 0;
	padding: 0;
	font-size: 1.1em;
	line-height: 1.3;
}
	hr { border-top: 2px dotted #ddd; height: 0; background-color: #fff; margin: 30px 0; padding: 0; }
	table { width: 100%; font-size: 1.1em; margin-left: -1px; }
		tr#heading { background-color: #ddd; font-weight: bold; line-height: 2em; }
		tr.dark { background-color: #eee; }
		td { padding: 2px 3px; }
	blockquote { margin: 0 200px; }
	
	.concert { padding: 15px; border-bottom: 2px dotted #ddd; }
	.program { color: #666; font-size: 1em; margin: 20px 80px; padding: 15px; border: 1px solid #aaa; }
	.bio {
	height: auto;
	clear: both;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 40px;
	margin-left: 0;
}
		.bio h3 {
	color: #222;
	font-size: 1.4em;
	font-weight: bold;
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0.5em;
	margin-left: 0;
}
		.bio p {
text-align: justify font-size: 1em;
	margin: 15px;
}
		.bio img { float: right; margin: 0 0 15px 15px; }
	.news { margin: 0 0 30px 0; padding-bottom: 20px; border-bottom: 2px dotted #ddd; clear: both; }
		.news h3 { margin: 0.25em 0 1em 0; }
		.news .caption { float: left; font-size: .9em; margin: 0 15px 15px 0; }
	.recordings { margin: 0 30px 30px 30px; text-align: center; }	
	
	span.asterix { color: #aaa; font-size: 0.8em; display: inline; }
	
	form { margin: 20px 100px; padding: 15px; }
	form p { float: left; text-align: right; width: 100px; } 
	form input { float: left; margin: 2px; border: 1px solid #eee; vertical-align: text-top; }
	form input.width { width: 250px; }
	
	
	#footer { width: 720px; color: #aaa; padding: 15px 0; font-size: 1em; text-align: center; }
	
#rightCol { width: 161px; float: right; color: #fff; margin-top: 115px; font-size: 1.1em; }
	#rightCol a { color: #fff; font-size: 1em; text-decoration: none; display: block; padding: 7px 0; }
	#rightCol a:hover { color: #ebc1cf; }
	#rightCol ul { width: inherit; margin: 0; padding: 5px 0; font-size: 1.1em; list-style: none; position: fixed; }
	#rightCol li { color: #fff; font-size: 1em; margin: 0; padding: 0; }
	#rightCol ul.calendar { margin-top:-100px; margin-bottom:100px; position:fixed; }
	#rightCol .calendar a { font-size: 0.9em; padding: 4px 0; }