body {
	background: #000 url(img/background.gif) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	margin: 0px;
	padding: 0px;
}

img {
	margin: 0px;
	padding: 0px;
}

div {
	margin: 0px;
	padding: 0px;
}

div#Container {
	margin: 10px auto;
	padding: 0px;
	width: 756px;
}

#Header {
position: relative;
background: #000 url(img/theatre.jpg) no-repeat;
background-position: 50% 0px;
height: 150px;
margin: 0px;
margin-bottom: 0px;
padding: 0px;
}

div#NavBar {
position: absolute;
top: 121px;
padding: 0px 15px;
width: 726px;
}

div#Layout {
	background: #FFF;
	margin: 0px;
	padding: 0px;
	}
	td#PageContent {
		color: #333;
		font-size: 85%;
		margin: 0px;
		padding: 0px 20px;
		text-align: left;
		}
		h1 {
			border-bottom: 1px dashed #E5E5E5;
			font-weight: normal;
			font-size: 2em;
			margin: 0px 0px .5em;
			padding: .5em 0px 0px;
		}
		h2 {
			color: #7EAA36;
			/*color: #EBDF01;*/
			font-size: 1.3em;
			font-weight: normal;
			margin: 0px;
			padding: .8em 0px;
		}
		h3, h4, h5, h6 {
			font-size: .9em;
			margin: 0px;
			padding: .5em 0px;
		}
		h1, h3, h4, h5, h6 {
			color: #6F396A;
		}
		h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link,
		h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {
			color: #6F396A;
			border-bottom: 1px solid #EDE7ED;
			text-decoration: none;
		}
		h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
			border-bottom: 1px solid #DBCEDA;
			text-decoration: none;
		}
		td#PageContent p {
			font-size: 0.9em;
			line-height: 1.5em;
			margin: 0px;
			padding: .3em 0px 1em;
		}
		td#PageContent p a,
		td#PageContent li a {
			text-decoration: none;
			}
			td#PageContent p a:link, td#PageContent p a:visited,
			td#PageContent li a:link, td#PageContent li a:visited {
				border-bottom: 1px solid #E8C6CA;
				color: #A01928;
			}
			td#PageContent p a:hover, td#PageContent li a:hover {
				border-bottom: 1px solid #D08C94;
				color: #A01928;
		}
		td#PageContent table a {
			text-decoration: none;
			}
			td#PageContent table a:link, td#PageContent table a:visited {
				/*border-bottom: 1px solid #E8C6CA;*/
				color: #A01928;
			}
			td#PageContent table a:hover {
	/*border-bottom: 1px solid #D08C94;*/
				color: #A01928;
	text-decoration: none;
	border-bottom: 1px solid #D08C94;
		}
		td#PageContent ul {
			font-size: .9em;
			margin: .2em 0px .5em 20px;
			padding: .2em 0px .5em 0px;
		}
		td#PageContent ul ul {
			font-size: .9em;
			margin: .2em 0px .5em 20px;
			padding: .2em 0px .5em 0px;
		}
		td#PageContent ul ul ul {
			font-size: 1em;
			margin: .2em 0px .5em 20px;
			padding: .2em 0px .5em 0px;
		}
		td#PageContent ol {
			font-size: .9em;
			margin: .2em 0px .5em 30px;
			padding: .2em 0px .5em 0px;
		}
		td#PageContent ol ol {
			font-size: .9em;
			margin: .2em 0px .5em 25px;
			padding: .2em 0px .5em 0px;
			list-style-type: lower-alpha;
		}
		td#PageContent ol ol ol {
			font-size: 1em;
			margin: .2em 0px .5em 25px;
			padding: .2em 0px .5em 0px;
		}
		td#PageContent ul li {
			font-size: 1em;
			line-height: 1.5em;
			list-style: url(../images/bullet.gif);
		}
		td#PageContent ol li {
			font-size: 1em;
			line-height: 1.5em;
		}
		td#PageContent table {
			font-size: 12px;
			margin: 0px;
			padding: .5em 0px;
		}
	
	td#SideBar {
		color: #333;
		font-size: 85%;
		margin: 0px;
		padding: 0px 20px 0px 0px;
		text-align: left;
		}
		td#SideBar p {
			font-size: .8em;
			line-height: 1.5em;
			margin: 0px;
			padding: .3em 0px 1em;
		}
		td#SideBar p a,
		td#SideBar li a {
			text-decoration: none;
			}
			td#SideBar p a:link, td#SideBar p a:visited,
			td#SideBar li a:link, td#SideBar li a:visited {
				border-bottom: 1px solid #E8C6CA;
				color: #A01928;
			}
			td#SideBar p a:hover, td#SideBar li a:hover {
				border-bottom: 1px solid #D08C94;
				color: #A01928;
		}
		td#SideBar ul {
			font-size: .8em;
			margin: .2em 0px .5em 20px;
			padding: .2em 0px .5em 0px;
		}
		td#SideBar ul ul {
			font-size: .8em;
			margin: .2em 0px .5em 20px;
			padding: .2em 0px .5em 0px;
		}
		td#SideBar ul ul ul {
			font-size: 1em;
			margin: .2em 0px .5em 20px;
			padding: .2em 0px .5em 0px;
		}
		td#SideBar ol {
			font-size: .8em;
			margin: .2em 0px .5em 30px;
			padding: .2em 0px .5em 0px;
		}
		td#SideBar ol ol {
			font-size: .8em;
			margin: .2em 0px .5em 25px;
			padding: .2em 0px .5em 0px;
			list-style-type: lower-alpha;
		}
		td#SideBar ol ol ol {
			font-size: 1em;
			margin: .2em 0px .5em 25px;
			padding: .2em 0px .5em 0px;
		}
		td#SideBar ul li {
			font-size: 1em;
			line-height: 1.5em;
			list-style: url(../images/bullet.gif);
		}
		td#SideBar ol li {
			font-size: 1em;
			line-height: 1.5em;
		}

