body {
	background-color: #fff;
	margin: 0;
	padding: 0;
	text-align:center;
	behavior:url("../htc/csshover.htc");
}

h1,h2,h3{
	color:#800000;
	margin:0;
	margin-bottom:6px;
}

h1{
	font-size:16px;
}

h2{
	font-size:14px;
}

h3{
	font-size:12px;
	font-weight:900;
}

	h3.donors{
		margin-bottom:-15px;
	}

p{ 
	margin-bottom:10px;
	margin-top:0;
	text-align:left;
}


a{
	color:#CC4400;
}

	a:hover:{
		text-decoration:none;
	}


.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
.clearfix {display: block;}
* html .clearfix {height: 1%;}
/* end hide from IE-mac */


#wrapper {
	width: 760px;
	margin-left: auto;
	margin-right: auto;
	font-size:12px;
	line-height:22px;
	text-align:left;
	color:#000;
	font-family: Arial, Helvetica, sans-serif;
}


#header{
	background:#A63700 url(../images/masthead.gif) top left no-repeat;
	width:760px;
	height:96px;
}

	#header a.logo{
		float:left;
		display:block;
		width:390px;
		height:96px;
		text-indent:-9999px;
	}

#content{
	margin: 0 15px 15px 0px;
	padding-top:15px;
}


#content #main{
	float:left;
	width:520px;
}


#content .photo{
	display:block;
	float:right;
	width:250px;
	background-color:#fff;
}	

	#content .photo img{
		margin: 5px 15px 5px 15px;
		border:1px solid #000;
	}	


	#content .photo p{
		font-size:9px;
		font-style:italic;
		margin: 0 15px 15px 15px;
	}	

#mailing_list{
	float:right;
	margin-top:40px;
	margin-right:10px;
}

	#mailing_list .send {
		border:0;
		text-indent:-9999px;
		width: 23px;
		height: 24px;
		cursor:pointer;
		background:transparent url(../images/btn_mailing_list.gif) top left no-repeat;
	}

	#mailing_list .send:hover {
		background-position: 0px -24px;
	}
	
	#mailing_list input.email{
		background-color:#CC4400;
		border:1px solid #FF8000;
		color:#FFF;
		width:200px;
	}
	
	

/* ------------------------------------*/
/*   NAVIGATION */
/* ------------------------------------*/

#nav{
	list-style:none;
	padding:0 0 9px 0;
	margin:0;
	background:url(../images/nav/nav_gradient.gif) bottom left repeat-x;
}

