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

body {
	background-color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 150%;
	margin: 0;
	padding: 0;
	text-align: center;
	-webkit-font-smoothing: antialiased;
	}

.clear {
	clear: both;
	}

/*STRUCTURE AND LAYOUT
-----------------------------------------------------*/

#header {
	/*background-image: url(../images/bg-header.gif);*/
	background-color: #463877;
	text-align: center;
	padding: 18px 0;
	width: 100%;
	}
	
	#header img {
		border: none;
		}
	
#nav {	
	background-color: #333333;
	height: 36px;
	margin: 0 0 0 0;
	}

	#nav ul {
		width: 800px;
		margin: 0 auto;
		padding: 9px;
		}
		
	#nav li {
		border-right: 1px #FFFFFF solid;
		color: #FFFFFF;
		font-size: 14px;
		float: left;
		padding: 0 23px  0 0;
		margin: 0 23px 0 0;
		list-style-type: none;
		text-transform: uppercase;
		text-align: left;
		}
		
		#nav li.last {
			border-right: none;
			margin: 0;
			padding: 0;
			}
	
#content {
	background-color: #FFFFFF;
	text-align: left;
	padding: 18px 0;
	}
	
	#container {
		margin: 0px auto;
		width: 800px;
		}
		
		#concertInfo {
		  position: relative;
		  }
		
		#concertInfo .rotator {
		  height: 300px !important;
		  overflow: hidden;
		  width: 800px !important;
		  }
		
		#concertImage,
		.concertImage {
			float: left;
			width: 400px;
			}
			
			.videoItem .concertImage {
			 width: 533px;
			 }
						
		#concertDescription,
		.concertDescription {
			background: #A43139;
			color: #E7EBEF;
			float:left;
			font-size: 1.2em;
			padding: 18px 18px 0 18px;
			width: 363px;
			height: 282px;
			}
			
			.videoItem .concertDescription {
			 padding: 18px 6px 0;
			 width: 254px;
			 }
			 
		.rotator-nav {
			position: absolute;
			bottom: 10px;
			right: 10px;
			z-index: 10;
			}
			
			.rotator-nav a {
				background: transparent url(images/slide-nav.png) 0 -20px no-repeat;
				color: #666666;
				display: block;
				float: left;
				height: 10px;
				margin-right: 10px;
				outline: none;
				overflow: hidden;
				text-indent: -9999em;
				width: 10px;
				}
				
				.rotator-nav a.activeSlide {
					background-position: 0 0;
					}
					
		.homeFeature {
			background-color: #EDEEE1;
			background-color: #F2EFFF;
			float: left;
			margin: 9px 16px 18px 0;
			width: 250px;
			}

			.homeFeature.first {
				}
				
			.homeFeature.middle {
				background-color: #FFFFFF;
				width: 266px;
				}	
				
			.homeFeature.last {
				margin: 9px 0 18px 0;
				}	
				
			.homeFeature h3 {
				color: #495826;
				color: #463877;
				font-size: 16px;
				font-weight: normal;
				margin: 0 0 9px 0;
				padding: 0 10px;
				}
				
			.homeFeature p {
				padding: 0 10px;
				}
				
			.homeFeature img {
				border: 5px solid #FFFFFF;
				margin: 9px 10px 9px 10px;
				}
				
				.homeFeature.middle img {
  				border-color: #EDEEE1;
				}
				
				.homeFeature p img {
  				margin: 0;
  				padding: 0;
  				border: none;
				}
				
			.homeFeature a {
				color: #495826;
				color: #463877;
				text-decoration: none;
				}
				
				.homeFeature > a:first-child {
  				display: block;
  				text-align: center;
				}
				
				.homeFeature a:hover {
					text-decoration: underline;}
	
	#feature {
		float: left;
		padding: 18px 0;
		width: 400px;
		}
		
		#featureContainer {
			background-image: url(../images/bg-feature.jpg);
			background-repeat:no-repeat;
			padding: 24px;
			}
			
	.hero {
    margin-bottom: 18px;
	}		
  .hero img {
    border: 1px solid #000;
  }
		
	#info {
		float: left;
		padding: 18px;
		width: 364px;
		}
	
	#main {
		float: left;
		margin: 0 20px 18px 0;
		width: 580px;
		}
	
	#side {
		background-color:#EDEEE1;
		background-color: #F2EFFF;
		float: left;
		padding: 9px 10px;
		margin: 0 0 18px 0;
		width: 180px;
		}
		
#footer {
	
	width: 800px;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	}
	
/*GENERAL STYLES
-----------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #495826; /*green*/
	color: #463877; /*purple*/
	color: #333333; /*dark gray*/
	color: #000000;
	}

/*GENERAL STYLES -> Home Page
-----------------------------------------------------*/

#concertDescription h1,
.concertDescription h1 {
  color: #fff;
	font-size: 36px;
	font-weight: normal;
	line-height: 110%;
	margin: 0 0 18px 0;
	}
	
	.videoItem .concertDescription h1 {
	   font-size: 24px;
	   }
	
#concertDescription p.concertDateTime,
.concertDescription p.concertDateTime,
#main p.concertDateTime {
	font-size: 11px;
	margin: 0 0 18px 0;
	}
	
	.concertDescription p.concertDateTime + p.concertDateTime {
	  margin-top: -18px;
	}
	
	.videoItem .concertDescription p.concertDateTime {
/* 	 font-size: 11px; */
	 text-transform: none;
	 }
	
#concertDescription p,
.concertDescription p {
	margin: 0 0 18px 0;
	}


#featureContainer img {
	float: left;
	border: 5px solid #FFFFFF;
	}

