/*---------DON'T DELETE THIS! CLEARFIX! ---------*/
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
  
 .clearfix {
display: inline-block;
}  

    /* Holly Hack Targets IE Win only \*/
    * html .clearfix {height: 1%;}
	.clearfix {display: block;}
    /* End Holly Hack */
	
textarea{
	resize:none;
	}
	
/*-----------END CLEARFIX----------*/




/*-------------CONTAINER-----------*/
body{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	line-height:16px; 
	text-align:center; 
	padding:0;
	background:url(../media/img/layout/bg.jpg);
	background-repeat:repeat-x;
	background-color:#000000;
	color: #000000;
}

#container{
	position:relative;
	width:810px;
	margin:5px auto 0px auto;
	text-align:justify;
	}
	
#header{
	position:relative;
	top: 0px;
	}

#footer{
	position:relative;
	width:810px;
	margin:20px auto;
	font-size: 11px;
	text-align:center;
	}
	
#right_header{
	position:relative;
	width:596px;
	float:right;
	text-align:right;
	}
	
#nav_space{
	margin-top:76px;
	float:right;
}




/* ---  Home page specific designs --*/


#display_area_container{
	background-color: #e1a72b;
	padding:5px;
	width:800px;
}

#home_display_content{
	position:relative;
	height:330px;
	}

#home_content_info_container{
	position:relative;
	height:20px;
	background-color:#000000;
	opacity:0.7;
	display:none;
	padding:5px;
	top:175px;
	width:440px;
	float:right;
	font-size:14px;
	}

#home_content_info{
	opacity:1;
	color:#FFFFFF;
}

#show_info{
	position:relative;
	font-size:18px;
	float:left;
	margin-top:3px;
	margin-left:10px;
	color: #e1a72b;
	opacity:1.0;
	margin-right:20px;
	}

.dates{
	font-size:14px;
}


#now_playing{
	background-color:#f7e6c3;	
	width: 482px;
	color:#333;
	position:relative;
	margin-top:5px;
	padding:10px 0;
}

#now_playing_content{
	width:462px;
	padding:0px 10px;
}

#directions{
	background-color:#f7e6c3;	
	width: 482px;
	color:#333;
	position:relative;
	margin-top:10px;
	padding:10px 0;
}


#home_left_column{
	position:relative;
	float:left;
	width:482px;
	margin-right:10px;
}

.np_home_poster{
	border:3px solid #e1a72b;
	float:left;
	margin-right:5px;
	}

.np_show_title{
	font-size: 18px;
	font-weight:bold;
	margin-bottom:5px;
}

.np_show_dates{
	font-weight:bold;
	font-size:11px;
	color:#333;
	text-decoration:none;
}

a.np_show_dates{
	font-weight:bold;
	font-size:11px;
	color:#333;
	text-decoration:none;
}

a.np_show_dates:hover{
	font-weight:bold;
	font-size:11px;
	color:#333;
	text-decoration:underline;
}

.np_show_times{
	font-size:11px;
}


#home_right_column{
	position:relative;
	float:left;
	width:317px;
	margin-top:5px;
}

#announcements{
	background-color:#f7e6c3;	
	width: 317px;
	color:#333;
	position:relative;
	padding-top:10px;
	padding-bottom:20px;
	min-height:148px;
	margin-top:10px;
	text-align:left;
	font-size:11px;
}

#newsletter{
	background:url(../media/img/layout/home/newsletter_bg.gif);
	width: 317px;
	color:#333;
	position:relative;
	padding:10px 0;
	height:130px;
}

#newsletter p{
	margin:5px 10px;
	text-align:center;
}


#become-a-member-form div.row div {
	background: transparent url(../media/img/layout/input.text.bg.png) no-repeat scroll 0 0;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../media/img/layout/input.text.bg.png", sizingMethod="crop");
	height: 30px;
	overflow: hidden;
	width: 223px;
}

