/* CSS Document */
body {
		margin:0;
		padding:0;
		width: 100%;
		height: 100%;
        background-color: #EDEDED;
        color: #606060;	
		font-family: sans-serif;     
		font-size: 10pt;
		}
		
a 	{
	color: #a31b3d;
	text-decoration: none;
}

a:link	{
	color: #a31b3d; 
	text-decoration: none; 
}

a:visited {
	color: #a31b3d; 
	text-decoration: none;
}

a:active {
	color: #a31b3d; 
	text-decoration: none;
}

a:hover	{
	color: #606060; 
	text-decoration: none;
}

a img	{
	border: 0px;	
	opacity:.9;
	filter: alpha(opacity = 90);
}

a img.nofade	{
	border: 0px;	
	opacity:1;
	filter: alpha(opacity = 100);
}

a img:hover	{
	border: 0px;	
	opacity:1;
	filter: alpha(opacity = 100);
}
		
h1	{
	font-size:17pt;
	font-weight: normal;
	margin:0;
	padding:5px 0 15px 0;
	font-family:Futura, Futura Md, Lucida Grande, Verdana,Helvetica,Arial,sans-serif;
}

.under_dash	{
	border-bottom: 1px dashed #666666;
	margin: 0 auto 20px 0; 
	padding 5px 5px 15px 0;
	border-top:0; 
	border-left:0; 
	border-right:0;
	width: 450px;
}

h2	{
	font-size:14pt;
	font-weight: normal;
	margin:0 0 10px 0;
	padding:0;	
	font-family:Futura, Futura Md, Lucida Grande, Verdana,Helvetica,Arial,sans-serif;
}

h3	{
	font-size:12pt;
	font-weight: normal;
	margin:0 0 5px 0;
	padding:0;
	font-family:Futura, Futura Md, Lucida Grande, Verdana,Helvetica,Arial,sans-serif;
}

p	{margin: 0 0 20px 0;
	padding:0;
	text-align: justify;
}

.p_left	{
	text-align: left;
}

#alert	{
	background-color: #ffd190 ;
	padding:15px;
	margin: 0 0 20px 0;
	font-size: 14pt;
	border: 1px solid #666;
}

ul	{
	list-style:circle;
	list-style-image: none;
	list-style-position: inside;
	font-size: 11pt;
	text-indent: none;
	font-weight: bold;
}

li	{
	margin:0;
	padding:5px 0;
	font-size: 11pt;
	font-weight: normal;
}

.small_list	{
	font-size:10pt;
	list-style: disc;
	list-style-position: outside;
	margin: 0 10px;
	padding: 5px;
}

hr	{
	margin: 20px 0 15px 0;
}

.submit	{
	background:#669933;
	padding:5px 10px;
	margin:0;
	color:#fff;
}

#top_container	{
	width:950px;
	margin:0 auto;
	padding:0 25px 0 25px;
	background: #FFFFFF;
	border-top: 0;
	border-right:1px;
	border-left:1px;
	border-bottom:0;
	border-style:solid;
	border-color: #939393;
}

#bottom_container	{
	width:950px;
	margin:0 auto;
	padding:25px 25px 0 25px;
	background: #FFFFFF;
	border-top: 0;
	border-right:1px;
	border-left:1px;
	border-bottom:1px;
	border-style:solid;
	border-color: #939393;
}

#bottom_container2	{
	width:950px;
	margin:0 auto;
	padding:25px 25px 0 25px;
	background: #FFFFFF;
	border-top: 0;
	border-right:1px;
	border-left:1px;
	border-bottom:1px;
	border-style:solid;
	border-color: #939393;
	position: relative;
	top:125px;
}

#header2	{
	margin:0 0 10px 0;
	padding:0;
	width:950px;
	height:460px;
	
}

#header	{
	margin:0 0 10px 0;
	padding:0;
	width:950px;
	height:390px;
	
}

#main	{
	margin:0;
	padding:0;
	width:100%;
}

#colorBar	{
	width:100%;
	height:125px;
	padding:0;
	margin:0;
}

#colorBar2	{
	width:100%;
	height:125px;
	padding:0;
	margin:0;
	position: absolute;
	top:530px;
}

