/* ------------ TOP MAIN MENU RULES ------------ */
#topnav {
	font-size: 11px;
	list-style-type:none;
	position:relative;
	height:26px;
	width:592px;
	background-image:url(../images/topmenu-day-bg.jpg);
 }
#topnav ul{margin:0;padding:0;list-style:none;}
#topnav li {
	float: left;
	height: 25px;
 }
#topnav li:hover, #topnav li.hover {
    position: static;
}
#topnav a {
	display:block;
	height:26px;
	text-decoration:none;
}

#topnav li a span {visibility: hidden;}

#topnav li ul li a {
	background: #5A9FC6 !important;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	color: #fff;
	height: auto !important;
	width:170px;
	padding: 3px 0px 3px 8px;
	text-align: left;
}

#topnav li ul li a:hover {background: #ADCFE3 !important;}

#topnav li ul li {height: auto !important;}

#topnav li ul {
	position: absolute;
	width: 10em;
	left: -999em;
}

#topnav li:hover ul {left: auto;}
#topnav li:hover ul, #topnav li.sfhover ul {left: auto;}
 
/* MAIN MENU ROLLOVER USES A BACKGROUND IMAGE - THIS IS DEFINED BELOW 
#topnav :link:hover,#topnav :visited:hover {background-image:url(../images/topmenu.gif);} */

/*MAIN MENU POSITIONING  */
#about, #about a {width:141px;}
/*#foundation, #foundation a {width:133px;}*/
#shop, #shop a {width:77px;}
#dine, #dine a {width:70px;}
#play, #play a {width:79px;}
#what, #what a {width:145px;}
#home, #home a {width:69px;}

#about a {background-image: url(../images/bg_nav_about.gif);}
/*#foundation a {background-image: url(../images/bg_nav_foundation.gif);}*/
#shop a {background-image: url(../images/bg_nav_shop.gif);}
#dine a {background-image: url(../images/bg_nav_dine.gif);}
#play a {background-image: url(../images/bg_nav_play.gif);}
#what a {background-image: url(../images/bg_nav_what.gif);}
#home a {background-image: url(../images/bg_nav_home.gif);}

#about a:hover {background-position:0 -26px;}
/*#foundation a:hover {background-position:0 -26px;}*/
#shop a:hover {background-position:0 -26px;}
#dine a:hover {background-position:0 -26px;}
#play a:hover {background-position:0 -26px;}
#what a:hover {background-position:0 -26px;}
#home a:hover {background-position:0 -26px;}

/* Support for the "iehover-fix.js" */

/** html #topnav ul iframe, * html ul.nav iframe {
	position: absolute;
	 account for the border 
	left: -0.25em;
	top: -0.25em;
	z-index: 0;
	filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
}*/

/* this is for IE 5.0
select.hide { visibility: hidden; }

/* End Support for the "iehover-fix.js" */