#become-a-member-form input.text {
	background: transparent none repeat scroll 0 0;
	border: medium none;
	color: #333333;
	cursor: text;
	font-size: 11px;
	height: 12px;
	line-height: 12px;
	padding: 3px 10px 8px;
	position: relative;
	width: 203px;
}

#become-a-member-form label {
	color: #333333;
	display: block;
	float: left;
	font-size: 14px;
	font-weight: bold;
	line-height: 21px;
	padding-right: 12px;
	text-align: right;
	width: 30px;
	margin-left:20px;
}

#become-a-member-form div.last {
	padding-top: 0px;
	display: block;
	text-align:center;
}
input:focus {
  outline:0 none;
}


a{
	color:#FFFFFF;
	text-decoration:none;
	}

#content{
	position:relative;
	top: 5px;
	width:810px;
	text-align:justify;
	margin:0px auto;
	}

label {
	text-align:left;	
	float:left;
	width:200px;
	margin-right:15px;
	}

.contact_para{
	margin-bottom:2px;
	}

.form {
	background-color: #FFFFFF;
	border: 1px solid #e1a72b;
	color:#251228;
	height:25px;
	}

.row_nh {
	padding:5px 0px;
}

.input_area{
	float:right;
	margin:auto;
}

#contact_intro{
	width:890px;
	}

#contact_info{
	width:200px;
	text-align:left;
	}
	
#form_area{
	width:600px;
	float:right;
	margin: 0px 50px;
	}





#header_display_content{
	position:relative;
	height:309px;
	}

#header_content_info_container{
	position:relative;
	height:20px;
	background-color:#000000;
	opacity:0.7;
	padding:5px;
	top:279px;
	width:450px;
	float:right;
	}

#header_content_info{
	opacity:1;
	color:#FFFFFF;
}


#side_nav{
		width:172px;
		position:relative;
		float:left;
		margin:0px 5px 0px 0px;
		text-align:center;
		
	padding:10px 0px;
}
#side_nav_container{
		width:172px;
		position:relative;
		float:left;
		background:url(../media/img/layout/side_nav_bg.jpg);
		text-align:center;
		
	padding:10px 0px;
}


#right_content{
	position:relative;
	float:left;
	background-color: #f7e6c3;
	color:#333;
	width:633px;
	margin-top:10px;
	padding:10px 0px;
}

#right_content_copy{
	margin:10px auto;
	position:relative;
	width:596px;
	text-align:left;
	padding:10px 0px;
	margin-bottom:10px;
}


#right_content_copy a {
	color:#251228;
}

.contact_info{
	float:left;
	margin:3px 10px 3px 0px;
	display:block;
}

.contact_info_label{
	float:left;
	margin:3px 10px 3px 0px;
	display:block;
	width:150px;
}

#contact-block{
	padding:5px 0px;
}


h1 {
	font-size:16px;
	margin-top:20px;
	color:#251228;
}

.hometitlelink {
	font-size:16px;
	margin-top:20px;
	color:#251228;
}




	


label{
	width:150px;
	display:block;
	float: left;
	padding-top:3px;
	font-weight:bold;
    margin-right:20px}
	
	
	
#show_name_dates{
	width:603px;
	margin:10px auto;
	font-weight:bold;
	color:#251228;
	font-size:14px;
}

#show_dates{
	float:right;
}


#up_next_area{
	margin-top:40px;
	position:relative;
	float:right;
	text-align:right;
	color:#251228;
	padding-bottom:10px;
}

.sponsor_block{
	width:175px;
	height:100px;
	float:left;
	text-align:center;
	margin:0px 10px 30px 10px;
}

.sponsor_block a{
	font-weight:bold;
	color:#251228;
	text-decoration:none;
	font-size:11px;
}

.spon_image{
	height:70px;
}
.spon_image_footer{
	height:70px;
	float:left;
	width:150px;
	margin:0px 10px 0px 00px;
}