#nav li{
	float: left;
	position: relative;
	cursor: pointer;
	padding:0;
}
		
		#nav li a {
			display: block;
			height: 24px;
			overflow: hidden;
			text-indent: -9999px;
			background-repeat: no-repeat;
			background-position: 0px 0px;
		}
	
		#nav li a:hover, #nav ul li.selected a {
			background-position: 0px -24px;
		}
	
	
	
	/* double buffer images to avoid flicker in IE6 */
	
	#nav li.home {
		background-image: url('../images/nav/home.gif');
	}
	
	#nav li.home a {
		width: 98px;
		background-image: url('../images/nav/home.gif');
	}


	#nav li.about{
		background-image: url('../images/nav/about.gif');
	}

	#nav li.about a{
		width: 65px;
		background-image: url('../images/nav/about.gif');
	}


	#nav li.rehearsals{
		background-image: url('../images/nav/rehearsals.gif');
	}
	#nav li.rehearsals a{
		width: 103px;
		background-image: url('../images/nav/rehearsals.gif');
	}
	
	#nav li.performances {
		background-image: url('../images/nav/performances.gif');
	}
	#nav li.performances a{
		width: 128px;
		background-image: url('../images/nav/performances.gif');
	}
	
	
	#nav li.scholarships{
		background-image: url('../images/nav/scholarships.gif');
	}
	#nav li.scholarships a{
		width: 119px;
		background-image: url('../images/nav/scholarships.gif');
	}
	
	#nav li.giving {
		background-image: url('../images/nav/giving.gif');
	}
	#nav li.giving a{
		width: 73px;
		background-image: url('../images/nav/giving.gif');
	}
	
	#nav li.auditions {
		background-image: url('../images/nav/auditions.gif');
	}
	#nav li.auditions a{
		width: 91px;
		background-image: url('../images/nav/auditions.gif');
	}
	
	
	#nav li.bookings {
		background-image: url('../images/nav/bookings.gif');
	}
	#nav li.bookings a{
		width: 83px;
		background-image: url('../images/nav/bookings.gif');
	}
	
	#nav li ul.subnav {
		display: none;
		position: absolute;
		top: 100%;
		left: 0;
		font-weight: normal;
		width:175px;
		margin:0;
		padding:0;
		
		list-style:none;
		float: none;
		background-color: #CC4400;
		border: 0;
	}

	#nav li ul.subnav a{
		display: block;
		line-height: 24px;
		width:175px;
		text-indent:13px;
		background:none;
		background-image:none;	
		color:#fff;
		text-decoration:none;
	}
	
	#nav li ul.subnav a:hover{
		background-color:#FF8000;	
		text-decoration:underline;
	}
	
	
	/*
	#nav li li {
		display: block;
		float: none;
		background-color: #CC4400;
		border: 0;
	}
	*/

	#nav li:hover ul, #nav li.over ul {
		display: block;
	}



	/* calendar */
	/* Outer div */
	div.datetime {
		border:1px solid #800000;
		width:50px;
		float:left;
		margin:5px 10px 10px 10px;
		padding:0;
	}
	
		#events-wide div.datetime {
			margin-bottom:30px;
		}
	
	div.datetime p {
		margin:0 auto;
		padding:0;
		text-align:center;
		font-size:x-small;
	}
	
	div.datetime .top {
		color:#fefefe;
		background-color:#CC4400;
	}
	
	div.datetime .top p {
		font:bold x-small/100% Georgia, "New Century Schoolbook", "Book Antiqua", "Times New Roman", serif;
		letter-spacing:0.12em;
		text-transform:uppercase;
	}
	
	/* day of the month (NUMBER) */
	div.datetime p.day {
		font:bold 1.5em/98% Georgia, "New Century Schoolbook", "Book Antiqua", "Times New Roman", serif;
		letter-spacing:0.13em;
	}
	
	/* month */
	div.datetime p.mon {
		font:x-small/135% Verdana,Geneva,Arial,Helvetica,sans-serif;
		letter-spacing:normal;
		text-transform:uppercase;
	}
	
	/* year */
	div.datetime p.yr {
		font:x-small/110% Verdana,Geneva,Arial,Helvetica,sans-serif;
		letter-spacing:0.05em;
	}
	
	div.datetime .top p {
		margin:0 auto 0 auto; /* negative top margin, auto for centering */
		padding-top:5px;
		padding-bottom:5px;
	}
	
	
	div.datetime .btm {
		color:#800000;
		background:#fff;
		padding:0 0 5px 0;
	}
	
	
	#events{
		width:200px;
		background-color:#fff;
		background:#fff url(../images/bg_upcoming_events.gif) left top repeat-x;
		float:left;
		margin:0 10px 0 0;
		padding:0;
	}
	
	
		#events h1{
			text-align:center;
			margin-top:2px;
			margin-bottom 5px;
		}
	
	
	.event p{
		line-height:14px;
		
	}
	
	
	.clear{
		clear:left;
		height:1px;
		overflow:hidden;
	}
	
	#events div.all{
		text-align:right;
		margin:5px;
		font-weight:900;
	}


/*about */

.leftcol {
	float:left;
	width:330px;
	margin-right:15px;
	background:#fff url(../images/bg_upcoming_events.gif) left top repeat-x;
}
	.leftcol p{
		margin:10px;
	}


