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

/************* GLOBALS *************/
p {
	margin: 1em 0 1em 0;
	color: #000;
}
.bodycopy{margin: 15px; width:360px;}
.smallTxt{font-size: 0.8em;}
a, a:link{color:#006699; text-decoration: none;}
a:hover, a:active{
	text-decoration: underline;
}
h2{font-size: 1.2em; margin-top: 1.5em;margin-bottom: 0.5em; color:#2b0606;}
h3{font-size: 1em; font-style:oblique; color:#2b0606; margin-top: 1.7em; margin-bottom: 0.5em; } /*Italic used for Questions*/
h4{font-size: 1em; font-weight:bold; margin-top: 1.7em; margin-bottom: 0; }
ul {}
li{margin-bottom: 10px;}
ol {margin-left: -22px;}
b#NB{color:#c2388a;}
b#BLUE{color:#078bb6; font-size: 1.05em;}
h4#NB{text-decoration: underline;}
i{font-weight:600; color:#333333;}
hr{margin-top: 15px;}
hr.shorter{width: 200px;}
img{border:0;}
.bookonline{position:relative; left: 210px;top: 0px;}
.bookonline a, .bookonline a:link{display:block; background: url(../images/link_bookonline.gif) no-repeat; width: 107px; height:37px;}
.bookonline a:hover, .bookonline a:active{display:block; background: url(../images/link_bookonline_over.gif) no-repeat; width: 107px; height:37px;}
.buytickets a:link, .buytickets a{background:url(../images/link_buytickets.gif) no-repeat; display:block; width:127px; height:31px;}
.buytickets a:hover, .buytickets a:active{background:url(../images/link_buytickets_over.gif) no-repeat;}
.buytickets#index a:link, .buytickets#index a{position:absolute; bottom: 13px; right: 110px; background:url(../images/link_buytickets_dark.gif) no-repeat; display:block; width:105px; height:25px;}
.buytickets#index a:hover, .buytickets#index a:active{background:url(../images/link_buytickets_dark_over.gif) no-repeat;}
.register a:link, .register a{background:url(../images/link_register.jpg) no-repeat; display:block; width:127px; height:31px;}
.register a:hover, .register a:active{background:url(../images/link_register_over.jpg) no-repeat;}
.subscribe a:link, .subscribe a{background:url(../images/link_subscribe_2011.gif) no-repeat; display:block; width:177px; height:31px;}
.subscribe a:hover, .subscribe a:active{background:url(../images/link_subscribe_2011_over.gif) no-repeat;}



body {margin-top: 0; background: url(../images/page_bg_grad.gif) repeat-x #FFFFFF;/*background: #000 url(../images/bg_black.gif) center top repeat-x;*/font-size: 0.7em; line-height: 1.6em; color: #000; font-family: Verdana, Arial, Helvetica, sans-serif;}
.siteBorder{margin-left: auto; margin-right: auto;width: 1000px; background:url(../images/bg_grey.gif) center repeat-y; position:relative;}
.siteContainer {margin-left: auto; margin-right: auto; width:950px; position: relative;  background: url(../images/bg_siteContainer_black.gif) repeat-y; /*border-left: solid #004c79 6px; border-right: solid #004c79 6px;*/}
.siteContainer#white{background:#fff;}
.whiteContentCont{position: relative; width: 950px; top:50px; padding-bottom: 50px; background:#fff;}
.whiteContent{position:relative; left: 150px; width: 680px; color:#222222;}
.topBanner {width: 950px; height: 74px; background: url(../images/banner_bg.jpg) repeat-x;}
.logo a, .logo a:hover{position: absolute; left: 0;width:269px; height:74px; background: url(../images/logo.jpg) no-repeat; text-decoration:none;}
.memberslogin{width: 194px; height:28px; position: absolute; right: 15px;}
.memberslogin #members{background:url('../images/link_members.gif') no-repeat; display:block; width: 107px; height: 28px;}
.memberslogin #members:hover{background:url('../images/link_members_over.gif') no-repeat; display:block; width: 107px; height: 28px; text-decoration: none;}
.memberslogin #lostpassword{background:url('../images/link_lostpassword.gif') no-repeat; display:block; width: 87px; height: 28px; position: absolute; top: 0; right: 0;}
.memberslogin #lostpassword:hover{background:url('../images/link_lostpassword_over.gif') no-repeat; display:block; width: 87px; height: 28px; text-decoration: none;}
.sublinks{
	position:absolute;
	top:35px;
	right: 2px;
	font-size: 0.85em;
	color:#999999;
}
.sublinks a:link, .sublinks a{color:#000000;}
.links {position: absolute; right: 0px; top: 74px; width: 417px; height:32px; z-index:1000;}
.links ul {margin-left: 0; width:417px; height: 26px; border: 0; padding: 0; margin: 0;}
.links ul li{float:left; list-style: none; margin-bottom: 0;}
.links ul li a{padding-left: 0; display: block; position:absolute; }
.links ul li a span{display:none;}

.links ul .concerts a{background: url(../images/link_concerts.gif) no-repeat; width: 121px; height:26px;}
.links ul .concerts a:hover{background: url(../images/link_concerts_over.gif) no-repeat; z-index:999;}
.links ul .chorus a{left:97px;background: url(../images/link_chorus.gif); width: 126px; height:26px;}
.links ul .chorus a:hover{background: url(../images/link_chorus_over.gif) no-repeat; z-index:999;}
.links ul .courses a{left:200px; background: url(../images/link_courses.gif) no-repeat; width: 116px; height:26px;}
.links ul .courses a:hover{background: url(../images/link_courses_over.gif) no-repeat; z-index:999;}
.links ul .thechoirs a{left:295px; background: url(../images/link_thechoirs.gif) no-repeat; width: 122px; height:26px; }
.links ul .thechoirs a:hover{background: url(../images/link_thechoirs_over.gif) no-repeat; z-index:999;}

.indexContainer{background:#FFFFFF; float:left; text-align: top; position:relative; height:640px; width: 950px; }
.leftContainer{float:left; width:229px; position:relative; z-index:2; background: url(../images/hding_bg1.jpg) top repeat-x;}
.left{position: relative; top: 52px;}
.rightContainer{float: right; width:719px; background: url(../images/hding_bg1.jpg) top repeat-x; border-left: 2px solid #000; position:relative; min-height: 450px; height: 100%;}
* html div.rightContainer{ height: expression( this.scrollHeight < 449 ? "450px" : "auto" ); /* sets min-height for IE */}
.hding{position:absolute; top: 0px;}
.textContainer{position:relative; left: 24px; margin: 70px 0 30px 0; width: 520px;}
.textContainer#withImage{width: 655px;}
.textContainer#subscribepage{width: 400px; min-height: 420px;}
* html div#subscribepage{ height: expression( this.scrollHeight < 419 ? "420px" : "auto" ); /* sets min-height for IE */}
.imgContainer{float: right; margin-left: 10px;}
.moreInfoBox{border-top:dotted 1px #111111; border-bottom:dotted 1px #111111; font-size: 0.9em; margin-top: 20px; padding: 10px 0 15px 0;}
.infoTextRight{float:right; width: 220px; padding: 0 10px 13px 10px; margin-left: 20px; background: #d4dfe5;}
.infoTextRight hr{border: dotted 1px #9ba6ac;}
.infoTextRight#subscribelinks{background:#eeeeee; margin-bottom:10px;}


.footer{position:relative; width: 950px; height: 66px; font-size: 8px; color:#555555; clear:both; background: url(../images/bg_footer.gif) repeat-x;}
.footerlinks{position:absolute;top:22px; left: 10px; font-size: 11px;}
.footertext {position: absolute; top: 24px; right:10px;}
.footertext a {color: #000000;}

/************* LINKSBANNER *************/
.pagelinksBannerContainer{
	display:block;
	height:192px;
	background:#000;
	position:relative;
	z-index: 999;
}
.pagelinksBannerContainer#Brochure2010{background: url(../images/banner_2010.jpg) no-repeat;}
.pagelinksBannerContainer#spc{background: url(../images/banner_spc.jpg) no-repeat;}
.pagelinksBannerContainer#mouth{background: url(../images/banner_mouth.jpg) no-repeat;}
.banner_left{
	position:absolute;
	left: 0px;
	background: url(../images/banner_left_2012.jpg);
	width:237px;
	height:192px;
	background-image: url(../images/banner_left_2012.jpg);
}
.banner_left#spc{background: url(../images/banner_left_spc.jpg); width:237px; height:192px;}
.pagelinks{position:absolute; left: 237px; z-index:2;}
.banner_right{
	position:absolute;
	right: 0px;
	background: url(../images/banner_right_2012.jpg);
	width:533px;
	height:192px;
	background-image: url(../images/banner_right_2012.jpg);
}
.banner_right#spc{position:absolute; right: 0px; background: url(../images/banner_right_spc.jpg); width:533px; height:192px;}
.pagelinks ul{margin-left: 0; width:180px; border: 0; padding: 0; margin: 0;}
.pagelinks ul li{list-style: none; margin-bottom: 0;}
.pagelinks ul li a{padding-left: 0; display: block; width:180px; height:22px;}


.pagelinks ul #aboutusheader a{display:block; background: url(../images/pagelink_aboutusheader.jpg); height:55px;}
.pagelinks ul #aboutus1 a{background: url(../images/pagelink_aboutus1.jpg) no-repeat;}
.pagelinks ul #aboutus1 a:hover{background: url(../images/pagelink_aboutus1_over.jpg) no-repeat; width:180px; height:26px; z-index:999 !important;}
.pagelinks ul #aboutus2 a{background: url(../images/pagelink_aboutus2.jpg) no-repeat;}
.pagelinks ul #aboutus2 a:hover{background: url(../images/pagelink_aboutus2_over.jpg) no-repeat; width:180px; height:26px; z-index:999 !important;}
.pagelinks ul #aboutus3 a{background: url(../images/pagelink_aboutus3.jpg) no-repeat;}
.pagelinks ul #aboutus3 a:hover{background: url(../images/pagelink_aboutus3_over.jpg) no-repeat; width:180px; height:26px; z-index:999 !important;}
.pagelinks ul #aboutus4 a{background: url(../images/pagelink_aboutus4.jpg) no-repeat;}
.pagelinks ul #aboutus4 a:hover{background: url(../images/pagelink_aboutus4_over.jpg) no-repeat; width:180px; height:26px; z-index:999 !important;}
.pagelinks ul #aboutusfooter {display:block; background: url(../images/pagelink_aboutusfooter.jpg); width: 180px; height:33px;}


.pagelinks ul #concertheader a{display:block; background: url(../images/pagelink_concertheader.jpg);height:65px;}
.pagelinks ul #concerts1 a{background: url(../images/pagelink_concerts1.jpg) no-repeat;}
.pagelinks ul #concerts1 a:hover, .pagelinks ul #concerts1{background: url(../images/pagelink_concerts1_over.jpg) no-repeat; width:180px; height:21px; z-index:999;}
.pagelinks ul #concerts2 a{background: url(../images/pagelink_concerts2.jpg);}
.pagelinks ul #concerts2 a:hover, .pagelinks ul #concerts2{background: url(../images/pagelink_concerts2_over.jpg) no-repeat; width:180px; height:21px; z-index:999 !important;}
.pagelinks ul #concerts3 a{background: url(../images/pagelink_concerts3.jpg) no-repeat; }
.pagelinks ul #concerts3 a:hover, .pagelinks ul #concerts3{background: url(../images/pagelink_concerts3_over.jpg) no-repeat; width:180px; height:21px; z-index:999 !important;}
.pagelinks ul #concerts4 a{background: url(../images/pagelink_concerts4.jpg) no-repeat;}
.pagelinks ul #concerts4 a:hover, .pagelinks ul #concerts4{background: url(../images/pagelink_concerts4_over.jpg) no-repeat; width:180px; height:21px; z-index:999 !important;}
.pagelinks ul #concerts5 a{background: url(../images/pagelink_concerts5.jpg) no-repeat;}
.pagelinks ul #concerts5 a:hover, .pagelinks ul #concerts5{background: url(../images/pagelink_concerts5_over.jpg) no-repeat; width:180px; height:21px; z-index:999 !important;}
.pagelinks ul #concertfooter{display:block; background: url(../images/pagelink_concertsfooter.jpg); width: 180px; height:22px;}

.pagelinks ul #chorusheader a{display:block; background: url(../images/pagelink_chorusheader.jpg); height:55px;}
.pagelinks ul #chorus1 a{background: url(../images/pagelink_chorus1.jpg) no-repeat;}
.pagelinks ul #chorus1 a:hover, .pagelinks ul #chorus1{background: url(../images/pagelink_chorus1_over.jpg) no-repeat; width:180px; height:26px; z-index:999;}
.pagelinks ul #chorus2 a{background: url(../images/pagelink_chorus2.jpg);}
.pagelinks ul #chorus2 a:hover, .pagelinks ul #chorus2{background: url(../images/pagelink_chorus2_over.jpg) no-repeat; width:180px; height:26px; z-index:999 !important;}
.pagelinks ul #chorus3 a{background: url(../images/pagelink_chorus3.jpg) no-repeat;}
.pagelinks ul #chorus3 a:hover, .pagelinks ul #chorus3{background: url(../images/pagelink_chorus3_over.jpg) no-repeat; width:180px; height:26px; z-index:999 !important;}
.pagelinks ul #chorus4 a{background: url(../images/pagelink_chorus4.jpg) no-repeat;}
.pagelinks ul #chorus4 a:hover, .pagelinks ul #chorus4{background: url(../images/pagelink_chorus4_over.jpg) no-repeat; width:180px; height:26px; z-index:999 !important;}


.pagelinks ul #coursesheader a{display:block; background: url(../images/pagelink_coursesheader.jpg); width: 180px; height:55px;}
.pagelinks ul #courses1 a{background: url(../images/pagelink_courses1.jpg) no-repeat;}
.pagelinks ul #courses1 a:hover, .pagelinks ul #courses1{background: url(../images/pagelink_courses1_over.jpg) no-repeat; width: 180px; height:26px; z-index:999;}
.pagelinks ul #courses2 a{background: url(../images/pagelink_courses2.jpg);}
.pagelinks ul #courses2 a:hover, .pagelinks ul #courses2{background: url(../images/pagelink_courses2_over.jpg) no-repeat; width: 180px; height:26px; z-index:999 !important;}
.pagelinks ul #coursesfooter{display:block; background: url(../images/pagelink_coursesfooter.jpg); height:85px;}

.pagelinks ul #choirsheader a{display:block; background: url(../images/pagelink_choirsheader.jpg); height:65px;}
.pagelinks ul #choirs1 a{background: url(../images/pagelink_choirs1.jpg) no-repeat;  width: 180px; height:21px;}
.pagelinks ul #choirs1 a:hover, .pagelinks ul #choirs1{background: url(../images/pagelink_choirs1_over.jpg) no-repeat; width: 180px; height:21px;z-index:999;}
.pagelinks ul #choirs2 a{background: url(../images/pagelink_choirs2.jpg);}
.pagelinks ul #choirs2 a:hover, .pagelinks ul #choirs2{background: url(../images/pagelink_choirs2_over.jpg) no-repeat; width: 180px; height:21px;z-index:999 !important;}
.pagelinks ul #choirs3 a{background: url(../images/pagelink_choirs3.jpg);}
.pagelinks ul #choirs3 a:hover, .pagelinks ul #choirs3{background: url(../images/pagelink_choirs3_over.jpg) no-repeat; width: 180px; height:21px;z-index:999 !important;}
.pagelinks ul #choirs4 a{background: url(../images/pagelink_choirs4.jpg);}
.pagelinks ul #choirs4 a:hover, .pagelinks ul #choirs4{background: url(../images/pagelink_choirs4_over.jpg) no-repeat; width: 180px; height:21px;z-index:999 !important;}
.pagelinks ul #choirs5 a{background: url(../images/pagelink_choirs5.jpg); height:21px;}
.pagelinks ul #choirs5 a:hover, .pagelinks ul #choirs5{background: url(../images/pagelink_choirs5_over.jpg) no-repeat; width: 180px; height:21px;z-index:999 !important;}
.pagelinks ul #choirsfooter{display:block; background: url(../images/pagelink_choirsfooter.jpg); height:22px;}



/************* PRELOAD *************/
.preload {height: 0;overflow: hidden;}

/************* Ads *************/
.adContainer{position:relative; height: 200px; display:block; background: url(../images/ad_hding.gif) top left no-repeat #000000;}
.adHding{
	position:absolute;
	top: 10px;
	left: 6px;
	font-size: 1.1em;
	font-weight: bold;
	color:#000000;
	background-image: url(images/hding_adsingwithus_button.gif);
}
.ad{
	position:absolute;
	left:0;
	top: 35px;
	width:100%;
	height:120px;
	display:block;
	/*background-image: url(images/ad_nextconcert.jpg);*/
}
.adText{
	position:absolute;
	top: 165px;
	left: 17px;
	font-size: 0.8em;
	line-height: 1.4em;
	color: #FFF;
	width: 168px;
	height: 76px;
}
.more a:link, .more a{
	position:absolute;
	bottom: 12px;
	right: -3px;
	background:url(../images/link_more.gif) no-repeat;
	display:block;
	width:62px;
	height:25px;
	background-image: url(../images/link_more.gif);
}
.more a:hover, .more a:active{position:absolute; bottom: 12px; right: -3px; background:url(../images/link_more_over.gif) no-repeat;}
.more a span{display:none;}
.adBottom{
	position:absolute;
	
	bottom: 199px;
	width:100%;
	height:11px;
	background: url(../images/ad_bottom.gif) repeat-x;
	z-index:5;
}
/*Index Page*/ 
#indexMiddle{display:block; width: 950px; height:440px; color:#fff;}
* html div#indexMiddle{ height: expression( this.scrollHeight < 439 ? "440px" : "auto" ); /* sets min-height for IE */}
.indexAd1{position:absolute; left: 0px; width:239px;}
.indexAd2{position:absolute; left: 245px; width:460px;}
.indexAd2_V2{position:absolute; left: 244px; width:229px;}
.indexAd2_V2_2{position:absolute; left: 477px; width:229px;}
.indexAd3{position:absolute; right: 0px; width:239px;}

/************* CONCERTS PAGE *************/
.concertsContainer{float: left; width:950px; background: #000000 url(../images/hding_bg1.jpg) top repeat-x; position:relative; color: #fff;}
.concertsContentContainer{position: relative; width: 950px; top: 70px; height: 250px; padding-bottom: 70px;}
.concertsContentContainer#row{top:10px; padding-bottom: 10px;}
.concertsAd1{position:absolute; left: 0px; width:229px;}
.concertsAd2{position:absolute; left: 241px; width:229px;}
.concertsAd3{position:absolute; left: 481px;width:229px;}
.concertsAd4{position:absolute; right: 0; width:229px;}
.concertsAdContainer{position:relative; background: #3c3c3c url(../images/hding_bg.jpg) top repeat-x; width: 229px; height:250px; display:block;}
.adMoreConcerts{position:absolute;bottom: 8px; right: 8px;}

.adMoreConcerts a {
	color: #d4eded;
}

.ad#con{
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-top-style: none;
	border-bottom-style: none;
	border-top-color: #3c3c3c;
	border-bottom-color: #3c3c3c;
}

.infoCont{min-height: 255px; /* sets min-height value for all standards-compliant browsers */}
* html div.infoCont{ height: expression( this.scrollHeight < 249 ? "250px" : "auto" ); /* sets min-height for IE */}
.dates{position: relative; font-weight: bold; }
.concertImage{position:absolute; right: 0px;}
.conductor{
	font-size: 0.9em;
	color: #000;
}
.blurb{width: 400px; font-size: 1.1em; font-style: normal;}

.maps{position:relative;top: 10px; width: 260px; height: 120px; display:block;}
.mapConcertHall a{position:absolute;  background: url(../images/map_concerthall_link.gif); width:110px; height:120px; display:block;}
.mapCityRecitalHall a{position:absolute; top: 0px; left: 125px; background: url(../images/map_cityrecitalhall_link.gif); width:110px; height:120px; display:block;}

/************* SUPPORT US PAGE *************/
.sponsorsBox{background:#fff; position:relative; color:#555555;}
.sponsorTable{position: relative; left: 15px; top: 0px;}

/************* MEMBERS PAGE *************/
.membersnews{width:210px; position:relative; top: 50px; left: 11px; padding-bottom: 60px; color:#fff;}
#invisiblebullet{color:#0c212e;}

/*home page central panel */
#panel {
	background: url(../images/panel_bg.gif) no-repeat;
	width: 481px;
	height: 218px;
	position: absolute;
	z-index: 200;
	right: -1px;
	top: 141px;
}

#panel_text {
	color: #000000 !important;
	float: right;
	text-align: left;
	width: 328px;
	margin-top: 0px;
	font-family: helvetica, georgia, arial, sans-senrif;
	font-size: 13px;
	line-height: 19px;
	margin-right: 14px;
}

#panel_text i {
	font-weight: normal;
	color: #000000 !important;
}

#panel h1 {
	font-family: helvetica, georgia, arial, sans-senrif;
	font-size: 17px;
	font-weight: bold;
	color: #000000 !important;
	margin-bottom: 6px;
}

.panel_image {
	margin-left: 20px;
	margin-top: 30px;
	margin-right: 10px;
	float: left;
}

/**
Slideshow
*/
#show {
	z-index: 0;
	display: block;
	position: absolute;
	left: 0;
}

.slideshow {
	display: block;
	position: relative;
	z-index: 0;
}
.slideshow-images {
	display: block;
	overflow: hidden;
	position: relative;
}		
.slideshow-images img {
	display: block;
	position: absolute;
	z-index: 1;
}		
.slideshow-thumbnails {
	overflow: hidden;
}

/**
HTML:
	<div class="slideshow-images">
		<img />
		<img />
	</div>
	
Notes:
	The images div is where the slides are shown.
	Customize the visible / prev / next classes to effect the slideshow transitions: fading, wiping, etc.
*/

.slideshow-images {
	
}		
.slideshow-images-visible { 
	opacity: 1;
}	
.slideshow-images-prev { 
	opacity: 0; 
}
.slideshow-images-next { 
	opacity: 0; 
}
.slideshow-images img {
	
	left: 0;
	top: 0;
}	

/**
Notes:
	These are examples of user-defined styles.
	Customize these classes to your usage of Slideshow.
*/


.slideshow a img {
	border: 0;
}

/**
HTML:
	<div class="slideshow-captions">
		...
	</div>
	
Notes:
	Customize the hidden / visible classes to affect the captions animation.
*/

.slideshow-captions {
	background: #000;
	bottom: 0;
	color: #FFF;
	font: normal 12px/22px Arial, sans-serif;
	left: 0;
	overflow: hidden;
	position: absolute;
	text-indent: 10px;
	width: 100%;
	z-index: 10000;
}
.slideshow-captions-hidden {
	height: 0;
	opacity: 0;
}
.slideshow-captions-visible {
	height: 22px;
	opacity: .7;
}


/**
HTML:
	<div class="slideshow-loader" />
	
Notes:
	Customize the hidden / visible classes to affect the loader animation.
*/

.slideshow-loader {
	height: 28px;
	right: 0;
	position: absolute;
	top: 0;
	width: 28px;
	z-index: 10001;
}
.slideshow-loader-hidden {
	opacity: 0;
}
.slideshow-loader-visible {
	opacity: 1;
}
.siteBorder .siteContainer .rightContainer #withImage .infoCont .dates h3 a strong {
	font-size: 2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.siteBorder .siteContainer .rightContainer #withImage center h3 a {
	font-size: 2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}