/* SD MASTER CHORALE */

/* BASIC ELEMENTS
------------------------------------------------------------------------------------- */

html { font:12px Arial, Helvetica, sans-serif; }
body { margin:0; padding:0; background:#000 url(../images/bg-body.gif) repeat-x; color:#f7e9cc; text-align:center; }
img { border:none; }

h1#logo { position:absolute; left:0px; top:37px; z-index:99; margin:0; padding:0; width:284px; height:91px; }
h1#logo span  { display:block;	 width:284px; height:91px; background:url(../images/logo.png) no-repeat; }
h1#logo a  { display:block; width:284px; height:91px; text-indent:-9999px; overflow:hidden; position:relative; }
h3  { margin:0; padding:0; font-size:17px; font-weight:normal; text-transform:uppercase; font-color: #ffffff; }
p.mozart
  {                font-family:  Verdana, Arial, Helvetic,  sans-serif;
	font-size: 14px;
	color: #17e9cc;
}

p.concert_notes_text
   {
	font-family:  Verdana, Arial, Helvetic,  sans-serif;
	font-size: 14px;
	color: white;
    }

/* PAGE LAYOUT
------------------------------------------------------------------------------------- */
.page { margin:0 auto; width:990px; overflow:hidden; position:relative; z-index:0; background:url(../images/bg-page.jpg) no-repeat 76px 10px; text-align:left; }

.header { margin:0; width:990px; height:211px;  position:relative; z-index:5000; }
.container { width:990px; overflow:hidden; padding-bottom:40px; }
.left-home { width:570px; float:left; overflow:hidden; padding-top:6px; }
.left-box { width:240px; float:left; overflow:hidden; margin-right:40px; }

.top-nav { float:left; display:inline; width:492px; height:37px; margin:0 0 0 242px; padding:0; list-style:none; }
	.top-nav li { float:left; }
	.top-nav li a { float:left; height:37px; overflow:hidden; text-indent:-9999px; font-size:0; }
	.top-nav li a:hover { background-position:0 -37px !important; }
	.top-nav li.active a { background-position:0 -74px !important; }
	
#nav-about a { width:108px; background:url(../images/nav-about.gif); }
#nav-concerts a { width:89px; background:url(../images/nav-concerts.gif); }
#nav-outreach a { width:93px; background:url(../images/nav-outreach.gif); }
#nav-donations a { width:97px; background:url(../images/nav-donation.gif); }
#nav-contacts a { width:105px; background:url(../images/nav-contact.gif); }

.login { float:left; width:253px; height:37px; overflow:hidden; background:url(../images/bg-login.gif); margin:0 0 58px; padding:0; list-style:none; }
	.login li { float:left; padding:0 5px; line-height:36px; }
	.login li a { font-size:10px; text-decoration:none; text-transform:uppercase; color:#ffc730; }
	.login li a:hover { text-decoration:underline; }
	
#link-home { position:absolute; left:228px; top:17px; z-index:999; width:14px; height:12px; overflow:hidden; }
	#link-home img { display:block; }
	
.txt-voice { clear:both; width:426px; height:38px; position:absolute; top:89px; left:436px; padding:0; overflow:hidden; background:url(../images/txt-voice.png) no-repeat 0 0px; text-indent:-9999px; font-size:0; }
*:lang(en) .txt-voice { *top:95px }

.crumbs { width:740px; height:35px; position:absolute; top:135px; left:250px; margin:41px 0 0; padding:0; list-style:none; overflow:hidden; background:url(../images/fader.png) no-repeat; z-index:50; }
	.breadcrumb { position:absolute; top:164px; left:220px; z-index:51; list-style:none; *top:175px; }
	* html .breadcrumb { top:175px; }
	.breadcrumb li { float:left; margin-top:11px; padding:0 5px 0 10px; background:url(../images/bullet-crumbs.gif) no-repeat 0 4px; color:#999; font-size:10px; font-weight:bold; }
	.breadcrumb li.first { background:none; padding-left:30px; }
	.breadcrumb li a { color:#af8000; text-decoration:none; position:relative; }
	.breadcrumb li a:hover { text-decoration:underline; }

.list-concert { width:240px; overflow:hidden; margin:0; padding:0; list-style:none; }
	.list-concert li { padding:13px 0 10px; border-bottom:1px #3f3c36 solid; }
	.list-concert li.last { border:none; padding-bottom:0; }
	.list-concert strong { display:block; margin:0; padding:0; font-size:14px; color:#ffc730; }
	.list-concert p { margin:0; padding:0; line-height:19px; }
	.list-concert a { color:#ffc730; text-decoration:none; }
	.list-concert a:hover { text-decoration:underline; }
	
#txt-promote { clear:both; margin:0; padding:13px 0 0; width:527px; height:48px; overflow:hidden; text-indent:-9999px; font-size:0; background:url(../images/txt-promote.gif) no-repeat 0 13px;  }
#txt-promote { height:61px; he\ight:48px; }
.txt-about { position:absolute; left:10px; top:180px;  font-size:20px; width:240px; font-weight:normal; }

.img-middle { width:420px; height:168px; overflow:hidden; background:url(../images/img-frame-1.gif) repeat-x; padding:10px 0 0 10px; }
	.img-middle img { float:left; border:1px #ae874e solid; }

.sponsors-list { width:1000px; overflow:hidden; margin:20px 0 0; padding:0; list-style:none; }
	.sponsors-list li { float:left; display:inline; margin-right:49px; }
	.sponsors-list img { display:block; margin:0; }
	
.right-home { width:420px; float:right; overflow:hidden; padding-top:8px; }
	.right-home p { margin:0; padding:0; line-height:19px; }
	
.link-more { display:block; margin:0; padding:0; }
	.link-more a { color:#ffc730; text-decoration:none; }
	.link-more a:hover { text-decoration:underline; }
	
.footer { width:990px; height:110px; margin:0 auto; font-size:10px; text-align:left; }

.nav-footer { margin:0; padding:0; list-style:none; height:20px; overflow:hidden;  }
	.nav-footer li { float:left; padding:0 10px; background:url(../images/bullet-footer.gif) no-repeat 0 5px; line-height:17px; }
	.nav-footer li.first { background:none; padding-left:0;  }
	.nav-footer a { font-weight:bold; text-decoration:none; text-transform:uppercase; color:#b38c22; }
	.nav-footer a:hover { text-decoration:underline;  }
	
.footer p { margin:0; padding:0; color:#666; }

.sponsors { width:100%; min-width:990px; height:156px; overflow:hidden; background:#111; margin-bottom:10px; }
	.sponsors div { width:970px; overflow:hidden; margin:0 auto; padding-left:20px; }
	.sponsors h3 { margin:10px 0 0; padding:0; }

.promote { width:100%; min-width:990px; height:80px; overflow:hidden; background:#111; margin:35px 0 10px; }
	.promote div { width:990px; overflow:hidden; margin:0 auto; }
	.promote p { width:896px; height:28px; margin:30px 0 0 30px; background:url(../images/txt-promote-inner.gif) no-repeat; overflow:hidden; text-indent:-9999px; font-size:0; }
	
.left-column { width:240px; float:left; }
.right-content { width:700px; overflow:hidden;  padding:32px 0 60px; }

.right-content a{color:#333;}

.right-content table{color:#333;}
.right-content ul{color:#333;}

.sub-nav { width:240px; min-height:271px; margin:4px 0 0; padding:20px 0 0; list-style:none; background:url(../images/bg-left-inner.gif) no-repeat;  }
	* html .sub-nav { height:271px; }
	.sub-nav li { line-height:40px; display:inline; }
	.sub-nav a { display:block; width:213px; margin:0 10px 0 9px; padding:0 0 0 7px; color:#966e00; font-size:12px; font-weight:bold; text-decoration:none; }
	.sub-nav li.active a,.sub-nav a:hover { background:#474747; color:#fff; }
.right-columnmb { width:750px; float:right; overflow:hidden; background:#000 url(../images/bg-page-top-mb.gif) no-repeat;  }	
.right-column { width:750px; float:right; overflow:hidden; background:#fff url(../images/bg-page-top.gif) no-repeat;  }
.right-column-inner { width:750px; overflow:hidden; background:url(../images/bg-page-btm.gif) no-repeat 0 bottom; padding:0 0 0 30px; }
.right-column-inner-mb { width:750px; overflow:hidden; background:url(../images/bg-page-btm-mb.gif) no-repeat 0 bottom; padding:0 0 0 30px; }
	.right-column-inner h2 { margin:0 0 3px; padding:0; font-size:22px; font-weight:normal; color:#333; }
	.right-column-inner h3 { margin:0 0 5px; padding:7px 0 0; font-size:18px; font-weight:normal; text-transform:none; color:#5e0700; }
	.right-column-inner h4 { margin:0 0 15px; padding:0; font-size:14px; font-weight:bold; text-transform:none; color:#666; }
	.right-column-inner p { margin:0 0 17px; padding:0; color:#333; line-height:17px; }
	.right-column a:visited { color:#666; }

.box-right { float:right; width:186px; margin-left:28px; padding-bottom:20px; }
	.box-right em { display:block; margin:0 0 10px; padding:0; font-size:14px; color:#5f0700; }
	.box-right p { margin:0; padding:0; font-size:10px; color:#333; line-height:13px; }
	
.img-frame-sm { width:186px; overflow:hidden; padding:10px; margin:0 0 10px; background: #b38e59 url(../images/img-frame.gif) repeat-x; }
	.img-frame-sm img { display:block; margin:0; padding: 0; }
	
/* IE SPECIFIC
------------------------------------------------------------------------------------- */	
* html h1#logo span { background: none; filter: progid:dximagetransform.microsoft.alphaimageloader(src='assets/images/logo.png', sizingmethod='none'); }
* html .txt-voice { background: none; filter: progid:dximagetransform.microsoft.alphaimageloader(src='assets/images/txt-voice.png', sizingmethod='none'); top:95px; }
* html .crumbs { background: none; filter: progid:dximagetransform.microsoft.alphaimageloader(src='assets/images/fader.png', sizingmethod='none'); }
* html .sponsors { width:expression((document.documentElement.clientWidth||document.body.clientWidth)<990?'990px':'100%'); }
* html .promote { width:expression((document.documentElement.clientWidth||document.body.clientWidth)<990?'990px':'100%'); }


/* sIFR
------------------------------------------------------------------------------------- */
/* THESE ARE STANDARD sIFR STYLES... DO NOT MODIFY */
.sIFR-flash { margin:0; visibility:visible !important;	}
.sIFR-replaced { visibility:visible !important; }
span.sIFR-alternate { position:absolute; left:0; top:0; width:0; height:0; display:block; overflow:hidden; }

/* HIDE ADBLOCK OBJECT TAB:THE TEXT SHOULD SHOW UP JUST FINE, NOT POORLY WITH A TAB LAID OVER IT. */
.sIFR-flash + div[adblocktab=true] { display:none !important; }

/* THESE "DECOY" STYLES ARE USED TO HIDE THE BROWSER TEXT BEFORE IT IS REPLACED... 
NEGATIVE-LETTER SPACING IS USED TO MAKE THE BROWSER TEXT METRICS MATCH UP WITH
THE sIFR TEXT METRICS SINCE THE sIFR TEXT MAY NOT ALWAYS MATCH UP. YOUR OWN
SETTINGS MAY VARY... ANY WEIRD SIZING ISSUES YOU MAY RUN INTO ARE USUALLY
FIXED BY TWEAKING THESE DECOY STYLES. BE AS SPECIFIC AS NEEDED. 
.sIFR-hasFlash elementName { visibility:hidden; letter-spacing:-9px; font-size:55px; }*/


/* IF LIGHTBOX IS NOT BEING USED YOU CAN REMOVE THE FOLLOWING STYLES DOWN TO THE LINE OF STARS */
/* LIGHTBOX
------------------------------------------------------------------------------------- */
/* IF YOU WISH TO ADJUST THE OPACITY, YOU MUST CHANGE THE VARIABLE overlayOpacity IN lightbox.js, THE DEFAULT IS .8 AND SHOULD BE ON OR ABOUT LINE #60 */
#lb_overlay { position:absolute; top:0; left:0; width:100%; background:#000; z-index:100; }

#lightbox { position:absolute; left:0; width:100%; text-align:center; line-height:0; z-index:102; }
	#lightbox a img { border:none; }

	/* THIS IS THE AREA WRAPPING AROUND THE IMG */
	#lb_outter_wrap { margin:0 auto; position:relative; width:250px; height:250px; background:#fff; }
	#lb_inner_wrap { padding:10px; }
	#lb_hover_nav { position:absolute; top:0; left:0; width:100%; height:100%; z-index:10; }
	#lb_image {}

	#lb_hover_nav a { outline:none; } /* REMOVES DOTTED BORDER YOU GET IN FIREFOX */

	#lb_prev, #lb_next { display:block; width:49%; height:100%; background:transparent url(../images/lb_blank.gif) no-repeat; /* TRICK IE INTO SHOWING HOVER */ }
	#lb_prev { left:0; float:left; }
	#lb_next { right:0; float:right; }

	#lb_prev:hover, #lb_prev:visited:hover { background:url(../images/lb_prevlabel.gif) no-repeat 0% 15%; }
	#lb_next:hover, #lb_next:visited:hover { background:url(../images/lb_nextlabel.gif) no-repeat 100% 15%; }

	#lb_loading { position:absolute; top:40%; left:0; width:100%; height:25%; text-align:center; line-height:0; }
	#lb_loading_link {}

	/* THIS IS THE AREA AROUND THE CAPTION & CLOSE BUTTON */
	#lb_img_data_wrap { margin:0 auto; font:10px/1.4em arial, helvetica, sans-serif; background:#fff; }
	#lb_img_data { padding:0 10px; }
	#lb_img_data #lb_img_details { width:70%; float:left; text-align:left; }
	#lb_img_data #lb_caption { font-weight:bold; }
	#lb_img_data #lb_num_display { padding-bottom:1.0em; display:block; clear:left; }

	#lb_img_data #lb_nav_close { padding-bottom:0.7em; width:66px; float:right; }
/**************************************************************************************************************/

/* LINK ICONS
------------------------------------------------------------------------------------- */
.audio 		{ padding:0 15px 0 0; background:url(../images/link_audio.gif) no-repeat 100% 4px; }
.doc 		{ padding:0 15px 0 0; background:url(../images/link_worddoc.gif) no-repeat 100% 4px; }
.excel 		{ padding:0 15px 0 0; background:url(../images/link_excel.gif) no-repeat 100% 4px; }
.external 	{ padding:0 16px 0 0; background:url(../images/link_external.gif) no-repeat 100% 4px; }
.flash 		{ padding:0 15px 0 0; background:url(../images/link_flash.gif) no-repeat 100% 4px; }
.ical		{ padding:0 15px 0 0; background:url(../images/link_ical.gif) no-repeat 100% 4px; }
.itunes		{ padding:0 15px 0 0; background:url(../images/link_itunes.gif) no-repeat 100% 4px; }
.outlook	{ padding:0 15px 0 0; background:url(../images/link_outlook.gif) no-repeat 100% 4px; }
.pdf 		{ padding:0 14px 0 0; background:url(../images/link_pdf.gif) no-repeat 100% 4px; }
.podcast	{ padding:0 15px 0 0; background:url(../images/link_podcast.gif) no-repeat 100% 4px; }
.popup 		{ padding:0 16px 0 0; background:url(../images/link_popup.gif) no-repeat 100% 4px; }
.ppt		{ padding:0 15px 0 0; background:url(../images/link_powerpoint.gif) no-repeat 100% 4px; }
.qt			{ padding:0 15px 0 0; background:url(../images/link_quicktime.gif) no-repeat 100% 4px; }
.rar		{ padding:0 16px 0 0; background:url(../images/link_rar.gif) no-repeat 100% 4px; }
.rp			{ padding:0 16px 0 0; background:url(../images/link_realplayer.gif) no-repeat 100% 4px; }
.rss		{ padding:0 15px 0 0; background:url(../images/link_rss.gif) no-repeat 100% 4px; }
.txt		{ padding:0 13px 0 0; background:url(../images/link_text.gif) no-repeat 100% 4px; }
.video		{ padding:0 15px 0 0; background:url(../images/link_video.gif) no-repeat 100% 4px; }
.wmp		{ padding:0 16px 0 0; background:url(../images/link_wmp.gif) no-repeat 100% 4px; }
.zip		{ padding:0 16px 0 0; background:url(../images/link_zip.gif) no-repeat 100% 4px; }

/* MISC. CLASSES & IDS
------------------------------------------------------------------------------------- */
.show { display:block; }
.hide, .print { display:none; }
.clear { clear:both; }
br.clear { line-height:0px; height:0; }

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
/* PLEASE LEAVE BOTH THESE LINES, FIX FOR IE7 */
.clearfix { display:inline-block; }
.clearfix { /*\*/display:block;/**/ }

/* FIX FOR PWP RETYPE PASSWORD STYLING  */
.PWPRetypePromptText { display:block; }

/* ADD THIS CLASS TO AN ELEMENT TO FIX THE IE ITALICS BUG,
MUST BE THE INNER-MOST BLOCK-LEVEL ELEMENT THAT CONTAINS THE TEXT LIKE p, blockquote OR li
MAY REQUIRE A MORE DIRECT PATH TO THE ELEMENT */
* html .italicsfix { /*\*/overflow:hidden; o\verflow:visible; width:100%; w\idth:auto; he\ight:1%;/**/ }

.floatleft { float:left; }
.floatright { float:right; }

img.floatleft { margin:0 10px 5px 0; position:relative; }
img.floatright { margin:0 0 5px 10px; position:relative; }

.alignleft { text-align:left; }
.alignright { text-align:right; }
.aligncenter { text-align:center; }
.aligntop { vertical-align:top; }
.alignbottom { vertical-align:bottom; }