/* css information
--------------------------------------------------------
	Barrington Stage Company:      		screen stylesheet
	author:         					www.studiotwo.com
	updated:        					March 2008

	
-------------------------------------------------------- */



/*
***************************************

	TYPOGRAPHY AND COLOR RULES

***************************************
*/
body {
	background: #ffffff;
	line-height: 1.2em; 
	font: 12px Arial, verdana, Helvetica, Geneva, sans-serif;  
	margin: 0px 0 20px 0;
	padding: 0;
	min-width: 800px;
	color: #535251;
}

img  {
	border-width: 0
}
a, a:link,  a:visited  {
	color: #CE171E;
	font-weight: bold;
	text-decoration: none;
	background: transparent;
}	
a:hover   {
	
	color: #666666; 
	text-decoration: underline;
}

h1   {
	color: #CE171E;
	text-align: left;
	font: 20px arial, sans-serif;
	font-weight: bold;
	line-height: 1.3em;
	margin-top: 0px;
}


h2   {
	color: #CE171E;
	text-align: left;
	font: 15px arial, sans-serif;
	font-weight: bold;
	line-height: 1.3em;
	

}

h3    {
	color: #CE171E;
	text-align: left;
	font: 14px arial, sans-serif;
	font-weight: bold;
	text-transform:capitalize;
	border-top: 1px solid #cccccc;;

}
h4   {
	color: #ffffff;
	background-color: #000000;
	text-align: left;
	font: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	padding: 10px;
	margin-top: 0px;

}
h5   {
	color: #666666;
	text-align: left;
	font: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	margin-top: 0px;

}
ul {
	padding: 0;
	list-style-type: none;
	list-style-position: outside;
	margin: 1em 1.2em 1em 1em;
	}
	ol {
	padding: 0;
	list-style-type: none;
	list-style-position: outside;
	margin: 1em 1.2em 1em 1em;
	}
	
li {
	padding-left: 10px;
	line-height: 1.3em;
	margin: .3em;
	list-style-type: disc;

	}
td {
	vertical-align: top; 
	text-align: left;
	}

hr {color:#666666;}



/*

***************************************

	LAYOUT RULES

***************************************

*/

#wrap {
	width: 1015px;
	margin: 0 auto;	
	color: #333333;
	background-color: #ffffff;
	
}

#header {
	width: 1002px;
	height: 44px;
	margin: 20px auto 0px auto;	
	background: transparent url(../images/header-back.jpg) top left no-repeat; 
	padding-top: 0px;
	}


#navigation {
	width: 851px; 
	height: 44px; 
	margin-top: 0px;
	float: left;
		}	
	
#navtertiary {
	text-align: left;
	font-size: 10px;
	width: 138px;
	padding-left: 10px;
	float: left;
	margin-left: 0px;
	
}	
#navtertiary a:link {
	font-size: 11px;
	text-transform: uppercase;
	color: #666666;
	background: transparent url(../images/arrow-right.gif) 3px 4px no-repeat; 
	font-weight: bold;
	text-decoration: none;
	padding: 0 8px 0px 10px;
		display: block;
}

#navtertiary a:visited {
	font-size: 11px;
	text-transform: uppercase;
	color: #666666;
	background: transparent url(../images/arrow-right.gif) 3px 4px no-repeat; 
	font-weight: bold;
	text-decoration: none;
	padding: 0 8px 0px 10px;
		display: block;
}

#navtertiary a:hover {
	text-decoration: underline;
	color: #CE171E;
}
	


/*
***************************************

	FOOTER DIVS

***************************************
*/
div#footer        {
	clear: both;
	margin-left: auto; 
	margin-right: auto; 
	width: 1002px;  
	font-size: 11px;  
	padding: 14px 0px 0px 0px; 
	text-align: center;
	color: #898989;
	background: transparent url(../images/footer-back.gif) 0px 0px no-repeat; 
	
	height: 50px;
	}