#innerBar	{
	color:#FFFFFF;
	width:950px;
	margin:0 auto;
	padding:25px;
	height:75px;	
	border-top: 0;
	border-right:1px;
	border-left:1px;
	border-bottom:0;
	border-style:solid;
	border-color: #939393;
	font-weight: normal;
}

#innerBar a 	{
	color: #ffffff;
	text-decoration: none;
}

#innerBar a:link	{
	color: #ffffff; 
	text-decoration: none; 
}

#innerBar a:visited {
	color: #ffffff; 
	text-decoration: none;
}

#innerBar a:active {
	color: #ffffff; 
	text-decoration: none;
}

#innerBar a:hover	{
	color: #cccccc; 
	text-decoration: none;
}

.home_season_bar	{
	width:316px;
	float:left;
}

#season_bar	{
	border-bottom: 1px;
	border-top:0;
	border-left:0;
	border-right:0;
	border-style:dashed;
	border-color;#666;
	margin: 0 0 15px 0;
	padding:0;
	width:100%;
	display: block;
	height: inherit;
}

.midbar_season	{
	margin: 0;
	padding: 0;
}

.gen_dir_credit	{
	margin: 0;
	padding: 0:
	float:left;
}

.clear_right	{
	clear:right;
}

.clear_left	{
	clear:left;
}

.clear	{
	clear:both;
}
.production	{
	width:300px;
	padding: 0;
	margin: 15px 11px 0 0;
	display:inline;
	float: right;
	
}

.title_bar	{
	line-height: 75px;
	padding: 0;
}

#menu	{
	background: #ffffff;
	margin: 0;
	padding: 0px;
	height:200px;
	background: url('/grafix/menu_banner.png');
	background-repeat: repeat-x;
}

#menu_index	{
	background: #ffffff;
	margin: 0 auto;
	padding: 0px;
	height:200px;
	background: url('/grafix/menu_banner.png');
	background-repeat: repeat-x;
	position: absolute;
	top:0px;
	width:950px;
}

.logo	{
	border: 0;
	margin: 3px 0 0 15px;

}

.sub_menu	{
	padding:0;
	margin:0;
	border:0;
	float:right;
}

.exchange_ad	{
	width:400px;
	height: 200px;
	border: 0;
}

#search_box	{
	float:right;
	width:300px;
	display: block;
	margin: 0 0 500px 50px;

}

#main_search	{
	width: 290px;
	padding: 0;
	background: #F2F2F2;
	float:right;
	margin: 7px 55px 0 0;
}

#livesearch	{
	width: 260px;
	padding: 5px 15px;
	background: #F2F2F2;
	float: inherit;
	z-index: 9999;
	position:absolute;
	top: 430px;	
}

#artistsearch	{
	width: 260px;
	padding: 5px 15px;
	background: #F2F2F2;
	float: inherit;
}

.right	{
	float:right;
	border:0;
	margin: 0 0 15px 15px;
}

.right_pic	{
	margin: 0 0 15px 25px;
	padding: 0;
	font-size: 8pt;
	width: 300px;
	float:right;
}

.right_pic_v	{
	margin: 0 0 15px 25px;
	padding: 0;
	font-size: 8pt;
	width: 200px;
	float:right;
}

.left_pic	{
	margin: 0 25px 15px 0;
	padding: 0;
	font-size: 8pt;
	width: 300px;
	float:left;
}

.left_pic_v	{
	margin: 0 25px 15px 0;
	padding: 0;
	font-size: 8pt;
	width: 200px;
	float:left;
}

.caption_pic	{
	margin: 0 25px 15px 0;
	padding: 0;
	font-size: 8pt;
	width: 300px;
}

.thirds_anchor	{
	width:320px;
	
}

.thirds	{
	float:right;
	width:300px;
	padding: 0;
	margin: 0 11px 0 0;
	
}

.shaded	{
	padding: 15px;
	background: #e1e1e1;
}

.light	{
	padding: 0 15px;
}

#prod_left	{
	width:450px;
	padding: 0 25px 0 0;
	vertical-align: top;
}

#prod_right	{
	width:470px;
	padding: 0 0 0 30px;
	vertical-align: top;
}

.gallery_thumb	{
	width:60px;
	height: 60px;
	border:0;
	margin: 0 2px 0 0;
}

#board_left	{
	width:425px;
	padding: 0;
	vertical-align: top;
}

