/* layout */

body { text-align: center; padding: 0px; background-color: #003366; margin: 0px; margin-top: 0px; margin-bottom: 50px; background-image: url(../images/2007_bg.jpg); background-repeat: repeat-x; }

#header { width: 950px; margin-left: auto; margin-right: auto; text-align: left; }

#header_2 { padding-left: 30px; padding-right: 30px; padding-bottom: 15px; }

#header_3 { padding-bottom: 15px; }

#nav { width: 938px; height: 24px; margin-left: auto; margin-right: auto; background: #013366; text-align: center; padding: 1px 6px 0 6px; }

#nav ul { padding-left: 0; margin-left: 5px; background-color: #013366; color: #fff; height: 24px; font-family: arial, helvetica, sans-serif; padding-top: 0; margin-top: 0; padding-bottom: 0; margin-bottom: 0; }

#nav ul li { display: block; padding: 0; margin: 0 3px 0 3px; list-style: none; float: left; }

#nav ul li a { font-size: 9px; background-color: #013366; color: #fff; text-decoration: none; float: left; padding: 5px 4px; }

#nav li a { color: #FFFFFF; text-decoration: none; }

#nav ul li a:hover { background-color: #49617d; color: #fff; }

#subnav { width: 950px; margin-left: auto; margin-right: auto; text-align: left; margin-bottom: 0; padding-bottom: 0; background-color: #676735; height: 24px; display: none; }

#subnav_index { width: 950px; margin-left: auto; margin-right: auto; text-align: left; margin-bottom: 0; padding-bottom: 0; background-color: #676735; display: none; }

#subnav ul { padding-left: 0; margin-left: 28px; background-color: #676735; color: #fff; float: left; width: 800px; font-family: arial, helvetica, sans-serif; padding-top: 0; margin-top: 0; padding-bottom: 0; margin-bottom: 0; }

#subnav ul li { display: inline; }

#subnav ul li a { font-size: 1.0em; padding-left: 8px; padding-right: 8px; padding-top: 6px; padding-bottom: 3px; background-color: #676735; color: #fff; text-decoration: none; float: left; }

#subnav li a { color: #FFFFFF; text-decoration: none; }

#subnav ul li a:hover { background-color: #676735; color: #000; }

#page { position: relative; margin-top: 0; padding-top: 0; margin-left: auto; margin-right: auto; text-align: left; background-repeat: repeat-y; background-color: #FFFFFF; width: 950px; }

#bioPage { position: relative; margin: 0px auto 0px auto; width: 400px; text-align: left; background-repeat: repeat-y; background-color: #FFFFFF; }

#title { position: relative; margin-top: 10px; margin-right: 20px; margin-bottom: 0px; margin-left: 30px; }

#content { position: relative; text-align: left; }

#sidebar { position: relative; margin: 20px 20px 0 20px; text-align: left; }

#sidebar h4 { font-size: 0.8em; font-family: Georgia, "Times New Roman", Times, serif; margin-left: 15px; color: #9c1f23; }

#logo { margin: 10px 0px 10px 30px; top: 12px; }

#nav1 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: center; }

#w3c { margin: 0px auto 0px auto; padding: 9px 0px 0px 0px; position: relative; width: 740px; text-align: right; }

#contact { position: relative; padding-top: 10px; padding-bottom: 10px; clear: both; }

#contact2 { position: relative; padding-top: 5px; padding-bottom: 10px; clear: both; color: #fff; }

#contact2 a { color: #FFFFFF; }

#sponsors { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: center; }

.sponsor_text { font-size: 10px; width: 630px; margin-left: auto; margin-right: auto; text-align: center; }

h3 { font-size: 0.8em; }

h4 { font-size: 1.0em; font-family: Georgia, "Times New Roman", Times, serif; margin-left: 30px; color: #9c1f23; }

h5 { font-size: 0.9em; font-family: Georgia, "Times New Roman", Times, serif; margin-left: 30px; color: #c39c0e; }

.opera_content { margin-top: 20px; margin-bottom: 20px; }

#flash { width: 466px; height: 268px; float: left; margin-top: 20px; }

#events { width: 160px; margin-top: 20px; color: #FFFFFF; }

#events a { color: #c39c0e; font-size: 1.1em; }

#events p { margin: 0; font-size: 0.7em; margin-bottom: 25px; }

#events h2 { margin: 0; font-size: 0.7em; margin-bottom: 15px; }

#curtain { position: relative; width: 700px; height: 375px; }

.divider { border-bottom: 1px solid #850000; height: 1px; width: 640px; margin: 0; }

.divider_2 { border-bottom: 1px solid #850000; height: 1px; width: 410px; margin: 0; margin-left: 30px; }

.divider_3 { border-bottom: 1px solid #850000; height: 1px; width: 150px; margin: 0; }

.divider_4 { border-bottom: 1px solid #850000; height: 1px; width: 595px; margin: 0; margin-left: 30px; clear: both; }

.divider_5 { border-bottom: 1px solid #850000; height: 1px; width: 200px; margin: 0; margin-left: 15px; }

hr.divider_6 { color: #850000; background-color: #850000; height: 1px; float: left; }

.divider_7 { border-bottom: 1px solid #850000; height: 1px; width: 640px; margin: 0; margin-left: 30px; }

.divider_8 { border-bottom: 1px solid #850000; height: 1px; width: 950; margin: 0; }

.divider_9 { border-bottom: 1px solid #850000; height: 1px; width: 213px; margin: 0; }

.divider_10 { border-bottom: 1px solid #850000; height: 1px; width: 430px; margin: 0; }

.divider_11 { border-bottom: 1px solid #850000; height: 1px; width: 194px; margin: 0; }

.divider_12 { border-bottom: 1px solid #FFF; height: 1px; width: 233px; margin: 0; }

.divider_13 { border-bottom: 1px solid #850000; height: 1px; width: 510px; margin: 0; margin-left: 30px; }

.divider_14 { border-bottom: 1px solid #850000; height: 1px; width: 590px; margin: 0; margin-left: 30px; }

.divider_15 { border-bottom: 1px solid #850000; height: 1px; width: 220px; margin: 0; margin-left: 15px; }

.divider_16 { border-bottom: 1px solid #850000; height: 1px; width: 400px; margin: 0; margin-left: 30px; }

.main_table { float: left; }

.box { padding: 5px; border: 1px solid #850000; text-align: center; width: 300px; color: #850000; margin-left: 90px; }

.indent { margin: 0 0 15px 20px; }

.quote_right { width: 180px; float: right; font-family: Georgia, "Times New Roman", Times, serif; font-size: 0.8em; color: #003366; margin-bottom: 10px; }

.quote_right span { font-size: 0.8em; margin-top: 8px; display: block; color: #000; }

.quote_left { width: 180px; float: left; font-family: Georgia, "Times New Roman", Times, serif; font-size: 0.8em; color: #003366; margin-bottom: 10px; }

.quote_left span { font-size: 0.8em; margin-top: 8px; display: block; color: #000; }

.contact_table td { font-size: 0.8em; }

.contact_table div { margin-left: 20px; }

.contact_table textarea { margin-top: 8px; }

#contactForm { margin: 0; }

#contact_header { font-size: 0.8em; margin-bottom: 5px; display: block; }

#contact_info { width: 300px; font-size: 0.8em; margin-left: 30px; }

#map { float: right; margin-bottom: 20px; margin-right: 20px; border: 1px solid #000; }

#speaker_text { font-size: 10px; }

#speaker { margin-bottom: -5px; margin-right: 2px; }

.subscription { display: inline; margin-right: 5px; margin-bottom: 0; color: #850000; }

.subscription2 { display: inline; margin-right: 5px; margin-bottom: 0; }

.subscription_right { font-size: 12px; margin-top: 0; }

.content_table { margin-left: 30px; margin-bottom: 15px; margin-top: 5px; }

.content_table td { font-size: 0.8em; line-height: 1.4em; }

.benefits { font-size: 0.9em; font-family: Georgia, "Times New Roman", Times, serif; color: #c39c0e; font-weight: bold; margin-bottom: 0; }

.benefits_paragraph { margin-top: 5px; }

.ordernow { font-size: 1.2em; }

.larry { float: left; margin-right: 10px; }

.highlights-image { float: left; height: 210px; width: 275px; margin: 0 10px 0 0; border: 0 solid #000; }

.highlight-row { clear: both; margin: 0 0 15px 30px; height: 210px; width: 900px; }

.current-operas { margin: 0 0 0 0; height: 400px; float: left; }

.current-1 { width: 443px; float: left; margin: 0 15px 0 0; }

.current-2 { width: 443px; float: left; }

.opera-float { float: left; margin: 0 15px 0 15px; }

#video-archive { width: 320px; float: right; text-align: center; margin: 0 0 15px 10px; }

#video-archive h4 { font-size: 1.0em; font-family: Georgia, "Times New Roman", Times, serif; margin: 0 0 10px 0; color: #9c1f23; }

.clear { clear: both; }

#sidebar-list { list-style: none; margin: 0; padding: 0; }

#sidebar-list li { margin: 0 0 15px 0; }

#sidebar-list-2 { list-style: none; margin: 10px 0 0 25px; padding: 0; }

.opera-dates { color: #9c1f23; font-size: 1.2em; }

/*
_____________________

 _|._ _ ._  _| _     ._ 
(_|| (_)|_)(_|(_)\/\/| |
        |  
_____________________
*/

.menu { border:none; border:0px; margin:0px; padding:0px; background: none repeat scroll 0 0 #013366; height: 25px; margin-left: auto; margin-right: auto; text-align: center; width: 950px; }

.menu ul { list-style:none; margin:0; padding:0; float: left; }

.menu li { float:left; padding:0px; background:url(../../images/nav-seperator1.jpg) no-repeat right center; margin: 0; }

.menu li a,
.menu li a:visited { color:#ffffff; display:block; margin:0px; padding:6px 20px; text-align:center; text-decoration:none; font-size: 11px; text-transform: uppercase; /* height: 15px; */ }

.menu li.end,
.menu li li.end { background:url(none); }

.menu li a:hover,
.menu ul li:hover a { background: #49617d; text-decoration:none; color: #ffffff; }

.menu li ul { background:#013366; display:none; height:auto; padding:0px; margin:0px; border:0px; position:absolute; width:225px; z-index:200; clear: left; }

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

.menu li li { display:block; float:left; margin:0px; padding:0px; width:225px; background: url(../../images/nav-seperator.jpg) no-repeat left bottom; }

.menu li:hover li a { background: none; }

.menu li ul a,
.menu li ul a:visited { display:block; font-size:11px; font-style:normal; margin:0px; padding:13px; text-align:left; color: #ffffff !important; text-transform: none; }

.menu li ul a:hover,
.menu li ul li:hover a { background: url(../../images/nav-indicator.jpg) no-repeat left center; border:0px; color:#ffffff; text-decoration:none; }

.menu p { clear:left; }

.flash-banner { background: #333333; margin-bottom: 30px; }


/* Boutique styles */


#content div.boutique {width: 635px; margin-bottom: 20px; margin-left: 20px; padding-bottom: 20px; border-bottom: 1px solid #999; float: left;}
#content div.boutique img {  margin-right: 20px; float: left; max-width: 200px; width: expression(this.width > 200 ? 200: true);}
#content div.boutique img+img {float: left;}
#content div.boutique img+img+span {clear: left; float: left; width:634px; margin: 20px 0 0 0;}
#content div.boutique h2 {margin: 0 0 15px 0; font-size: 18px;}
#content div.boutique h3 {margin: 0 0 15px 0; font-size: 14px; font-weight: normal;}
#content div.boutique p {margin: 0 0 15px 0;}
div.boutique span {width: 415px; float: right;}
#content div.boutique td img {  margin-right: 0px; float: none; max-width: 200px; ;}
div.boutique span.red {width: auto; float: none; color: #900; font-weight: bold;}