/* Start of CMSMS style sheet 'main' */
body {
	background:#575963;
	margin:0;
	padding:0;
}

a, a:hover{border:none; text-decoration:none;color:#fff;font-weight:bold;}

#wrapper .bottom-spacing{
 margin:0 0 20px 0;
}

#wrapper{
	position:absolute;
	left:50%;
	top:0px;
	margin-left:-406px;
	background:#000000 url(images/left-gray-border.gif) left top repeat-y;
}

#navigation #top-nav{
	position:absolute;
	top:10px;
	left:1px;
	width: 379px;
	margin:0;
	padding:0;
}

#navigation #top-nav li{
	float:left;
	height:7px;
	list-style:none;
margin:0;
padding:0;
}

#navigation #top-nav li a{
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#868486;
	text-decoration:none;
	padding:0 10px;
	background:transparent url(images/top-nav-border.gif) center right no-repeat;
	height:7px;
margin:0;
}

#navigation #top-nav li a:hover{
color:#ffffff;
}

#navigation #top-nav li .last-link{
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#868486;
	text-decoration:none;
	padding:0 10px;
	border:none;
	background:transparent;

}

/*  START IMAGE NAVIGATION  */

#mid-nav{
	width:638px;
	height:36px;
	position: absolute;
	top:41px;
	left:1px;
	margin:0;
	padding:0;
	background:transparent url(images/mid-navigation.png) 0 0 no-repeat;
	overflow:hidden;
}

#mid-nav a#title:hover {
  background-position: 0 0;
  z-index:10;
  }
  /* place the <li>s in the correct absolute position */

#mid-nav li {
margin:0;
padding:0;
  }

#mid-nav li#pic1 {/* this is the first id= */
	left:0px;
	top:0px;
	z-index:20;
	position:absolute;
	width: 109px;
  }

#mid-nav li#pic2 {
	left:110px;
	top:0px;
	z-index:20;
	position:absolute;
	width: 223px;
  }

#mid-nav li#pic3 {
	left:334px;
	top:0px;
	z-index:20;
	position:absolute;
	width: 105px;
  }

#mid-nav li#pic4 {
	left:451px;
	top:0px;
	z-index:20;
	position:absolute;
	width: 195px;
  }

#mid-nav a{
	margin:0;
	padding:0;
	position:absolute;
	top:0;
}

 /* THE SEASON */
#mid-nav a#season { 
  display:block;  /*this is so the link is as big as the box it's in and the size of the image.*/
  width:109px;
  height:36px;
  text-decoration:none;
  z-index:20;
  }
#mid-nav a#season:hover {background:transparent url(images/mid-navigation.png) 0 -36px no-repeat;}

 /* LEARN MORE ABOUT THE OPERA */
#mid-nav a#learn-more { 
  display:block;
  width:223px;
  height:36px;
  text-decoration:none;
  z-index:20;

  }
#mid-nav a#learn-more:hover {background:transparent url(images/mid-navigation.png) -110px -36px no-repeat;}

 /* GIVE NOW */
#mid-nav a#give-now { 
  display:block; 
  width:116px;
  height:36px;
  text-decoration:none;
  z-index:20;

  }
#mid-nav a#give-now:hover {background:transparent url(images/mid-navigation.png) -334px -36px no-repeat;}

 /* OPERA GUILD OF DAYTON */
#mid-nav a#guild-of-dayton { 
  display:block; 
  width:194px;
  height:36px;
  text-decoration:none;
  z-index:20;

  }
#mid-nav a#guild-of-dayton:hover {background:transparent url(images/mid-navigation.png) -451px -36px no-repeat;}

/*  END IMAGE NAVIGATION  */

#sub-head p{
	visibility:hidden;
}

.hide{
	display:none;
}

#banners{
	width:811px;
	float:left;
	clear:both;
	margin:27px 0 0 0;
}

#banners .poster{
	width:775px;
	float:top;
	clear:center;
	margin:15px 0 0 15px;
	display:inline;
        align:center;
}

#banners .poster img{
	border:0px;
	margin:0;
	padding:0;
}

#banners .poster h2{
	font:bold 13px Arial, Helvetica, sans-serif;
	letter-spacing:.01em;
/*	font:bold 16px Arial Narrow, Univers Condensed, sans-serif;
*/	color:#FFFFFF;
	margin:17px 0 0 0;
	padding:0;
}

#banners .poster p{
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#B1B8BF;
	margin:0;
	padding:0;
}

