@charset "UTF-8";




#navigation {
	margin:0 auto;
	padding-top:12px;
	height:40px;
	width:100%;
	min-width:910px;
	background: url(../images/backgrounds/bg_menu.png) bottom center no-repeat;
}





ul#topnav {
	margin: 0 auto; 
	padding: 0;
	/*float:left;*/
	width: 810px;
	height:35px;
	list-style: none;
	font-size: 1.1em;
}
ul#topnav li {
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	text-align:left;
	z-index:20;
}
ul#topnav li a {
	float: left; 
	text-indent: -9999px;
	height: 35px;
}
ul#topnav li:hover a, ul#topnav li a:hover {
	background-position: 0 -35px;
}






ul#topnav a.home {
	background: url(../images/menu/home.gif) no-repeat;
	width: 64px; 
}
ul#topnav a.tickets {
	background: url(../images/menu/tickets.gif) no-repeat;
	width: 85px; 
}
ul#topnav a.about {
	background: url(../images/menu/about.gif) no-repeat;
	width: 76px; 
}
ul#topnav a.gallery {
	background: url(../images/menu/gallery.gif) no-repeat;
	width: 83px; 
}
ul#topnav a.cast {
	background: url(../images/menu/cast.gif) no-repeat;
	width: 144px; 
}
ul#topnav a.shop {
	background: url(../images/menu/shop.gif) no-repeat;
	width: 57px; 
}
ul#topnav a.education {
	background: url(../images/menu/education.gif) no-repeat;
	width: 101px; 
}
ul#topnav a.news {
	background: url(../images/menu/news.gif) no-repeat;
	width: 61px; 
}
ul#topnav a.register {
	background: url(../images/menu/register.gif) no-repeat;
	width: 78px; 
}
ul#topnav a.links {
	background: url(../images/menu/links.gif) no-repeat;
	width: 61px; 
}





/* selected state */
body#home ul#topnav a.home,
body#tickets ul#topnav a.tickets,
body#about ul#topnav a.about,
body#gallery ul#topnav a.gallery,
body#cast ul#topnav a.cast,
body#shop ul#topnav a.shop,
body#education ul#topnav a.education,
body#news ul#topnav a.news,
body#register ul#topnav a.register,
body#links ul#topnav a.links {
	background-position: bottom left;
}





/* hover when selected */
body#home ul#topnav a.home:hover, body#home ul#topnav li:hover a.home, 
body#tickets ul#topnav a.tickets:hover, body#tickets ul#topnav li:hover a.tickets, 
body#about ul#topnav a.about:hover, body#about ul#topnav li:hover a.about, 
body#gallery ul#topnav a.gallery:hover, body#gallery ul#topnav li:hover a.gallery, 
body#cast ul#topnav a.cast:hover, body#cast ul#topnav li:hover a.cast, 
body#shop ul#topnav a.shop:hover, body#shop ul#topnav li:hover a.shop, 
body#education ul#topnav a.education:hover, body#education ul#topnav li:hover a.education, 
body#news ul#topnav a.news:hover, body#news ul#topnav li:hover a.news,
body#register ul#topnav a.register:hover, body#register ul#topnav li:hover a.register,
body#links ul#topnav a.links:hover, body#links ul#topnav li:hover a.links {
	background-position: 0 -35px;
}





ul#topnav li .sub {
	position: absolute;	
	top: 35px; 
	left: 0;
	background: #e7b727;
	padding: 10px 15px 15px;
	float: left;
	display: none;
	
	/* see corners.css */
}





/* if we need to push a drop down to the left */
ul#topnav li.rightmenu .sub {
	margin-left:-165px;
}
/* end right align */





ul#topnav li .row {
	clear: both; 
	float: left; 
	width: 100%; 
	margin-bottom: 10px;
}
ul#topnav li .sub ul {
	list-style: none;
	margin: 0; 
	padding: 0;
	width: 200px;
	float: left;
}
ul#topnav .sub ul.twoCol {
	width: 275px;
}
ul#topnav .sub ul.twoCol li {
	width: 265px;
}
ul#topnav .sub ul li {
	width: 190px;
	/*width:100%;*/
	color: #fff;
	border-left:1px solid #000;
	padding-left:10px;
}
ul#topnav .sub ul.First li {
	border-left:none;
	padding-left:0;
}
ul#topnav .sub ul li h2 {
	padding: 0 0 3px 0; 
	margin: 0;
	font-size: 1.2em;
	color:#000;
	background-image: none;
}
/*ul#topnav .sub ul li h2 a {
	padding: 0;
	
	color: #000;
}*/
ul#topnav .sub ul li a {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	font-size: 1.1em;
	background: url(../images/menu/arrow.gif) no-repeat 0 7px;
	padding: 2px 5px 2px 8px;
	display: block;
	text-decoration: none;
	color: #fff;
}
ul#topnav .sub ul li a:hover {
	color: #000;
	background-position: 0 -23px;
}