div#Footer {
	/*background-color: #FF0000;*/
	color: #CCC;
	font-size: 11px;
	height: 28px;
	margin: 0px;
	padding: 16px 20px 0px;
	}
	div#Copyright {
		display: inline;
		float: left;
	}
	ul#FooterMenu {
		display: inline;
		float: right;	
		list-style: none;
		margin: 0px;
		padding: 0px;
		}
		ul#FooterMenu li {
			float: left;
			list-style: none;
			margin: 0px;
			padding: 0px;
		}
		ul#FooterMenu li a {
			border-right: 1px solid #895A84;
			color: #CCC;
			margin: 0px;
			padding: 0px 7px;
			text-decoration: none;
		}


ul#FooterMenu li a:hover {
/*background: #582253;*/
color: #FFFB02;
}

div#Sponsors {
	margin: 10px 0px;
	padding: 0px;
	text-align: center;
}
div#Sponsors img {
	border: 0px;
}

/* Form CSS */

form {
	font-size: 85%;
	margin: 0px;
	padding: 0px;
}
.label {
	color: #6F396A;
	font-weight: bold;
	text-transform: uppercase;
}
input.field {
	background: #FDFAB6;
	border: 1px solid #999;
	color: #333;
	font-size: 1.4em;
	padding: 2px 5px;
}
input.button {
	margin: 10px 0px;
	padding: 0px;
}

/* Standard Classes */