#newssection input{
border:none;
background:#ffffff;
}

#news{
	margin:25px 0 0 32px;
	width:508px;
	float:left;
	clear:right;
	display:inline;
}

#news h2{
	margin:0;
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
}

#news p{
	margin:3px 0;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
}

#news p a{
	margin:0;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
}

#news img{
	float:left;
	border:#000000 3px solid;
	margin:0 17px 0 0;
	padding:0;
}

#newsletter{
	margin: 0 0 0 49px;
	/*background:#1D3591;*/
	padding:25px 0 0 32px;
	width:190px;
	display:inline;
	float:left;
}

#newsletter p{
	margin:7px 0;
	padding:0;
}

#newsletter label{
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}

/*  FOOTER SECTION  */
#footer{
	float:left;
	clear:both;
	width:811px;

}

.footer-links{
	width:550px;
	margin:27px 0 0 30px;
	float:left;
	clear:right;
	display:inline;
}

#support-from{
	float:left;
	clear:right;
	width:340px;
	border:1px #3a3a3a solid;
}

#proud-member {
	float:left;
	clear:right;
	width:205px;
	border-top:1px #3a3a3a solid;
	border-right:1px #3a3a3a solid;
	border-bottom:1px #3a3a3a solid;
}

#support-from h3{
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#c6c7c8;
	padding:0 0 0 20px;
	margin:0;
	vertical-align:middle;
	line-height:27px;
	height:27px;
	border-bottom:1px #3a3a3a solid;
}

#support-from a img, #proud-member a img{
	margin:0;
	padding:0;
	border:none;
	float:left;
	clear:right;
}

#proud-member h3{
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#c6c7c8;
	margin:0;
	vertical-align:middle;
	padding:0 0 0 20px;
	height:27px;
	line-height:27px;
	border-bottom:1px #3a3a3a solid;
}


#footer-text{
	margin:21px 0 0 0;
	clear:both;
	float:inherit;

}

#footer-text p{
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#71777d;
	margin:4px 0;
}

#footer-text a{
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#a5afb8;
	text-decoration:none;
}

#google-ads{
	width:200px;
	margin:15px 0 0 15px;  
	padding:0;
	float:left;


display:block;
}


/*  START INNER PAGE CONTENT  */


#page-headline{
	width:747px;
	height:30px;
	margin:11px 0 11px 28px;
	padding:11px 0 0 13px;
	float:left;
display:inline;
	clear:both;
	background:#151515;
}

#page-headline h1{
	font:normal 16px Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	color:#FFFFFF;
	text-transform:uppercase;
	
}

#column-one{
	width:160px;
	float:left;
	clear:right;
	background:transparent;
}

#column-one ul{
	list-style:none;
	margin:0;
	padding:0;
	width:160px;
	line-height:normal;
	display:block;
}

#column-two{
	float:left;
	width:550px;
	margin:0 0 0 33px;
color:#2a2b2;
	padding:0;
        padding-bottom: 20px;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
}

#column-two h2{
	color:#2a2b2;
	margin:17px 0 ;
	padding:0;
margin:16px 0;
	font:normal 24px Arial, Helvetica, sans-serif;
}

#column-two p{
	color:#2a2b2;
	margin:0 0 20px 0;
	padding:0;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
}

#column-two img{
	/*float:right;*/
	margin:0 0 0px 8px;
}

#column-two .bios img{
float:none;
margin:0;
padding:0;
}

#artist-blogs p{
	margin:2px 0;
	padding:0;
}

#press-room p{
	margin:2px 0;
	padding:0;
}

/*#biography {
float:left;
width: 600px;
display: block;
}*/

#biography .bios {
float: left;
display: block;
width: 500px;
margin-bottom:15px;
padding-bottom:10px;
border-bottom: thin solid #999999;
}

#biography /**/.bios img {
 clear: none;
 display: block;
 float: left;
margin:1px 0 10px 0;
}
#biography .bios p {
/*margin: -86px 0 0 78px;*/
float:left;
width: 400px;
margin: 0 2px 10px 5px;
}


.seasons img{
float:none;
position:relative;
display:block;
clear:both;
}

#side-logos {
    width:800px;
    float:top;
    clear:right;
    margin:0 0 0 32px;
    display:inline;
}
#side-logos img {
	opacity: 0.5;
}
#side-logos img:hover {
	opacity: 1.0;
}
#side-logos a img {
	border:0;
}
/* End of 'main' */

