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

/* commented out by AndrewM
body{
	background:url(/ecms.ashx/Images/digitalBrochure/bg.gif);
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}*/


/* Copied from 2010-2011 CSS - START */

.clear-both {clear: both;}
img {border: 0;}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}


/* Copied from 2010-2011 CSS - END */

/* over-ride by AndrewM */
.SingleColumnTemplate .MainContentArea {
	margin-bottom: 35px;
	padding-left: 0;
}

#wrapper{
	clear: both; margin: 0; padding: 0;
	width:965px;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	
/* commented out by AndrewM
	margin:0 auto;
*/	
}

#inner-wrapper{
	width:964px;
	float:left;
	background:#ffffff;
}

#header{
	width:100%;
	float:left;
}

#main{
	width:100%;
	float:left;
}

#main li { background-image:none;}

#footer{
	width:100%;
	float:left;
}


#main .left-content{
	width:190px;
	float:left;
}

#main .left-content h1{
	font-size:14px;
	color:#6873ad;
	text-transform:uppercase;
	border-left:6px #6873ad solid;
	padding:6px;
	margin:0 0 10px 0;
}

#main .left-content ul{
	margin:0;
	padding:0;
	list-style:none;
}

#main .left-content ul li{
	padding:2px 0;
	color:#444444;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
}

#main .left-content ul li a{
	
	color:#444444;
	
	text-decoration:none;
	
	display:block;
	padding:2px 0 3px 12px;
}

#main .left-content ul li ul{
	display:none;
}

#main .left-content ul li.expanded ul{
	display:block;
}

#main .left-content ul li ul li a{
	font-size:10px;
	font-weight:normal;
	padding:2px 0 3px 20px;
}

#main .left-content ul li a.active {
	color:#ffffff;
	background:#3d4f59;
}


#main .right-content{
	width:750px;
	float:right;
}

#main .right-content #callout1{
	background:url(/ecms.ashx/assets/1112digital_brochure/selectOffer.gif) no-repeat;
	height:293px;
	float:right;
}

#main .right-content #callout2{
	background:url(/ecms.ashx/assets/1112digital_brochure/permierOffer.gif) no-repeat;
	height:293px;
	float:right;
}

#main .right-content #callout3{
	background:url(/ecms.ashx/assets/1112digital_brochure/naxosOffer.gif) no-repeat;
	height:293px;
	float:right;
}

#main .right-content #callout4{
	background:url(/ecms.ashx/assets/1112digital_brochure/subscribe.gif) no-repeat;
	height:293px;
	float:right;
}

#main .right-content #callout5{
	background:url(/ecms.ashx/assets/1112digital_brochure/pricingOffer.gif) no-repeat;
	height:293px;
	float:right;
}

#main .right-content #callout6{
	background:url(/ecms.ashx/assets/1112digital_brochure/deccaOffer.gif) no-repeat;
	height:293px;
	float:right;
}

#inner-content{
	width:750px;
	padding:0 15px 0 0;
	float:right;	
	color:#808080;
    color:#000; /*update Jan 2013*/
}


#inner-content ul{
	margin:0;
	padding:0;
	list-style:none
}

#inner-content table{
	border:none;
	border-spacing:0;
	border-collapse:collapse;
}

#inner-content p{
	margin:0 0 1em 0;
}

#inner-content img{
	border:none;
}

/* commented out by AndrewM
#inner-content h1.why-donate{
	margin:0;
	background:url(/ecms.ashx/Images/digitalBrochure/title-why-donate.gif) no-repeat;
	height:50px;
}
*/

/* commented out by AndrewM
#inner-content h1.why-donate span{
	display:none;
}*/

#inner-content h2{
	color:#c9513d;
	font-size:18px;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:-1px;
	line-height:20px;
}

#inner-content h2 .alt{
	color:#6873ad;
}

#inner-content .clear{
	clear:both;
	height:1px;
	line-height:1px;
	overflow:hidden;
}

#inner-content .spotlight-area{
	margin:0 0 25px 0;
}

#inner-content .top-left-area{
	width:520px;
	font-size:1.1em;
}

#inner-content .top-left-area .blue-title{
	color:#6873ad;
	font-size:18px;
	text-transform: uppercase;
}

