html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,
em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;}
a img {border:none;}


body {
	background-color: #a8b8c9;
	text-align: center;
	font: normal 56% Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.4;
    margin: 0;
	}

div#container-wrapper {
	padding: 20px 0 20px 0;
	width: 950px;
	margin: 0 auto;
	text-align: left;}
	
#wrapper {background-color: #FFFFFF;}
	
div#container {
    background-color: #FFFFFF; margin:0; padding: 0;}

.hide {display: none;}
	
/* TYPOGRAPHY  */

h1,h2,h3,h4,h5,h6 {color:#111; font: 500 1em Georgia, Times, serif; margin:0;}
h1 {font-size:3em;line-height:1;margin-bottom:.5em;}
h2 {font-size:1.75em;margin-bottom:0.5em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:0.4em;}
h4 {font-size:1.2em;font-weight:700;line-height:1.25;margin-bottom:0.1em;}
h5 {font-size:1em;font-weight:700;margin-bottom:0em;}
h6 {font-size:1em;font-weight:700;}
p.last {margin-bottom:0;}
p.first {margin-top:0;}
p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.top {margin-top:0;}
a, a:visited {color:Blue; text-decoration:underline;}
a:focus, a:hover {color:#009; text-decoration:none;}
	
/* =HEADER
*************************************************/

#header {float: left; width: 100%; height: 131px; background: url(images/headbg.jpg) top left repeat-x; z-index:5;}
#header h1 {float: left; width:370px; margin:15px 0 0 -10px;}
* html #header h1 {display:inline;}

#navigation {font-weight: bold; margin: 15px 0 0 0;}
* html #navigation {display:inline;}
		
.menu {float: left; 
	width: 115px;
    color: #FFFFFF; 
	overflow: hidden;
}

.menu ul {
  list-style-type: none;
}

.menu a {
	display: block;	
	width:115px;
	overflow: hidden;
}

.menu a:link, .menu a:visited  {text-decoration: none; color: #ffff82;}
.menu a:hover {color: #e84244;}

.menuCategory {font-size: 1.3em;}


/* =Page Layout
*************************************************/
  
#intro {float:left; min-height:250px; border-top: 3px solid #63b461; border-bottom: 3px solid #36b461;}  
* html #intro {height:250px;}

#intro h2 {margin: 0 0 .2em 0; font-size:1.3em;}

#photo-ad {float:left; width:660px;}
#photo-ad img {border:none;}

#overview {float:left; width:270px; margin:0px 10px;}
#overview ul {margin-left: 15px;}

#core {clear: both; background-color: #FFFFFF; margin:0; padding:0;}

#content { background-color: #FFFFFF; margin: 10px;}
#content p, #overview p {margin:0 10px 0.5em 0px; line-height:1.4;}
#content h2, #overview h2 {padding:5px 0 0 0;font:bold 1.7em arial;line-height:1.5;color:#333;}
#content h3, #overview h3 {padding:0;font:bold 1.3em arial;line-height:1.5;color:#333;}
#content h4 {font-size:1.1em;}
#content h5 {font:bold 1em verdana;line-height:1.4;color:#333;}

.contentthird {width: 310px; float:left; margin: 0 20px 10px 0px;}
.contentthird img {margin: 0 auto;}
.contenthalf {width: 430px; float:left; margin: 0 20px 10px 0px;}

#footer {
	clear: both;
	border-top: 3px solid #63b461;
	border-bottom: 3px solid #36b461;
	background: #231f20;
	text-align: center;
	color: #bad6b9;
	padding: 10px 0;
	}
	#footer p { margin: 0; }
	#footer ul { margin: 0; list-style: none; }
	#footer li { display: inline; padding: 0 5px; border-right: 0px solid #bad6b9; }
	#footer li.last { border: 0; }
	#footer li a { color: #bad6b9; text-decoration: underline; }
	#footer li a:hover { color: #fff; text-decoration: none; }

#sponsors { margin: 0px; float: left; width:950px; height: 91px; background: url(images/LogosReverse.jpg) top left no-repeat; }


/* =Home Page
*************************************************/

#focus-set {float:left; width: 900px; margin: 20px 0 0 5px; padding: 5px 0 10px 0; background:#999;}
* html #focus-set {display:inline;}

.focus {float:left; width:275px; padding: 10px 5px 0px 15px;}
.focus h3 {font-size: 1.1em; margin-top:12px; line-height:1.3;}
.focus h3 a {font-weight: bold; color:#ae3125; text-decoration:none;}
.focus h3 a:hover {color:#d43c2d;}
.focus p {color:#000;}
.focus p.imgleft {float:left; margin:10px 0px 10px 10px; padding: 7px 0 0 0;}
.focus p.imgleft img {border:1px solid #000;}


/* =Contact Layout
*************************************************/

div#contact-container {
	float: left;
	width: 208px;
	background: url(images/bg-contact-ad.jpg) top left no-repeat;
	display: inline;
	line-height: 1.2;
	}

div#contact-container h3 {
	font-family: Georgia, "Times New Roman", Times, serif; 
	text-transform: uppercase; 
	text-decoration: none; 
	font-weight: bold;	
	font-size: 0.9em;
	padding: 15px 5px 5px 15px;
	margin: 0;
	}
	div#contact-container a#contact-email { margin-left: 15px; padding-left: 15px; background: url(images/icon-email.gif) 0px 5px no-repeat; float: left; }
	p#contact-phone { 
		float: right; 
		padding-left: 15px; 
		background: url(images/icon-phone.gif) 0px 3px no-repeat; 
		float: left; 
		margin-left: 20px; 
		display: inline; 
		margin-bottom: 5px;
		}

div#newsletter-signup { padding: 5px 0px 3px 0px; margin: 0 15px; border-top: 1px solid #ecd693; clear: left; }
	div#newsletter-signup label { font-weight: normal; font-size: 0.9em; display: block; margin-bottom: 3px; }

	
/* =UTILITY CLASSES
****************************************/
div.padding { padding: 15px; }	

.playdates {font-weight:bold;}

dl {
	width: 100%;
	margin: 0;}
dt {
	font-weight: bold;
	margin: 1em 0 0.5em 0;}
dd {
	margin: 0 0 0 2%;}

dl.playtimes {
	width: 100%;
	margin: 0;
	font-size: x-small;}
.playtimes dt {
	font-weight: bold;
	margin: 0 0 0 0;}
.playtimes dd {
	margin: 0 0 0 2%;}

.quarter {width: 230px; float: left;}
.clearleft {clear: left;}
.clearright {clear: right;}
.clear {clear:both;}
.pastseason {font-size:2em; font-style:italic; color: Black; margin:10px 0 5px 0;}
.pastplay {margin-left:40px;}

#imageContainer {
	position:relative;
	margin:0;
	height:250px;
	width: 660px;
}

.floatright {float: right;}
.floatleft {float: left;}
.floatleft2third {float: left; width:600px;}

.floatrightimg {
	float: right;
	margin: 5px 0px 20px 10px;
}
.floatleftimg {
	float: left;
	margin: 5px 20px 10px 0px;
}

.bold {font-weight:bold;}

.indent {
	margin-left: 40px;
	line-height:1.4;
}

.indentsmall {
	margin-left: 20px;
	line-height:1.4;
}

#content img {
	margin: 0 auto;
	padding:4px;
	border:1px solid #cccccc;
}

table.ticketprices {
	width: 100%;
	background-color: #fafafa;
	border: 1px #6699CC solid;
	border-collapse: collapse;
	border-spacing: 2px;
}

table.ticketprices th {
	font-weight: bold;
	padding-left: 3px;
}

table.ticketprices td  {
	border-bottom: 1px solid #6699CC;
	border-left: 1px dotted #CEDCEA;
	font-family: Verdana, sans-serif, Arial;
	font-weight: normal;
	font-size: 11px;
	color: #404040;
	background-color: white;
	text-align: left;
	padding-left: 5px;} 

.trustee {margin: 0.5em 0 0 0; padding: 0px;}
.business {margin: 0px; padding: 0px; font-style: italic; font-size:0.9em;}
h3.playsummary {margin: 1em 0 0.5em 0;}
p.legalese {font-size: xx-small;}

.upcoming-events img {
	margin: 0 0 6px 0;
	border: 4px solid;
}

.upcoming-events .vevent h3 {
	font-size: 1.2em;
}

div.pic, div.picright, div.picpt {
  background: white;
  margin: 5px 0 5px 10px;
  padding: 5px;
  border: 1px solid black;}
div.pic {float:left; margin:5px 10px 5px 0;}
div.picpt {float:left; margin: 5px 15px 5px 15px;}
div.picright {float:right;}
div.pic img, div.picright img, div.picpt img {border: none; margin: 16px 0;}
p.caption {text-align:center;}

.pricecol {width: 33%;}


#content ul {margin: 0 0 1.5em 39px;}
#content ul ul {margin: 0.5em 0 0 29px;}
#content li {margin: 0 0 3px; list-style-type:disc; line-height:1.5;}


#outerMenu
{
    font-size: 10px;
    text-align: right; 
    margin: 0 5px 3px 0;      
}
ul#outerList
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

#outerList li
{
display: inline;
list-style-type: none;
}

#outerList a { padding: 3px 10px; }

#outerList a:link, #outerList a:visited
{
color: #fff;
background-color: #036;
text-decoration: none;
}

#outerList a:hover
{
color: #fff;
background-color: #369;
text-decoration: none;
}

.mustard {color:#e89424;}
em {font-style:italic;}
.width250 {width: 250px; }
.marginpt {margin: 0 10px;}
.marginls {margin: 0 38px;}

.notice {color: Red; font-size: 120%; margin: 20px; font-weight: bold;}