#top_bg_swirls{
		background:url(../media/img/layout/top_swirls.png);
		background-position:right;
		background-repeat:no-repeat;
		height:420px;
}
		

/* ===== NAV ===================================================== */
#nav li {
    margin: 0; padding: 0; list-style: none;
    position: absolute;height:14px;display:block;}


   
#nav a{
  	display:block;
	height:14px;
	width:100%;
	}	
	

	
#nav a span{display:none;}
  
#nav li ul li a span{display:block; visibility:hidden}  
   
#nav {
    height:14px; 
	width:596px;
    background:url(../media/img/layout/nav.gif);
    position: relative;
	display:block;
	padding:0;
	margin:0;
	}	
	
#nav li:hover ul, li.over ul {
	display: block;
}

		
#nav li.on:hover ul, #nav li.over ul { /*for ie*/
		font-weight:bold;
	}
		
		
#topnav li.off ul, #topnav li.on ul {
  display: none;
}
	#nav_tickets{left:0px;top:0px;height:14px;width:107px;}
	#nav_shows{left:114px;top:0px; height:14px;width:40px;}

	#nav_news{left:166px;top:0px;height:14px;width:93px;}
	#nav_about{left:267px;top:0px;height:14px;width:61px;}
	#nav_donor{left:339px;top:0px;height:14px;width:104px;}
	#nav_sponsors{left:458px;top:0px;height:14px;width:58px;}
	#nav_contact{left:529px;top:0px;height:14px;width:67px;}
	

	#nav_shows a:hover, #shows #nav_shows{
    background: transparent url(../media/img/layout/nav.gif)
    -114px -15px no-repeat;}

	#nav_tickets a:hover, #tickets #nav_tickets{
    background: transparent url(../media/img/layout/nav.gif)
    -0px -15px  no-repeat;}

	#nav_news a:hover, #news #nav_news{
    background: transparent url(../media/img/layout/nav.gif)
    -166px -15px no-repeat;}
	
	#nav_about a:hover, #about #nav_about{
	background: transparent url(../media/img/layout/nav.gif)
    -267px -15px no-repeat;}
	
	#nav_donor a:hover, #donor #nav_donor{
	background: transparent url(../media/img/layout/nav.gif)
    -339px -15px no-repeat;}
	
	#nav_sponsors a:hover, #sponsors #nav_sponsors{
	background: transparent url(../media/img/layout/nav.gif)
    -458px -15px no-repeat;}
	
	#nav_contact a:hover, #contact #nav_contact{
	background: transparent url(../media/img/layout/nav.gif)
    -529px -15px no-repeat;}
	



/* ===== NAV ===================================================== */
#about_nav li {
    margin: 0; padding: 0; list-style: none;
    position: absolute;display:block; }


   
#about_nav a{
  	display:block;
	width:100%;
	height:100%;
	}	
	

	
#about_nav a span{display:none;}
  
#about_nav li ul li a span{display:block; visibility:hidden}  
   
#about_nav {
    height:233px; 
	width:158px;
    background:url(../media/img/layout/about_nav.gif);
    position: relative;
	display:block;
	padding:0;
	margin:10px auto;
	}	
	
#about_nav li:hover ul, li.over ul {
	display: block;
}

		
#about_nav li.on:hover ul, #about_nav li.over ul { /*for ie*/
		font-weight:bold;
	}
		
		
#topnav li.off ul, #topnav li.on ul {
  display: none;
}

	#about_nav_overview{left:0px;top:0px; height:37px;width:158px;}
	#about_nav_members{left:0px;top:37px;height:100px;width:158px;}
	#about_nav_awards{left:0px;top:123px;height:53px;width:158px;}
	#about_nav_tocap{left:0px;top:176px;height:59px;width:158px;}
	

	#about_nav_overview a:hover, .overview #about_nav_overview{
    background: transparent url(../media/img/layout/about_nav.gif)
    -158px -0px no-repeat;}

	#about_nav_members a:hover, .members #about_nav_members{
    background: transparent url(../media/img/layout/about_nav.gif)
    -158px -37px  no-repeat;}

	#about_nav_awards a:hover, .awards #about_nav_awards{
	background: transparent url(../media/img/layout/about_nav.gif)
    -158px -123px no-repeat;}
	
	#about_nav_tocap a:hover, .tocap #about_nav_tocap{
	background: transparent url(../media/img/layout/about_nav.gif)
    -158px -176px no-repeat;}
	
	
	/* ===== CONTACT NAV ===================================================== */
