/* ------------ TOP MAIN MENU RULES ------------ */
#topnav {
	font-size: 11px;
	list-style-type:none;
	position:relative;
	height:36px;
	width:843px;
	background-image: url(/new-images/menuspacer.jpg);
	background-repeat: no-repeat;
 }
#topnav ul{margin:0;padding:0;list-style:none;}
#topnav li {
	float: left;
	height: 36px;
 }
#topnav li:hover, #topnav li.hover {
    position: static;
}
#topnav a {
	display:block;
	height:36px;
	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:78px;}
#calendarmenu, #calendarmenu a {width:70px;}
#jazzfest, #jazzfest a {width:71px;}
#performance, #performance a {width:117px;}
#showtime, #showtime a {width:164px;}
#curriculum, #curriculum a {width:165px;}
#artsprep, #artsprep a {width:70px;}
#creativearts, #creativearts a {width:108px;}



#about a {background-image: url(/new-images/menu2009/tm-about.gif);}
#calendarmenu a {background-image: url(/new-images/menu2009/tm-calendar.gif);}
#jazzfest a {background-image: url(/new-images/menu2009/tm-jazzfest.gif);}
#performance a {background-image: url(/new-images/menu2009/tm-performance.gif);}
#showtime a {background-image: url(/new-images/menu2009/tm-showtime.gif);}
#curriculum a {background-image: url(/new-images/menu2009/tm-curriculum.gif);}
#artsprep a {background-image: url(/new-images/menu2009/tm-artsprep.gif);}
#creativearts a {background-image: url(/new-images/menu2009/tm-creativearts.gif);}

#about a:hover {background-position:0 -36px;}
#calendarmenu a:hover {background-position:0 -36px;}
#jazzfest a:hover {background-position:0 -36px;}
#performance a:hover {background-position:0 -36px;}
#showtime a:hover {background-position:0 -36px;}
#curriculum a:hover {background-position:0 -36px;}
#artsprep a:hover {background-position:0 -36px;}
#creativearts a:hover {background-position:0 -36px;}

/* 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" */