#featureContainer p {
	color: #FFFFFF;
	float: right;
	margin: 0;
	padding: 6px 15px 3px 15px;
	width: 192px;
	}
	
/*GENERAL STYLES -> Sub-Page
-----------------------------------------------------*/
	
#main h1 {
	font-size: 36px;
	font-weight: normal;
	line-height: 100%;
	margin: 0 0 18px 0;
	}

#main h2 {
	font-size: 24px;
	font-weight: normal;
	margin: 18px 0;
	}
	
#main h3 {
	font-size: 16px;
	font-weight: normal;
	margin: 5px 0 4px 0;
	}
	
	#main .news h3 {
		margin: 30px 0 6px 0;
		}
		
  #main .concertTeaser h3 {
    margin-bottom: 0;
  }


#main .concertBlock {
	border-top: 1px solid #8d9045;
	border-top: 1px solid #463877;
	margin: 36px 0;
	}
	
	#main .concertBlock .concertImage {
		float: left;
		width: 132px;
		margin: 0 10px 0 0;
		}
		
		#main .concertBlock  .concertImage img {
			border: none;
			}
		
	#main .concertBlock .concertTeaser {
		float: left;
		width: 438px;
		}
		
	#main .concertBlock .concertDateTime {
		background-color: #EDEEE1;
		background-color: #F2EFFF;
		margin: 9px 0;
		padding: 3px 6px;
		}
		
#main .concertDetails {	
  background: transparent url(images/bg-feature-large.png) 0 0 no-repeat;
	min-height: 230px;
	margin: 0 0 18px 0;
	}
	
	#main .concertDetails .concertImage {
		width: 200px;
		padding: 10px;
		float: left;
		}
		
		#main .concertDetails .concertImage img {
			border: 5px solid #FFFFFF;
			}
		
	#main .concertDetails .concertInfo {
		float: left;
		padding: 20px 0 0 10px;
		width: 330px;
		}
		
		  #main .concertDetails.no-image .concertInfo {
	    	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
      	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
      	box-sizing: border-box;         /* Opera/IE 8+ */
  		  width: 100%;
  		  padding: 20px;
		  }
		
		#main .concertDetails .concertInfo h1 {
			color: #FFFFFF;
			margin: 0 0 9px 0;
			}
			
		#main .concertDetails .concertInfo h3 {
			color: #E7EBEF;
			font-weight: normal;
			margin: 0;
			}
			
		#main .concertDetails .concertInfo p {
			float: left;
			width: 162px;
			margin: 9px 5px 9px 0;
			}
			
			#main .concertDetails.no-image .concertInfo p {
  			width: 48%;
			}
			
			#main .concertDetails .concertInfo p:last-child {
  			margin-right: 0;
			}
			
   .conductor {
  		font-style: italic;
		}
			

/*#main img {
	border: 1px solid #000000;
	}
*/


#main .newsDate {
	text-transform: uppercase;
	}
	
#main p {
	margin: 0 0 18px 0;
	}
	
.photoFloatRight {
	float: right;
	margin: 0 0 10px 25px;
	width: 100px;
	}
	
	 .photoFloatRight img {
		border: 1px solid #000000;
		}

	 .photoFloatRight p {
		font-size: 10px;
		padding: 4px 0;
		line-height: 125%;
		text-transform: uppercase;
		}
	
#main table {
	width: 100%;
	margin: 0 0 18px 0;}
	
	#main th {
		color: #FFFFFF;
		background-color: #8d9045;
		background-color: #8378AF;
		padding: 4px 8px 5px 8px;
		text-align:center;
		text-transform: uppercase;
		}
	
	#main tr.odd {
		background-color: #edeee1;
		background-color: #F2EFFF;
		}
	
	#main td {
		padding: 4px 8px 5px 8px;
		text-align:center;
		}
		
#side {
	color: #000000;
	font-size: 12px;
	}

#side img {
	border:5px solid #FFFFFF;
	}

#side h3 {
	font-size: 16px;
	margin: 9px 0;
	}

#footer p {
	color: #FFFFFF;
	font-size: 11px;
	margin: 18px 0;
	text-align: center;
	text-transform: uppercase;
	}
	
/*LINKS
-----------------------------------------------------*/

#nav a {
	color: #FFFFFF;
	text-decoration: none;
	}
	
#nav a:hover {
	text-decoration: underline;
	}
	
#concertDescription a,
.concertDescription a,
#main .concertDetails a  {
	color:#FFFFFF;
	text-decoration: none;
	}
	
	#concertDescription a:hover,
	.concertDescription a:hover,
	#main .concertDetails a:hover {
		text-decoration:underline;
		}

#concertDescription a.purchaseTickets,
.concertDescription a.purchaseTickets {
	color: #FFFFFF;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-decoration: underline;
	}
	
		
#feature a {
	color: #FFFFFF;
	}	
		
#main a,
#side a  {
	color: #495826; /*green*/
	color: #463877; /*purple*/
	}
	
#main a:hover {
	color: #29350E;
	color: #463877;
	}

#main .concertBlock a {
	text-decoration: none;
	}

#footer a {
	color: #FFFFFF;
	}

/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
			 
/*
 .rotator .concertItem:first-child .concertDescription {
	 background: #000 !important;
	 padding-top: 35px;
 }
 
 .war-requiem #main .concertDetails {
   background: #000 !important;
   text-align: center;
   min-height: 0;
   font-weight: bold;
 }
 
 .war-requiem #main .concertDetails h1 {
   text-transform: uppercase;
 }
*/

.conductorInfo .image {
  float: left;
  width: 170px;
}

.conductorInfo .bio {
  float: left;
  width: 410px;
}

audio {
  margin-bottom: 18px;
}