#contact_nav li {
    margin: 0; padding: 0; list-style: none;
    position: absolute;display:block; }


   
#contact_nav a{
  	display:block;
	width:100%;
	height:100%;
	}	
	

	
#contact_nav a span{display:none;}
  
#contact_nav li ul li a span{display:block; visibility:hidden}  
   
#contact_nav {
    height:221px; 
	width:151px;
    background:url(../media/img/layout/contact_nav.gif);
    position: relative;
	display:block;
	padding:0;
	margin:10px auto;
	}	
	
#contact_nav li:hover ul, li.over ul {
	display: block;
}

		
#contact_nav li.on:hover ul, #contact_nav li.over ul { /*for ie*/
		font-weight:bold;
	}
		
		
#topnav li.off ul, #topnav li.on ul {
  display: none;
}

	#contact_nav_general{left:0px;top:0px; height:36px;width:151px;}
	#contact_nav_directory{left:0px;top:36px;height:49px;width:151px;}
	#contact_nav_scenery{left:0px;top:85px;height:50px;width:151px;}
	#contact_nav_directions{left:0px;top:135px;height:52px;width:151px;}
	#contact_nav_audition{left:0px;top:187px;height:52px;width:151px;}
	

	#contact_nav_general a:hover, .general #contact_nav_general{
    background: transparent url(../media/img/layout/contact_nav.gif)
    -151px -0px no-repeat;}

	#contact_nav_directory a:hover, .directory #contact_nav_directory{
    background: transparent url(../media/img/layout/contact_nav.gif)
    -151px -36px  no-repeat;}

	#contact_nav_scenery a:hover, .scenery #contact_nav_scenery{
    background: transparent url(../media/img/layout/contact_nav.gif)
    -151px -85px no-repeat;}
	
	#contact_nav_directions a:hover, .directions #contact_nav_directions{
	background: transparent url(../media/img/layout/contact_nav.gif)
    -151px -135px no-repeat;}
	
	#contact_nav_audition a:hover, .audition #contact_nav_audition{
	background: transparent url(../media/img/layout/contact_nav.gif)
    -151px -187px no-repeat;}
	
	
	
	/* ===== TICKETS NAV ===================================================== */
#tickets_nav li {
    margin: 0; padding: 0; list-style: none;
    position: absolute;display:block; }


   
#tickets_nav a{
  	display:block;
	width:100%;
	height:100%;
	}	
	

	
#tickets_nav a span{display:none;}
  
#tickets_nav li ul li a span{display:block; visibility:hidden}  
   
#tickets_nav {
    height:141px; 
	width:109px;
    background:url(../media/img/layout/tickets_nav.gif);
    position: relative;
	display:block;
	padding:0;
	margin:10px auto;
	}	
	
#tickets_nav li:hover ul, li.over ul {
	display: block;
}

		
#tickets_nav li.on:hover ul, #tickets_nav li.over ul { /*for ie*/
		font-weight:bold;
	}
		
		
#topnav li.off ul, #topnav li.on ul {
  display: none;
}

	#tickets_nav_show{left:0px;top:0px; height:34px;width:109px;}
	#tickets_nav_season{left:0px;top:34px;height:52px;width:109px;}
	#tickets_nav_specials{left:0px;top:86px;height:55px;width:109px;}
	
	

	#tickets_nav_show a:hover, .show #tickets_nav_show{
    background: transparent url(../media/img/layout/tickets_nav.gif)
    -109px -0px no-repeat;}

	#tickets_nav_season a:hover, .season #tickets_nav_season{
    background: transparent url(../media/img/layout/tickets_nav.gif)
    -109px -34px  no-repeat;}

	#tickets_nav_specials a:hover, .specials #tickets_nav_specials{
    background: transparent url(../media/img/layout/tickets_nav.gif)
    -109px -86px no-repeat;}
	


	/* ===== NEWS NAV ===================================================== */