#inner-content .top-left-area .title-desc{
	font-size:14px;
	font-style:italic;
}

#inner-content .spot-light{
	width:350px;
	padding:0 20px 0 0;
	float:left;
	font-size:1em;
	color:#344444;
}

#inner-content .spot-light h2{
	color:#6873ad;
	font-size:2.2em;
	font-weight:bold;
	text-transform:uppercase;
	margin:0 0 0.5em 0;
}

#inner-content .spot-light ul li{
	background:url(/ecms.ashx/Images/digitalBrochure/bg-bullet.gif) top left no-repeat;
	padding:0 0 0 18px;
}

#inner-content .spot-light .opera-title{
	color:#6873ad;
	font-family:Arial, Helvetica, sans-serif;
	text-align:right;
	font-size:1.1em;
}

#inner-content .spot-light .composer{
	font-family:Arial, Helvetica, sans-serif;
	font-size:.8em;
	text-transform:uppercase;
}

#inner-content .spot-light .description{
	font-family:Arial, Helvetica, sans-serif;
	font-size:.8em;
}


#inner-content .acknowledges-area{
	border-left:3px #3d4f59 solid;
	padding:0 0 0 16px;
	font-size:1.1em;
	margin:0 0 60px 0;
}

#inner-content .acknowledges-area h2{
	font-size:1.8em;
	font-weight:normal;
	color:#3d4f59;
	margin:0 0 0.5em 0;
	text-transform:uppercase;
}

#inner-content .acknowledges-area p{
	margin:1em 0;
	font-size:.875em;
}

#inner-content .acknowledges-area table td{
	width:150px;
	padding-right:10px;
	text-align:left;
	vertical-align:top;
}

#inner-content .spot-light .blue-title{
	color:#6873ad;
	font-size:18px;
	text-transform:uppercase;
}

#inner-content #titles{
	width:425px;
	padding:0 20px 0 0;
	float:right;
	line-height:1.4em;
	font-size:1.2em;
}

#inner-content #titles .opera-title{
	color:#6873ad;
	font-family:Arial Narrow, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;
	text-transform:uppercase;
}

#inner-content #titles a{
	text-decoration:none;
}

#inner-content #titles .composer{
	font-family:Arial Narrow, Helvetica, sans-serif;
	font-size:12px;
	text-transform:uppercase;
}

#inner-content .spot-light .title-desc{
	font-size:14px;
	font-style:italic;
}

#inner-content .spot-light .blue-highlight{
	border-left:5px #3fafce solid;
	padding-left:5px;
}

#inner-content .spot-light .blue-highlight .lead{
	color:#3fafce;
	font-size:16px;
	font-weight:bold;
}

#inner-content .spot-light .lead{
	color:#3fafce;
	font-weight:bold;
}

#inner-content .spot-light .btn-listen{
	margin:30px 0 5px 0;
	cursor:pointer;
}

#flash-audio-player {
	margin-top: 34px 0 5px 0;
	display:none;
}

#inner-content .spot-light .pager{
	width:100%;
	float:left;
	border-top:1px #dddddd solid;
	padding:25px 0 40px 0;
	text-align:center;
	font-size:11px;
}

#inner-content .spot-light .pager a{
	text-decoration:none;
	font-weight:bold;
	color:#dddddd;
}

#inner-content .spot-light a.btn-prev{
	background:url(/ecms.ashx/Images/digitalBrochure/arrow_left_g.gif) left 2px no-repeat;
	padding:0 0 0 13px;
	color:#dddddd;
}

#inner-content .spot-light a.btn-prev:hover{
	background:url(/ecms.ashx/Images/digitalBrochure/arrow_left_b.gif) left 2px no-repeat;
	color:#6873ad;
}

#inner-content .spot-light a.btn-next{
	background:url(/ecms.ashx/Images/digitalBrochure/arrow_right_g.gif) right 2px no-repeat;
	padding:0 13px 0 0;
	color:#dddddd;
}

a.btn-next:hover{
	background:url(/ecms.ashx/Images/digitalBrochure/arrow_right_b.gif) right 2px no-repeat;
	color:#6873ad;
}

#inner-content .spot-light a.pager-item{
	background:url(/ecms.ashx/Images/digitalBrochure/dot.gif) no-repeat;
	width:7px;
	height:10px;
	margin:0 10px;
	text-indent:-1000px;
	overflow:hidden;
	display:inline-block;
}