#board_right	{
	width:490px;
	padding: 0 0 0 30px;
	vertical-align: top;
}

.bio_pic	{
	width: 200px;
	float: right;
	margin: 0 0 20px 20px;
	border: 1px solid #666666;
}

.bio_pic_left	{
	width: 200px;
	float: left;
	margin: 0 20px 20px 0;
	border: 1px solid #666666;
}

.artist_list	{
	width: 200px;
	float: left;
}

#artist_bio_box	{
	padding:50px;
}

.vendini_img	{
	width:145px;
	height:145px;
	border: 0;
	margin: 0 15px 15px 0;
}

.ticket_boxes	{
	width:145px;
	margin: 0 10px 10px 0;
	padding: 0;
	float: left;
}

.icon	{
	width:50px;
	border: 0;
}

.tickets	{
	margin: 0 0 15px 0;	
}

#tagline	{
	background-image: url('http://www.wbopera.org/grafix/footer_theater.jpg');
	background-repeat: no-repeat;
	padding: 25px;
	margin: 40px 0 0 0;
	height:120px;
	text-align: right;
	color: #fff;
	font-family:Futura, Futura Md, Lucida Grande, Verdana,Helvetica,Arial,sans-serif;
	font-size:13pt;
	font-style: italic;
	letter-spacing: .1em;
	display: block;
}

#chorus_left	{
	width:750px;
	padding: 0 30px 0 0;
	margin: 0;
	vertical-align: top;
}

#chorus_right	{
	width:280px;
	padding: 0;
	vertical-align: top;
}

#highlight	{
	border-color: #aaaaaa;
	border-style: solid;
	border-width: 1px;
	width:240px;
	padding: 25px 25px 10px 25px;
	float:right;
	margin: 0 0 25px 25px;
	background-color: #e3e3e3;
	text-align: left;
	font-size: 9pt;
	float: right;
}

.role	{
	width: 250px;
	height: auto;
	padding:0 0 0 auto;
	text-align: right;
	margin:0 0 0 auto;
	display: inline;
	float:left;
	line-height: 20px;
}

.cast	{
	width:105px;
	padding: 0 auto 0 0;
	margin: 0 auto 0 0;
	text-align: left;
	display: inline;
	line-height: 20px;
}

.text_center	{
	text-align: center;
	padding: 0 0 0 40px;
}

.credits	{
	margin: 0 0 10px 0;
	padding:0 0 10px 0;
	text-align: justify;
}

#footer	{
	margin:0 auto;
	padding:10px 0;
	width:1000px;
	font-size: 8pt;
	text-align: center;
}

#footer	a 	{
	color: #666;
	text-decoration: none;
}

#footer	a:link	{
	color: #666; 
	text-decoration: none; 
}

#footer	a:visited {
	color: #666; 
	text-decoration: none;
}

#footer	a:active {
	color: #669900; 
	text-decoration: none;
}

#footer	a:hover	{
	color: #669900; 
	text-decoration: none;
}

/*MENU*/

#topnav	{
	width:725px;
	float:right;
	margin: 25px 0 0 0;
	padding: 0;
	color: #333333;
	font-family:Futura, Futura Md,Verdana,Helvetica,Arial,sans-serif;
	font-size: 10pt;
	letter-spacing: .1em;
}
#main_menu	{
	float: right;
	margin: 15px 6px 0 6px;
	padding: 0;
	overflow-x: visible;
	font-size:11pt;
	display: compact;
	line-height: 20px;
}

#main_menu a	{
	color:#222222;
}

#main_menu a:hover	{
	color:#000000;
}

.about	{
	width:64px;
}
.news	{
	width:56px;
}
.auditions	{
	width:99px;
}
.support	{
	width:78px;
}
.rentals	{
	width:75px;
}
.programs	{
	width:100px;
}

#about_submenu	{
	width:200px;
	visibility: hidden;
}

#news_submenu	{
	width:200px;
	visibility: hidden;
}

#auditions_submenu	{
	width:200px;
	visibility: hidden;
}

#support_submenu	{
	width:200px;
	visibility: hidden;
}

#rentals_submenu	{
	width:200px;
	visibility: hidden;
}

#program_submenu	{
	width:200px;
	visibility: hidden;
}



/*MENU*/