.rightcol{
	float:left;
	width:375px;
}


.staff_bio{
	width:760px;
	margin-bottom:30px;
	background:#D8AFB5 url(../images/bg_gradient_red.gif) left bottom repeat-x;
}

	.alt{
		background:#FFD6AD url(../images/bg_gradient_orange.gif) left bottom repeat-x;
	}

.staff_bio .name{
	font-weight:bold;
	display:block;
	paddiing:0 10px 0 10px;	
}

.staff_bio .title{
	font-style:italic;
	display:block;
	paddiing:0 10px 0 10px;	
}

.staff_bio .bio{
	display:block;
	paddiing:0 10px 0 10px;

}

.notelist{
	margin:10px 0 20px 0;
	padding:0;
	list-style:none;
}

.notelist li{
	list-style:none;
	background:transparent url(../images/bg_red_note.gif) 0 4px no-repeat;
	line-height:25px;
	padding:0 0 0 15px;
}




/*donors */

#donorslist {
  float: left;
  width: 650px; /* width is changed */
  margin: 0 0 15px 0px;
  padding: 0;
  xlist-style: none;
}
 
#donorslist li {
  float: left;
  width: 300px;
  margin: 0;
  list-style:none;
  background:transparent url(../images/bg_red_note.gif) 0 4px no-repeat;
  line-height:25px;
  padding:0 0 0 15px;
}



/*scholarship */

#scholarship_table{
	border-collapse: collapse; 
	border: 1px solid #800E20;
	width:400px;
}

	#scholarship_table th{
		background-color:#EED6BE;
	}

	#scholarship_table tr{
			background-color:#DBBABA;
	}

	#scholarship_table tr.odd{
			background-color:#EED6BE;
	}
	
.center{
	text-align:center;
}

.videotop{
	background-color:#CCCCCC;
	width:294px;
	padding:10px;
	margin-bottom:20px;
}
.video1{
	background-color:#CCCCCC;
	width:294px;
	float:left;
	padding:10px;
	display:inline;
}
.video2{
	background-color:#CCCCCC;
	width:294px;
	padding:10px;
	margin-left:20px;
	float:left;
	display:inline;
}



/* footer */
#footer{
	background:#fff url(../images/footer/bg_tile.gif) top left repeat-x;
	height:29px;
	width:760px;

}


	#footer ul{
		list-style:none;
		height:29px;
		margin:0;
		padding:0;
	}


	#footer ul li{
		float:left;
		text-indent:-9999px;
		height:29px;
		margin:0 17px 0 0;
		padding:0;
	}


		#footer ul li.address{
			background:url(../images/footer/address.gif) top left no-repeat;
			width:285px;
		}
		
		
		#footer ul li.phone_fax{
			background:url(../images/footer/phone_fax.gif) top left no-repeat;
			width:284px;
		}
		
		#footer ul li.email{
			background:url(../images/footer/email.gif) top left no-repeat;
			width:164px;
		}
		
			#footer ul li.email a.email{
				display:block;
				width:164px;
				height:29px;
			}
		
		
		#footer ul li.cfc{
			background:url(../images/footer/cfc.gif) top left no-repeat;
			width:153px;
			margin:0;
		}
		
		
		
		/* microformats */
		.vcard, .vevent{
			display:none;
			visibility:hidden;
		}


/* map */
.geo{
	display:none;
	visibility:hidden;
}

#map1{ 
	z-index:1;
}


form ul{
	list-style:none;
	margin:0;
	padding:0;
}

	form ul li{
		list-style:none;
		margin:0;
		padding:0;
	}
	
fieldset{
	border:none;
}	


form .phone{
	width:130px;
}

form input,select,radio, textarea{
	margin-right:10px;
	border:1px solid #CC4400;
	padding:3px;
	color:#800000;
	background-color:#fff;
}