/* @override 
	http://www.zionsville-in.gov/_css/jquerycssmenu.css
	http://zionsville-in.gov/_css/jquerycssmenu.css
*/

#topnav {
	padding: 0 10px 0 0;
	position: relative;
	z-index: 999;
}

#topnav ul {
	margin: 0; padding: 0;
	float: right;
}
/*Top level list items*/
.jquerycssmenu ul li{
	position: relative;
	display: inline;
	text-transform: uppercase;
	list-style-type: none;
	width:auto; 
	_width: 150px; /*IE6 hack*/
	float: left; 
	}
#topnav.jquerycssmenu ul li{
	float: left;
}
#navbar.jquerycssmenu{
	padding: 0;
	width: 224px;
}

/*Top level menu link items style*/
.jquerycssmenu ul li a{
display: block;
margin: 0; /*spacing between tabs*/
color: #fff;
text-decoration: none;
font-weight: bold;
padding: 4px 6px;
	background-repeat: no-repeat;
}

a.MenuBarItemSubmenu {
	background: url(../images/arrow-right.png) 208px center;
}
#navbar.jquerycssmenu ul li a:hover{
text-decoration: none;
}
#topnav.jquerycssmenu ul li a{
height: 22px;
line-height: 22px;
}

#topnav ul li ul li a {
	padding: 6px 10px;
	font-weight: normal;
}

.jquerycssmenu ul li ul li a:hover{
	background-color: #9fa617;
}
	
/*1st sub level menu*/
.jquerycssmenu ul li ul{
position: absolute;
top: 0;
left: 0;
display: block;
visibility: hidden;
margin: 0;
padding: 0;
border-top: solid 4px #f99d31;
border-bottom: 3px solid #fce254;
z-index: 9999;
}

#navbar.jquerycssmenu ul li ul{
top: 0 !important;
left: 100px !important;
}
/*Sub level menu list items (undo style from Top level List Items)*/
#topnav.jquerycssmenu ul li ul li{
	display: list-item;
	float: none;
	line-height: 1em;
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 12px;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jquerycssmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.jquerycssmenu ul li ul li a{
	min-width: 170px;
	white-space: nowrap;
	color: #555B06;
	padding: 4px;
	margin: 0;
	border-top-width: 0;
	border-bottom: 1px solid #898989;
	background-color: #f99d31;
	font-size: 12px;
	border-color: #fce254;
}

.jquerycssmenu ul li a:hover, .jquerycssmenu ul li.current a,
.jquerycssmenu ul li:hover > a { /*sub menus hover style*/
	background-color: #f99d31;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 7px;
right: 5px;
display: none;
}

.rightarrowclass{
position: absolute;
top: 5px;
right: 5px;
display: none;
}