#news_nav li {
    margin: 0; padding: 0; list-style: none;
    position: absolute;display:block; }


   
#news_nav a{
  	display:block;
	width:100%;
	height:100%;
	}	
	

	
#news_nav a span{display:none;}
  
#news_nav li ul li a span{display:block; visibility:hidden}  
   
#news_nav {
    height:70px; 
	width:142px;
    background:url(../media/img/layout/news_nav.gif);
    position: relative;
	display:block;
	padding:0;
	margin:10px auto;
	}	
	
#news_nav li:hover ul, li.over ul {
	display: block;
}

		
#news_nav li.on:hover ul, #news_nav li.over ul { /*for ie*/
		font-weight:bold;
	}
		
		
#topnav li.off ul, #topnav li.on ul {
  display: none;
}

	#news_nav_overview{left:0px;top:0px; height:35px;width:142px;}
	#news_nav_calendar{left:0px;top:35px;height:35px;width:142px;}
	
	
	

	#news_nav_overview a:hover, .overview #news_nav_overview{
    background: transparent url(../media/img/layout/news_nav.gif)
    -142px -0px no-repeat;}

	#news_nav_calendar a:hover, .calendar #news_nav_calendar{
    background: transparent url(../media/img/layout/news_nav.gif)
    -142px -35px  no-repeat;}
	
	
	
	
		/* ===== SUPPORT NAV ===================================================== */
#support_nav li {
    margin: 0; padding: 0; list-style: none;
    position: absolute;display:block; }


   
#support_nav a{
  	display:block;
	width:100%;
	height:100%;
	}	
	

	
#support_nav a span{display:none;}
  
#support_nav li ul li a span{display:block; visibility:hidden}  
   
#support_nav {
    height:308px; 
	width:166px;
    background:url(../media/img/layout/support_nav.gif);
    position: relative;
	display:block;
	padding:0;
	margin:10px auto;
	}	
	
#donate_nav li:hover ul, li.over ul {
	display: block;
}

		
#donate_nav li.on:hover ul, #donate_nav li.over ul { /*for ie*/
		font-weight:bold;
	}
		
		
#topnav li.off ul, #topnav li.on ul {
  display: none;
}

	#support_nav_vipguild{left:0px;top:0px; height:33px;width:166px;}
	#support_nav_sponsors{left:0px;top:33px;height:70px;width:166px;}
	#support_nav_sponsorship{left:0px;top:103px;height:49px;width:166px;}
	#support_nav_visacard{left:0px;top:152px;height:51px;width:166px;}
	#support_nav_volunteer{left:0px;top:203px;height:56px;width:166px;}
	#support_nav_internship{left:0px;top:266px;height:42px;width:166px;}
	
	
	

	#support_nav_vipguild a:hover, .vip-guild #support_nav_vipguild{
    background: transparent url(../media/img/layout/support_nav.gif)
    -166px -0px no-repeat;}

	#support_nav_sponsors a:hover, .sponsors #support_nav_sponsors{
    background: transparent url(../media/img/layout/support_nav.gif)
    -166px -33px  no-repeat;}
	
	#support_nav_sponsorship a:hover, .sponsorship-opportunities #support_nav_sponsorship{
    background: transparent url(../media/img/layout/support_nav.gif)
    -166px -103px  no-repeat;}
	
	#support_nav_visacard a:hover, .visa-card #support_nav_visacard{
    background: transparent url(../media/img/layout/support_nav.gif)
    -166px -152px  no-repeat;}
	
	#support_nav_volunteer a:hover, .volunteer-opportunities #support_nav_volunteer{
    background: transparent url(../media/img/layout/support_nav.gif)
    -166px -203px  no-repeat;}
	
	#support_nav_internship a:hover, .internship-opportunities #support_nav_internship{
    background: transparent url(../media/img/layout/support_nav.gif)
    -166px -266px  no-repeat;}


	
	
	/* ===== outreach NAV ===================================================== */