#topnav	{
	width:725px;
	float:right;
	margin: 25px 0 0 0;
	padding: 0;
	color: #333333;
}
#main_menu	{
	float: right;
	margin: 15px 6px 0 6px;
	padding: 0;
	overflow-x: visible;
	font-size:11pt;
	display: compact;
	line-height: 20px;
}

#main_menu a	{
	color:#444444;
}

#main_menu a:hover	{
	color:#111111;
}

.about	{
	width:64px;
}
.news	{
	width:56px;
}
.auditions	{
	width:99px;
}
.support	{
	width:78px;
}
.rentals	{
	width:75px;
}
.programs	{
	width:100px;
}

#about_submenu	{
	width:200px;
	visibility: hidden;
}

#news_submenu	{
	width:200px;
	visibility: hidden;
}

#auditions_submenu	{
	width:200px;
	visibility: hidden;
}

#support_submenu	{
	width:200px;
	visibility: hidden;
}

#rentals_submenu	{
	width:200px;
	visibility: hidden;
}

#program_submenu	{
	width:200px;
	visibility: hidden;
}

.ticket_nav	{
	float: right;
	margin: -65px 15px 0 800px;
	padding: 0;
	width: 100px;
}

/*blog only styles*/

#sidebar	{
	width:200px;
}

#sidebar ul	{
	list-style:none;
	list-style-image: none;
	list-style-position: outside;
	font-size: 11pt;
	text-indent: none;
	font-weight: bold;
	margin: 0 0 0 10px;
	padding: 0;
}

#sidebar li	{
	margin:0;
	padding:5px 0;
	font-size: 11pt;
	text-indent: none;
	font-weight: normal;
}

#blog_left	{
	width:725px;
	padding: 0 50px 0 0;
	vertical-align: top;
	border-top:0;
	border-right:1px;
	border-bottom:0;
	border-left:0;
	border-style: dashed;
	border-color: #666;
}

#blog_right	{
	width:200px;
	padding: 0;
	vertical-align: top;
}

.navigation	{
	height:40px;
}

.alignleft	{
	float: left;
}

.alignright	{
	float: right;
}

.aligncenter	{
	margin: 0 auto;
	display: block;
}

.photo_left	{
	float: left;
	padding:0;
	margin: 0 20px 10px 0;
}

.photo_right	{
	float: right;
	padding:0;
	margin: 0 0 10px 20px;
}

.fancy	{
	color: #a31b3d;
	font-size: 11pt;
	text-align: left;
}

/*ADMIN ONLY*/

#login_box	{
	width:370px;
	margin:200px auto 0 auto;
	padding:25px;
	background: #FFFFFF;
	border: 1px;
	border-style:solid;
	border-color: #939393;
}

#admin_main	{
	margin:0 auto;
	padding:0 10px;
	width:900px;
}

#sub_login_box	{
	width:370px;
	margin:20px auto 0 auto;
	padding:25px;
	background: #FFFFFF;
	border: 1px;
	border-style:solid;
	border-color: #939393;
}

#admin_header	{
	width: 950px;
	margin: 0;
	padding: 5px 25px;
}

.navGreeting	{
	font-size: 8pt;
	float: right;
	padding: 0;
	margin: 0 20px 0 0;
}

#admin_option_box	{
	background-color: #eeeeee;
	width:160px;
	padding: 10px;
	margin: 0 15px 15px 0;
	height: 100px;
	font-size: 14pt;
	border: 2px;
	border-style:solid;
	border-color: #939393;
	float:left;
	text-align: center;
}

#admin_option_box:hover	{
	background-color: #F2f2f2;
	border: 2px;
	border-style:solid;
	border-color: #a31b3d;
	float:left;
	text-align: center;
}

#admin_notes	{
	color: #3f070b;
	width: 200px;
	background-color: #edffc0;
	margin: 0 0 15px 20px;
	padding: 25px 25px 25px 50px;
	border: 1px;
	border-style:solid;
	border-color: #3f070b;
	float: right;
	background-image: url('http://www.wbopera.org/admin/grafix/note_arrow.png');
	background-repeat: no-repeat;
	background-position: 10px 25px;
}