#inner-content .spot-light a.pager-item:hover,
#inner-content .spot-light a.pager-item.active
{
	background-position:0 -10px;
}



#main .bottom-content{
	width:100%;
	float:left;
	border-top:1px #dddddd solid;
}

#main .bottom-content .box{
	padding:0 20px 20px 20px;
	float:left;
	height:175px;
	color:#444444;
}

#main .bottom-content .box .title{
	font-size:14px;
	font-weight:bold;
	color:#808080;
	margin:1em 0;
	text-transform:uppercase;
}

#main .bottom-content .box a{
	color:#c9513d;
	text-decoration:underline;
}

#main .bottom-content #box-subscribe{
	background:#3d4f59;
	width:160px;
}

#main .bottom-content #box-how-to-order{
	width:520px;
	border-left:1px #dddddd solid;
	border-right:1px #dddddd solid;
	font-size:11px;
	
}

#main .bottom-content #box-how-to-order .lead{
	font-size:12px;
	font-weight:bold;
	line-height:150%;
}


#main .bottom-content #box-why-donate{
	width:160px;

}


#main .bottom-content-splash{

    margin-left:200px;
	border-top:1px #dddddd solid;
    clear:both;
}

#main .bottom-content-splash .box{
	padding:0 20px 20px 20px;
	float:left;
	height:175px;
	color:#000;
}
#main .bottom-content-splash .box em       { font-style:normal; font-size:1.4em; font-weight:700; color:#040605; }
#main .bottom-content-splash .box mark     { font-style:normal; font-size:1.00em; font-weight:700; color:#040605; background-color:transparent; padding:4px 0px 0px 0px; display:inline-block; *display:inline; zoom:1;}

#main .bottom-content-splash .box .title{
	font-size:14px;
	font-weight:bold;
	color:#808080;
	margin:15px 0px 00px 2px;
	text-transform:uppercase;
	
}

#main .bottom-content-splash .box a{
	color:#c9513d;
	text-decoration:initial;
}

#main .bottom-content-splash #box-subscribe{

	width:172px;
	padding:12px 0px 0px 0px;
}

#main .bottom-content-splash #box-how-to-order{
	width:370px;
    margin-left:10px;
	font-size:11px;	
}

#main .bottom-content-splash #box-how-to-order #inPerson { }
    #main .bottom-content-splash #box-how-to-order #inPerson em { font-size:1em; display:inline-block; *display:inline; zoom:1; padding:2px }

#main .bottom-content-splash #play-your-part { width:150px; padding:48px 0px 0px 0px; margin-left:10px; }
    #main .bottom-content-splash #play-your-part h3 { color:#c9523c; font-weight:700; font-size:1.8em; padding:0px; display:inline-block; *displya:inline; zoom:1; }
    #main .bottom-content-splash #play-your-part mark { font-size:1.1em; line-height: 1.3em; padding:0px;}



#main .bottom-content-splash #box-how-to-order td       { vertical-align:top; }
#main .bottom-content-splash #box-how-to-order i { color:#676766; font-style:normal;}
/*

#devOverlay { position:absolute; width:764px; height:254px; background-image:url(overlay.png); top:756px; left:670px; z-index:999; opacity:.5;}

*/


#inner-content .photoCredits p { font-size:0.875em;}
    #inner-content .photoCredits em { display:inline; }
#inner-content .photoCredits p .GlossaryTerm { border:none; color:#000;}
#inner-content .photoCredits p em { font-style:italic;}

