/* ------------ TOP MAIN MENU RULES ------------ */
#topnav {
	font-size: 11px;
	list-style-type:none;
	position:relative;
	height:36px;
	width:inherit;
	background-image: url(images/menuspacer.jpg);
	background-repeat: no-repeat;
	border:thick;
	border:#333333;
	
 }
#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: 170px;
	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:58px;}
#calendarmenu, #calendarmenu a {width:89px;}
#music, #music a {width:69px;}
#dance, #dance a {width:71px;}
#jazzfest, #jazzfest a {width:87px;}
#performance, #performance a {width:111px;}
#showtime, #showtime a {width:179px;}
#education, #education a {width:152px;}

#about a {
	background-image: url(images/tm-about.gif);
	background-position: center top;
}
#calendarmenu a {background-image: url(images/tm-calendar.gif);}
#music a {background-image: url(images/tm-music.gif);}
#dance a {background-image: url(images/tm-dance.gif);}
#jazzfest a {background-image: url(images/tm-jazzfest.gif);}
#performance a {background-image: url(images/tm-performance.gif);}
#showtime a {background-image: url(images/tm-showtime.gif);}
#education a {
	background-image: url(images/tm-education.gif);
	background-position: 0px 0px;
}

#about a:hover {
	background-position:center bottom;
	background-image: url(../images/tm-about.gif);
	background-attachment: fixed;
	background-repeat: no-repeat;
}
#calendarmenu a:hover {background-position:0 -36px;}
#music a:hover {background-position:0 -36px;}
#dance 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;}
#education a:hover {
	background-position:0 -36px;
	background-image: url(../images/tm-education.gif);
}

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