#wide_note	{
	color: #3f070b;
	width: 300px;
	background-color: #edffc0;
	margin: 0 0 15px 20px;
	padding: 25px 25px 25px 50px;
	border: 1px;
	border-style:solid;
	border-color: #3f070b;
	float: right;
	background-image: url('http://www.wbopera.org/admin/grafix/note_arrow.png');
	background-repeat: no-repeat;
	background-position: 10px 25px;
}

#casting_list	{
	width:450px;
	float: right;
}

#admin_sidebar	{
	width: 250px;
	margin: 0;
	padding: 0;
	float: right;
}

.sample_main	{
	width:500px;
}

.attention	{
	color: #990000;
	}

#sortlabel 	{
	width:200px;
	padding:5px auto 5px 0px;
	margin:0 5px 0 20px;
	display:block;
	float:left;
}
.editor 	{
	background: #444;
	border-width:1px;
	border-style:solid;
	border-color:#888;
	color:#fff;
	padding:5px 10px;
	margin:0 5px 5px 0;
}

.deletor {
	background: #990000;
	border-width:1px;
	border-style:solid;
	border-color:#888;
	color:#fff;
	padding:5px 10px;
	margin:0 5px 5px 0;
}


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

.bigsort	{padding:0;
	margin:0 0 17px 0;
	list-style-type: none;
	}

.bigsort a 	{
	color: #ffffff;
	text-decoration: none;
}

.bigsort a:link	{
	color: #ffffff; 
	text-decoration: none; 
}

.bigsort a:visited {
	color: #ffffff; 
	text-decoration: none;
}

.bigsort a:active {
	color: #ffffff; 
	text-decoration: none;
}

.bigsort a:hover	{
	color: #eeeeee; 
	text-decoration: none;
}

.cast_name	{
	width: 170px;
	margin: 0 auto 0 0;
	padding: 3px 5px 3px 3px;
	display: block;
	float: left;
}
.cast_label	{
	width: 210px;
	margin: 0 auto 0 0;
	padding: 3px 5px 3px 3px;
	display: block;
	float: left;
}

.formLabel	{
	width:100px;
	padding:3px auto 3px 0px;
	margin:0 5px 10px 0;
	display:block;
	float:left;
}

.small_image	{
	float: left;
	margin: 0 25px 25px 0;
	padding: 0;
	height: 100px;
}




/*LYTEBOX*/
#lbOverlay { position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; }
	#lbOverlay.grey { background-color: #000000; }

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

#lbOuterContainer { position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto; }
	#lbOuterContainer.grey { border: 3px solid #888888; }

#lbDetailsContainer {	font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; width: 100%; line-height: 1.4em;	overflow: auto; margin:0 auto; padding: 10px 0 0 0; }
	#lbDetailsContainer.grey { border: 3px solid #888888; border-top: none; }

#lbImageContainer, #lbIframeContainer { padding: 10px; }
#lbLoading {
	position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(grafix/loading.gif) center no-repeat;
}

#lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lbImageContainer>#lbHoverNav { left: 0; }
#lbHoverNav a { outline: none; }

#lbPrev { width: 49%; height: 100%; background: transparent url(grafix/blank.gif) no-repeat; display: block; left: 0; float: left; }
	#lbPrev.grey:hover, #lbPrev.grey:visited:hover { background: url(grafix/prev_grey.gif) left 15% no-repeat; }
	
#lbNext { width: 49%; height: 100%; background: transparent url(grafix/blank.gif) no-repeat; display: block; right: 0; float: right; }
	#lbNext.grey:hover, #lbNext.grey:visited:hover { background: url(grafix/next_grey.gif) right 15% no-repeat; }

#lbPrev2, #lbNext2 { text-decoration: none; font-weight: bold; }
	#lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey { color: #333333; }
	
#lbPrev2_Off, #lbNext2_Off grafix
	#lbPrev2_Off.grey, #lbNext2_Off.grey { color: #CCCCCC; }
	
#lbDetailsData { padding: 0 10px; }
	#lbDetailsData.grey { color: #333333; }

#lbDetails { width: 60%; float: left; text-align: left; }
#lbCaption { display: block; font-weight: bold; }
#lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; }
#lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; }

#lbClose { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbClose.grey { background: url(grafix/close_grey.png) no-repeat; }

#lbPlay { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPlay.grey { background: url(grafix/play_grey.png) no-repeat; }
	
#lbPause { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPause.grey { background: url(grafix/pause_grey.png) no-repeat; }