.Alert {
	color: #CC0000;
}
.AlternateBgColor {
	background: #ECE4EC;
	padding-top: .3em;
}
.Clr {
	clear: both;
}
.BackToTop {
	clear: both;
	font-size: 11px;
	line-height: 1.5em;
	text-decoration: none;
	}
	.BackToTop:link, .BackToTop:visited {
		border-bottom: 1px solid #E8C6CA;
		color: #A01928;
	}
	.BackToTop:hover {
		border-bottom: 1px solid #D08C94;
		color: #A01928;
}
.FormBox {
	background: #FCFCFC;
	border: 1px solid #CCC;
	margin: 0px auto;
	padding: 40px;
	width: 50%;
}
.Grey {
	color: #777;
}
.hr {
	border-width: 0px;
	border-bottom: 1px dashed #DDD;
	margin: 20px 0px;
	padding: 0px;
}
.SmallText {
	color: #555;
	font-size: .9em;
}
.StripSpace {
	margin: 0px;
	padding: 0px;
}
.tellafriend {
	color: #333;
}
.tellafriend a:link, .tellafriend a:visited {
	background: #EEE;
	border:1px solid #CCC;
	display: block;
	font-size: 12px;
	color: #333;
	padding: 2px 10px;
	text-decoration: none;
	width: 100px;
}
.tellafriend a:hover {
	background: #FFF;
	color: #A01928;
}

/* Season Show Class */
td#PageContent table.Production td {
	border-right: 1px dashed #DDD; 
	border-bottom: 1px dashed #DDD; 
	font-size: 12px;
	vertical-align: top;
	width: 33%;
}
td#PageContent table.Production h1 {
	border: none;
	color: #7EAA36;
	font-size: 2em;
	margin: 0px;
	padding: 5px 0px;
}
td#PageContent table.Production .Small {
	font-size: .5em;
	font-weight: normal;
}
td#PageContent table.Production h2 {
	font-size: 1.2em;
	font-weight: bold;
	margin: 0px;
	padding: 5px 0px;
}
td#PageContent table.Production h3 {
	font-size: 1em;
	font-weight: bold;
	margin: 0px;
	padding: 5px 0px;
}
td#PageContent table.Production p {
	margin: 0px;
	padding: 5px 0px;
}

/* Side Bar in Frontpage */
div.FrontPageLinks {
	margin: 0px 0px 5px 0px;
	padding: 0px;
}
div.FrontPageCaption {
	background: #EEE;
	border-right: 1px solid #DDD;
	border-left: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	font-size: 11px;
	font-weight: bold;
	margin: 0px;
	padding: 5px;
}

/* Table Classes */

/* Data Grid */
td#PageContent table.DataGrid {
	background: #FFF;
	border: 2px solid #F7F7F7;
	font-size: 11px;
	}
	td#PageContent table.DataGrid th {
		background: #E0E0E0;
		border-top: 1px solid #CCC;
		padding: 5px 10px;
		text-align: left;
	}
	td#PageContent table.DataGrid tr {
		background: #EEE;
	}
	td#PageContent table.DataGrid td {
		padding: 3px 8px;
	}

/* Scroll Box Classes */
.ScrollBox108, .ScrollBox216, .ScrollBox324, .ScrollBox432 {
	display: block;
	margin: 0px;
	padding: 0px;
	overflow: auto;
}
.ScrollBox108 {
	height: 108px;
	padding: 5px 5px 5px 0px;
}
.ScrollBox216 {
	height: 216px;
	padding: 5px 5px 5px 0px;
}
.ScrollBox324 {
	height: 320px;
	padding: 5px 5px 5px 0px;
}
.ScrollBox432 {
	height: 432px;
	padding: 5px 5px 5px 0px;
}

div#LayoutHeader {
height: 20px;
}

div#Layout {
background: #FFF url(../images/layout-fullbody.gif) bottom right no-repeat;
}

td#SideBar {
/* background: url(../images/sidebar-background.gif) top left no-repeat; */
width: 200px;
}

div#Footer {
background: url(../images/footer-fullbody.jpg);
}


/* Main Menu CSS 1.0 - Pacific Theatre */
/* Last update: 2006-03-26  */

/*	_shorthand for background
	background: background-attachment | background-color | background-image | background-position | background-repeat */

