.navigation { 
width:100%; 
float:left; 
height:31px; 
font-family:Arial, Helvetica, sans-serif; 
font-size:101%; 
position:relative; 
background-color:#89ab20; 
z-index:9; 
 }

.navigation ul { 
margin: 0; 
padding: 0; 
list-style-type: none; 
 } 

/*Top level list items*/
.navigation ul li { 
position: relative; 
display: inline-block;
margin-right: -4px; 
 } 
/*Top level menu link items style*/
.navigation ul li a { 
display: block; 
color: white; 
padding:0px 23px; 
line-height:31px; 
text-decoration: none; 
font-size:12px; 
border-right:#FFF solid 1px; 
 } 
.navigation ul li a.last { 
border-right:none; 
 } 
* html .navigation ul li a { /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block; 
 } 
.navigation ul li a:link, .navigation ul li a:visited { 
color: white; 
 } 
.navigation ul li a.selected { /*CSS class that's dynamically added to the currently active menu items' LI A element*/
color:#fff; 
background-color:#5f7c04; 
 } 
.navigation ul li a:hover { 
color:#fff; 
background-color:#5f7c04; 
 } 
/*1st sub level menu*/
.navigation ul li ul { 
position: absolute; 
left: 0; 
display: none; /*collapse all sub menus to begin with*/
visibility: hidden; 
background-color:#5f7c04; 
border-top:none; 
padding:0px 0px; 
 } 
/*Sub level menu list items (undo style from Top level List Items)*/
.navigation ul li ul li { 
display: list-item; 
float: none; 
 } 
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.navigation ul li ul li ul { 
top: 0; 
 } 
/* Sub level menu links style */
.navigation ul li ul li a { 
font: normal 11px Verdana; 
width: 180px; /*width of sub menus*/
padding: 7px 10px 0px 10px; 
height:23px; 
margin: 0; 
border:none; 
background-image:none; 
border-bottom:#fff solid 1px; 
 } 
.navigation ul li ul li a:hover { 
background-color:#0086b2; 
 } 
.navigation ul li ul li a.selected { 
background-color:#0086b2; 
 } 
.navigation ul li a.dropdown:hover { 
background-color:#0086b2; 
background-repeat:no-repeat; 
 } 
.navigation ul li a.dropdown { 
background-image:url(../images/menuarrow.png);
background-position:96% 45%; 
background-repeat:no-repeat; 
 } 
.navigation ul li ul ul { 
margin-left:3px; 
 } 
/* Holly Hack for IE \*/
* html .navigation { 
height: 1%; 
 } 
/*Holly Hack for IE7 and below*/
/* ######### CSS classes applied to down and right arrow images ######### */
.downarrowclass { 
position: absolute; 
top: 17px; 
right: 7px; 
 } 
.rightarrowclass { 
	position: absolute; 
	top: 6px; 
	right: 5px; 
 } 
/* ######### CSS for shadow added to sub menus ######### */
.ddshadow { 
	position: absolute; 
	left: 0; 
	top: 0; 
	width: 0; 
	height: 0; 
 } 
 .navigation select {
 	display: none;
 	padding: 5px;
 	margin-bottom: 10px;
 	background: #3c3c3c;
 	border: #1d1d1d solid 1px;
 	box-shadow: 0px 0px 2px #000 inset;
 	width: 100%;
 	color: #FFF;
 	-webkit-box-sizing: border-box;
 	-moz-box-sizing: border-box;
 	box-sizing: border-box;
 }