@charset "UTF-8";
/* CSS Document */

/************* GLOBALS *************/
p {margin: 1em 0 1em 0;}
.bodycopy{margin: 15px; width:360px;}
.smallTxt{font-size: 0.8em;}
a, a:link{color:#ee6a00; text-decoration: none;}
a:hover, a:active{text-decoration: underline;}
h2{font-size: 1.2em; margin-top: 1.5em;margin-bottom: 0.5em; color:#078bb6;}
h3{font-size: 1em; font-style:oblique; color:#0379aa; 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.gif) no-repeat; display:block; width:177px; height:31px;}
.subscribe a:hover, .subscribe a:active{background:url(../images/link_subscribe_over.gif) no-repeat;}



body {margin-top: 0; background: #013751;/*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: 10px; font-size: 0.85em; color:#999999;}
.sublinks a:link, .sublinks a{color:#0081b7;}
.links {position: absolute; right: 0px; top: 74px; width: 417px; height:32px; z-index:2;}
.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:#000; float:left; text-align: center; position:relative; height:640px; width: 950px; z-index:100;}
.leftContainer{float:left; width:229px; position:relative; z-index:2; background: url(../images/hding_bg.jpg) top repeat-x;}
.left{position: relative; top: 52px;}
.rightContainer{float: right; width:719px; background: url(../images/hding_bg.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;}

/************* LINKSBANNER *************/
.pagelinksBannerContainer{display:block; height:192px; background:#000; position:relative;}
.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_2010.jpg); width:237px; height:192px;}
.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_2010.jpg); width:533px; height:192px;}
.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:64px;}
.pagelinks ul #aboutus1 a{background: url(../images/pagelink_aboutus1.jpg) no-repeat;}
.pagelinks ul #aboutus1 a:hover, .pagelinks ul #aboutus1{background: url(../images/pagelink_aboutus1_over.jpg) no-repeat; width:180px; height:22px; z-index:999;}
.pagelinks ul #aboutus2 a{background: url(../images/pagelink_aboutus2.jpg);}
.pagelinks ul #aboutus2 a:hover, .pagelinks ul #aboutus2{background: url(../images/pagelink_aboutus2_over.jpg) no-repeat; width:180px; height:22px; z-index:999 !important;}
.pagelinks ul #aboutus3 a{background: url(../images/pagelink_aboutus3.jpg) no-repeat;}
.pagelinks ul #aboutus3 a:hover, .pagelinks ul #aboutus3{background: url(../images/pagelink_aboutus3_over.jpg) no-repeat; width:180px; height:22px; z-index:999 !important;}
.pagelinks ul #aboutusfooter{display:block; background: url(../images/pagelink_aboutusfooter.jpg); width: 180px; height:60px;}


.pagelinks ul #concertheader a{display:block; background: url(../images/pagelink_concertheader_2010.jpg);height:64px;}
.pagelinks ul #concerts1 a{background: url(../images/pagelink_concerts1_2010.jpg) no-repeat;}
.pagelinks ul #concerts1 a:hover,.pagelinks ul #concerts1{background: url(../images/pagelink_concerts1_2010_ov.jpg) no-repeat; width:180px; height:22px; z-index:999;}
.pagelinks ul #concerts2 a{background: url(../images/pagelink_concerts2_2010.jpg);}
.pagelinks ul #concerts2 a:hover, .pagelinks ul #concerts2{background: url(../images/pagelink_concerts2_2010_ov.jpg) no-repeat; width:180px; height:22px; z-index:999 !important;}
.pagelinks ul #concerts3 a{background: url(../images/pagelink_concerts3_2010.jpg) no-repeat; }
.pagelinks ul #concerts3 a:hover, .pagelinks ul #concerts3{background: url(../images/pagelink_concerts3_2010_ov.jpg) no-repeat; width:180px; height:22px; z-index:999 !important;}
.pagelinks ul #concerts4 a{background: url(../images/pagelink_concerts4_2010.jpg) no-repeat;}
.pagelinks ul #concerts4 a:hover, .pagelinks ul #concerts4{background: url(../images/pagelink_concerts4_2010_ov.jpg) no-repeat; width:180px; height:22px; z-index:999 !important;}
.pagelinks ul #concertfooter{display:block; background: url(../images/pagelink_concertfooter_2010.jpg); width: 180px; height:40px;}

.pagelinks ul #chorusheader a{display:block; background: url(../images/pagelink_chorusheader_2010.jpg); height:64px;}
.pagelinks ul #chorus1 a{background: url(../images/pagelink_chorus1_2010.jpg) no-repeat;}
.pagelinks ul #chorus1 a:hover, .pagelinks ul #chorus1{background: url(../images/pagelink_chorus1_2010_ov.jpg) no-repeat; width:180px; height:22px; z-index:999;}
.pagelinks ul #chorus2 a{background: url(../images/pagelink_chorus2_2010.jpg);}
.pagelinks ul #chorus2 a:hover, .pagelinks ul #chorus2{background: url(../images/pagelink_chorus2_2010_ov.jpg) no-repeat; width:180px; height:22px; z-index:999 !important;}
.pagelinks ul #chorus3 a{background: url(../images/pagelink_chorus3_2010.jpg) no-repeat;}
.pagelinks ul #chorus3 a:hover, .pagelinks ul #chorus3{background: url(../images/pagelink_chorus3_2010_ov.jpg) no-repeat; width:180px; height:22px; z-index:999 !important;}
.pagelinks ul #chorus4 a{background: url(../images/pagelink_chorus4_2010.jpg) no-repeat;}
.pagelinks ul #chorus4 a:hover, .pagelinks ul #chorus4{background: url(../images/pagelink_chorus4_2010_ov.jpg) no-repeat; width:180px; height:22px; z-index:999 !important;}


.pagelinks ul #coursesheader a{display:block; background: url(../images/pagelink_coursesheader_2010.jpg); width: 180px; height:64px;}
.pagelinks ul #courses1 a{background: url(../images/pagelink_courses1_2010.jpg) no-repeat;}
.pagelinks ul #courses1 a:hover, .pagelinks ul #courses1{background: url(../images/pagelink_courses1_2010_ov.jpg) no-repeat; width: 180px; height:22px; z-index:999;}
.pagelinks ul #courses2 a{background: url(../images/pagelink_courses2_2010.jpg);}
.pagelinks ul #courses2 a:hover, .pagelinks ul #courses2{background: url(../images/pagelink_courses2_2010_ov.jpg) no-repeat; width: 180px; height:22px; z-index:999 !important;}
.pagelinks ul #coursesfooter{display:block; background: url(../images/pagelink_coursesfooter_2010.jpg); height:84px;}

.pagelinks ul #choirsheader a{display:block; background: url(../images/pagelink_choirsheader_2010.jpg); height:64px;}
.pagelinks ul #choirs1 a{background: url(../images/pagelink_choirs1_2010.jpg) no-repeat;  width: 180px; height:22px;}
.pagelinks ul #choirs1 a:hover, .pagelinks ul #choirs1{background: url(../images/pagelink_choirs1_2010_ov.jpg) no-repeat; width: 180px; height:22px;z-index:999;}
.pagelinks ul #choirs2 a{background: url(../images/pagelink_choirs2_2010.jpg);}
.pagelinks ul #choirs2 a:hover, .pagelinks ul #choirs2{background: url(../images/pagelink_choirs2_2010_ov.jpg) no-repeat; width: 180px; height:22px;z-index:999 !important;}
.pagelinks ul #choirs3 a{background: url(../images/pagelink_choirs3_2010.jpg);}
.pagelinks ul #choirs3 a:hover, .pagelinks ul #choirs3{background: url(../images/pagelink_choirs3_2010_ov.jpg) no-repeat; width: 180px; height:22px;z-index:999 !important;}
.pagelinks ul #choirs4 a{background: url(../images/pagelink_choirs4_2010.jpg);}
.pagelinks ul #choirs4 a:hover, .pagelinks ul #choirs4{background: url(../images/pagelink_choirs4_2010_ov.jpg) no-repeat; width: 180px; height:22px;z-index:999 !important;}
.pagelinks ul #choirs5 a{background: url(../images/pagelink_choirs5_2010.jpg); height:40px;}
.pagelinks ul #choirs5 a:hover, .pagelinks ul #choirs5{background: url(../images/pagelink_choirs5_2010_ov.jpg) no-repeat; width: 180px; height:40px;z-index:999 !important;}


/*********OLD CONCERT PAGE BANNER without 2010 just a generic image**********
.pagelinks ul #concertheader a{display:block; background: url(../images/pagelink_concertheader.jpg);height:64px;}
.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:22px; 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:22px; 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:22px; 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:22px; z-index:999 !important;}
.pagelinks ul #concertfooter{display:block; background: url(../images/pagelink_concertfooter.jpg); width: 180px; height:40px;}


.pagelinks ul #chorusheader a{display:block; background: url(../images/pagelink_chorusheader.jpg); height:64px;}
.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:22px; 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:22px; 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:22px; 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:22px; z-index:999 !important;}


.pagelinks ul #coursesheader a{display:block; background: url(../images/pagelink_coursesheader.jpg); width: 180px; height:64px;}
.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:22px; 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:22px; z-index:999 !important;}
.pagelinks ul #coursesfooter{display:block; background: url(../images/pagelink_coursesfooter.jpg); height:84px;}

.pagelinks ul #choirsheader a{display:block; background: url(../images/pagelink_choirsheader.jpg); height:64px;}
.pagelinks ul #choirs1 a{background: url(../images/pagelink_choirs1.jpg) no-repeat;  width: 180px; height:22px;}
.pagelinks ul #choirs1 a:hover, .pagelinks ul #choirs1{background: url(../images/pagelink_choirs1_over.jpg) no-repeat; width: 180px; height:22px;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:22px;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:22px;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:22px;z-index:999 !important;}
.pagelinks ul #choirs5 a{background: url(../images/pagelink_choirs5.jpg); height:40px;}
.pagelinks ul #choirs5 a:hover, .pagelinks ul #choirs5{background: url(../images/pagelink_choirs5_over.jpg) no-repeat; width: 180px; height:40px;z-index:999 !important;}

*****************************************/

/************* PRELOAD *************/
.preload {height: 0;overflow: hidden;}

/************* Ads *************/
.adContainer{position:relative; height: 200px; display:block; background: url(../images/ad_hding.gif) top left no-repeat #0b4964;}
.adHding{position:absolute; top: 10px; left: 8px; font-size: 1.1em; font-weight: bold; color:#0091cd;}
.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;
}
.more a:link, .more a{position:absolute; bottom: 13px; right: 3px; background:url(../images/link_more.gif) no-repeat; display:block; width:105px; height:25px;}
.more a:hover, .more a:active{position:absolute; bottom: 13px; right: 3px; background:url(../images/link_more_over.gif) no-repeat;}
.more a span{display:none;}
.adBottom{position:absolute; left:0; bottom: 0px; width:100%; height:10px; 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: #0c212e url(../images/hding_bg.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: #1a2e3a url(../images/hding_bg.jpg) top repeat-x; width: 229px; height:250px; display:block;}
.adMoreConcerts{position:absolute;bottom: 8px; right: 8px;}
.ad#con{border-top: #2e404c solid 1px; border-bottom: #2e404c solid 1px;}

.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;}
.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;}