#outreach_nav li {
    margin: 0; padding: 0; list-style: none;
    position: absolute;display:block; }


   
#outreach_nav a{
  	display:block;
	width:100%;
	height:100%;
	}	
	

	
#outreach_nav a span{display:none;}
  
#outreach_nav li ul li a span{display:block; visibility:hidden}  
   
#outreach_nav {
    height:70px; 
	width:166px;
    background:url(../media/img/layout/outreach_nav.gif);
    position: relative;
	display:block;
	padding:0;
	margin:10px auto;
	}	
	
#outreach_nav li:hover ul, li.over ul {
	display: block;
}

		
#outreach_nav li.on:hover ul, #outreach_nav li.over ul { /*for ie*/
		font-weight:bold;
	}
		
		
#topnav li.off ul, #topnav li.on ul {
  display: none;
}

	#outreach_nav_offstage{left:0px;top:0px; height:34px;width:166px;}
	#outreach_nav_programs{left:0px;top:34px;height:46px;width:166px;}
	
	
	

	#outreach_nav_offstage a:hover, .offstage #outreach_nav_offstage{
    background: transparent url(../media/img/layout/outreach_nav.gif)
    -166px -0px no-repeat;}

	#outreach_nav_programs a:hover, .programs #outreach_nav_programs{
    background: transparent url(../media/img/layout/outreach_nav.gif)
    -166px -34px  no-repeat;}

	
	

	
	
/*----------- Shows Nav ----------------*/
ul#shows_nav {
	list-style: none;
	text-align:center;
	margin-top:0px;
	max-width:172px;
	position:relative;
	padding:0px;
	}
	
	
ul#shows_nav li {
	height: 51px;
	display:block;
	width:172px;
	margin-top:0px;
	text-align:center;
	margin-left:30px;
}
ul#shows_nav li a {
	height: 51px;
	display: block;
	text-indent: -999px;
}

ul#shows_nav li a.up_shows {
	width: 124px;
	background: url(../media/img/layout/shows_upcoming.gif) no-repeat 0 0;
}

.upcoming ul#shows_nav li a.up_shows {
	width: 124px;
	background: url(../media/img/layout/shows_upcoming.gif) no-repeat 0 -50px;
}
ul#shows_nav li a.past_shows {
	width: 124px;
	background: url(../media/img/layout/shows_past.gif) no-repeat 0 0;
}

.past ul#shows_nav li a.past_shows {
	width: 124px;
	background: url(../media/img/layout/shows_past.gif) no-repeat 0 -50px;
}
ul#shows_nav li a.nowplaying_shows {
	width: 124px;
	background: url(../media/img/layout/shows_nowplaying.gif) no-repeat 0 0;
}

.nowplaying ul#shows_nav li a.nowplaying_shows {
	width: 124px;
	background: url(../media/img/layout/shows_nowplaying.gif no-repeat 0 -50px;
}

ul#shows_nav li a.upcoming_shows {
	width: 124px;
	background: url(../media/img/layout/shows_past.gif) no-repeat 0 0;
}

.t ul#shows_nav li a.upcoming_shows {
	width: 124px;
	background: url(../media/img/layout/shows_past.gif) no-repeat 0 -50px;
}









ul#shows_nav li a:hover, ul#shows_nav li a.active {
	background-position: 0 -50px;
}


#subnav {
	background-color: #956a1a;
	width:162;
	padding:10px 5px;
	font-weight:bold;
	text-transform:uppercase;
	color:#FFF;
}