a.pdf-link { background: url(/ecms.ashx/Images/digitalBrochure/icon-pdf.gif) top left no-repeat; display: block; padding: 0 0 0 37px; text-decoration: none!important; color: #444444!important; }

#inner-content .acknowledges-area p .GlossaryTerm { border:none; color:#000;}

body [data-donor="default"] { }
        body [data-donor="0"] { display:none;}
        body [data-donor="1"] { display:none;}

        body.donor0 [data-donor="0"], body.donor0 [data-donor="defaultAnd0"] { display:block;}
            body.donor0 [data-donor="default"] { display:none; }

        body.donor1 [data-donor="1"] { display:block;}
            body.donor1 [data-donor="default"] { display:none; }
            body.donor1 [data-donor="defaultAnd0"] { display:none;}




#inner-content #header 
{ 
    position:relative;
    margin-bottom:25px;

}

.selectSubscriptionsGrid { color:#000; font-size:.9em; margin-bottom:20px; }
    .selectSubscriptionsGrid th { text-align:center; background-color:#38a5c0; color:#fff; padding:5px 8px; }
    .selectSubscriptionsGrid .blank { background-color:#fff;}
    .selectSubscriptionsGrid .title { background-color:#9bcbdb; padding:5px; text-align:left; font-weight:700; }
    .selectSubscriptionsGrid td { padding:5px 5px; text-align:center; background-color:#d2e7ee; border-top:1px solid #000}    
    .selectSubscriptionsGrid td.alt { background-color:#ecf4f7;}
    
    


 #inner-content #header .subscribe { width: 85px; height: 85px; padding: 0px; margin: 0px; position: absolute; top: 247px; right: 35px; }

#inner-content #operaTitle { margin-left:30px; }
#inner-content #operaTitle p { margin:10px 0; }
    #inner-content #operaTitle p .GlossaryTerm { color:#000; border:none;}
#inner-content p { color:#000; font-size:12px;}
#inner-content #operaDescription { float:left; width:325px; margin-left:30px;}
    #inner-content #operaDescription p .italic { font-style:italic;}
    #inner-content #operaDescription p .GlossaryTerm { color:#000; border:none;}
   #inner-content #operaDescription #performanceArtists em { color:#6c77b4; width:200px; font-size:9px;}
   #inner-content #operaDescription #performanceArtists span {  font-size:9px;}
    #inner-content #operaDescription #performanceArtists { margin-bottom:15px;}
    #inner-content #operaDescription .orange { color:#C8503B;}
    #inner-content #operaDescription .yellow { color:#e29842;}
        #inner-content #operaDescription .purple { color:#6c77b4;}
    #inner-content #operaDescription .purple-COC { color:#6c77b4; margin-top:10px; margin-bottom:0;}
    #inner-content #operaDescription h3 { color:#3ea7a0; font-family:Verdana; font-size:13px; font-weight:700; margin-bottom:}
        #inner-content #operaDescription p { margin-top:10px;}
#inner-content #operaTitle img { margin-left:-5px;}
#inner-content em { font-size:11px; font-style:normal; display:block;}
#inner-content #productionList span { font-style:italic; font-size:9px; display:inline-block; *display:inline; zoom:1; marign-bottom:5px;}
#inner-content #productionList .chorus .GlossaryTerm { font-style:italic;}    

#inner-content #productionList .GlossaryTerm { font-size:10px; border:none; font-style:normal;}
#inner-content #productionList { float:right; margin-right:25px; margin-bottom:15px; width:300px; position:relative;}
    #inner-content #productionList ul { marign:0; padding:0; margin-bottom:10px;}
#inner-content #productionList ul li { margin:0px; padding:0; display:block; margin-bottom:2px;}
#inner-content #productionList ul .cast { margin-top:10px;}
#inner-content #productionList ul li em { display:inline-block; font-weight:700;}
    #inner-content #productionList .production { font-size:9px; margin-top:10px;}

#inner-content #header #order { position:absolute; top:230px; right:0px;}
#inner-content #donationDescription p { color:#3D505A; font-size:14px;}
#inner-content[data-donor=defaultAnd0] #donationDescription p { color:#000; font-size:14px;}
#inner-content #donationDescription img { margin-top:10px; margin-bottom:5px;}
#inner-content #donationType { overflow:hidden; margin:20px 0;}
    #inner-content #donationType img { margin-bottom:10px;}
    #inner-content #donationType .donation { margin:0; padding:0; display:block; list-style-type:circle; }
        #inner-content #donationType .donation li { margin:0; display:block; list-style-type:circle; font-size:10px; font-weight:700;}
    #inner-content #donationType p { font-weight:700; font-size:11px;}

    #inner-content #donationType #friends { float:left; width:215px; margin-right:40px; margin-bottom:20px;}
    #inner-content #donationType #presidents { float:left; width:215px; margin-right:40px; margin-bottom:20px;}
    #inner-content #donationType #golden { float:left; width:215px; margin-bottom:20px;}