#copyright {
	text-align: center;  
	width: 1002px;
	margin: 0 auto;	
	font-size: 10px;}
	
#footerlinks {	
	text-align: center; 
	padding-right: 0px; 
	line-height: 1.2em;
	width: 950px; }	
	
#footerlinks a:link {
	padding: 0 10px 0 12px; 
	color: #535251; 
	border-left: 1px dotted #6f6c69;
	font-weight: bold;
	}
#footerlinks a:visited {
	padding: 0 10px 0 12px; 
	color: #535251; 
	border-left: 1px dotted #6f6c69;
		font-weight: bold;
	
	}
#footerlinks a:hover {color: #CE171E;text-decoration: underline; }


#footerlinks a.first-link{border-left:none;}

/*
***************************************

	CLASS RULES

***************************************
*/

.break {clear: both}
.bold {font-weight: bold; }
.dottedLine {border-bottom: 1px dotted #999999;  }
.italic {font-style: italic;}
.uppercase {font-weight: bold; text-transform: uppercase; color: #CE171E;}
.subtitle {font-style: italic; color: #033769; font-size: 10px; line-height: .9em;}
.bluetext {color: #033769; font-size: 12px; font-style: italic;} 
.greytext {font-size: 12px; color: #878787; font-style: italic;} 
.sup {
	position: relative;
	bottom: 0.5em;
	font-size: 0.8em;
}

.suptitle {
	position: relative;
	bottom: 0.5em;
	font-size: 0.6em;
}
.performance-title {text-transform: uppercase; font-weight: bold; color: #CE171E; font-size: 16px;}
.smtxt {font-size: 10px; line-height: 1.1em;}
.smtxtSeason {}
.float-photos {float: right; width: 185px;}
.redtext {color: #CE171E;}
/*

***************************************

	MAIN NAVIGATION RULES

***************************************

*/

#navigation ul	{
	width: 851px;
	height: 44px;
	margin: 0;
	padding: 0;
	position: relative;
	background: transparent url(../images/navigation.jpg) top left no-repeat;
	border: 0;
	}
	
	

#navigation ul li	{
	display: inline;
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	position: absolute;
	top: 0px;
	}

#navigation ul li, #navigation a	{
	height: 44px;
	display: block;
	border:0;
	padding: 0;
	margin: 0;
	}
	
#navigation ul li a {
	text-decoration: none;
	text-indent: -9999px;
	color: #CE171E;
	}	

#n1 {	position: absolute; left: 0px ; width: 163px;}
#n2 {	position: absolute; left: 163px ; width: 79px;}
#n3 {	position: absolute; left: 242px ; width: 60px;}
#n4 {	position: absolute; left: 302px ; width: 92px;}
#n5 {	position: absolute; left: 394px ; width: 119px;}
#n6 {	position: absolute; left: 513px ; width: 69px;}
#n7 {	position: absolute; left: 582px ; width: 102px;}
#n8 {	position: absolute; left: 684px ; width: 65px;}
#n9 {	position: absolute; left: 749px ; width: 102px;}



#n1 a:hover {background: transparent url(../images/navigation.jpg) -0px -44px no-repeat;}
#n2 a:hover {background: transparent url(../images/navigation.jpg) -163px -44px no-repeat;}
#n3 a:hover {background: transparent url(../images/navigation.jpg) -242px -44px no-repeat;}
#n4 a:hover {background: transparent url(../images/navigation.jpg) -302px -44px no-repeat;}
#n5 a:hover {background: transparent url(../images/navigation.jpg) -394px -44px no-repeat;}
#n6 a:hover {background: transparent url(../images/navigation.jpg) -513px -44px no-repeat;}
#n7 a:hover {background: transparent url(../images/navigation.jpg) -582px -44px no-repeat;}
#n8 a:hover {background: transparent url(../images/navigation.jpg) -684px -44px no-repeat;}
#n9 a:hover {background: transparent url(../images/navigation.jpg) -749px -44px no-repeat;}