/* Buy Tickets Online */

div#BuyTicketsOnline {
	display: inline;
	float: right;
	font-size: 11px;
	font-weight: bold;
	margin: 7px 0px 0px;
	}
	div#BuyTicketsOnline a {
		background: #582253;
		border: 1px solid #895A84;
		color: #CBA3C7;
		display: block;
		padding: 2px 10px;
		text-align: center;
		text-decoration: none;
	}
	div#BuyTicketsOnline a:hover {
		color: #FFFB02;
	}

/* First Level */
ul#MainMenu {
	display: inline;
	float: left;
	font-size: 11px;
	list-style: none;
	/*line-height: normal;*/
	background: none;
	padding: 0px;
	margin: 8px 0px 0px;
	width: 580px;
}

ul#MainMenu li a {
	border-right: 1px solid #895A84;
	color: #CBA3C7;
	display: block;
	font-weight: bold;
	/*width: 10em;
	w\idth: 6em;*/
	text-decoration: none;
	padding: 2px 7px;
	text-align: center;
}

ul#MainMenu li {
	float: left;
	padding: 0;
	/*width: 10em;*/
	}

ul#MainMenu li:hover, 
ul#MainMenu li.sfhover {
	/*background: url(../images/menu-hover-folder.gif) bottom center no-repeat;*/
	background: #582253;
	color: #003D7D;
}

ul#MainMenu li:hover a, 
ul#MainMenu li.sfhover a {
	color: #FFFB02;
}

/* Second Level */
ul#MainMenu ul {
	float: left;
	/*width: 36em;*/
	list-style: none;
	/*line-height: 1px;*/
	font-weight: bold;
	padding: 0px;
	border: solid #582253;
	border-width: 1px 0px;
	margin: 10px 0px 1em 0px;
	width: 160px;
	}

ul#MainMenu ul a {
	border: 0px;
	display: block;
	width: 10em;
	w\idth: 6em;
	text-decoration: none;
	padding: 12px 5px;
	text-align: left;
	}	

ul#MainMenu li ul {
	position: absolute;
	left: -999em;
	height: auto;
	/*width: 14.4em;
	w\idth: 13.9em;*/
	font-weight: normal;
	border-width: 4px 1px 0px;
	margin: 0px;
	width: 160px;
	}
	ul#MainMenu li ul a {
		/*width: 13em;
		w\idth: 9em;*/
		color: #CCC;
		display: block;
		font-weight: normal;
		padding: 4px 10px;
		border-bottom: 1px solid #895A84;
		width: 100%;
	}

ul#MainMenu li li {
	width: 160px;
}

ul#MainMenu li li:hover, 
ul#MainMenu li li.sfhover {
		background: #DED1DD;
	}
	
	ul#MainMenu li li a:link, ul#MainMenu li li a:visited {
		color: #333;
		width: 140px;
	}
	
	ul#MainMenu li li:hover a:hover,
	ul#MainMenu li li.sfhover a:hover {
		background: #AF79AA;
		color: #FFF;
	}

/* Third Level */
ul#MainMenu li ul ul {
	border-width: 1px 1px 0px;
	margin: -2em 0 0 14.3em;
}
ul#MainMenu li:hover ul ul, 
ul#MainMenu li:hover ul ul ul, 
ul#MainMenu li.sfhover ul ul, 
ul#MainMenu li.sfhover ul ul ul {
	left: -999em;
}

ul#MainMenu li:hover ul, 
ul#MainMenu li li:hover ul, 
ul#MainMenu li li li:hover ul, 
ul#MainMenu li.sfhover ul, 
ul#MainMenu li li.sfhover ul, 
ul#MainMenu li li li.sfhover ul {
	background: #EEE;
	left: auto;
}

.sponsors, .sponsors a {
margin-top: 30px;
text-align: center;
font-size: 11px;
color: #3c3c3c;
text-decoration: none;
}

.subnav {
display: none;
}