#menu ul#navigate {
z-index:5000;
width:195px;
background:url(../images/menutop.png) no-repeat left top;
padding:0;
margin:0;
padding-top:27px;
}

#menu ul#navigate li {
list-style:none;
position:relative;
/*float: left;*/
/* commented for flyout use else dropdown*/
line-height:.8em;
width:195px;
}

#menu ul#navigate li a {
display:block;
padding-left:12px;
line-height:30px;
color:#fff;
text-decoration:none;
background:#73a931;
border-bottom:1px solid #99c069;
text-align:left;
}

#menu ul#navigate li.active a {
background:#4d7125;
}

#menu ul#navigate li a span {
background:url(../images/plus.png) no-repeat 85% 50%;
width:195px;
display:block;
}

#menu ul#navigate li ul {
display:block;
position:absolute;
left:-999em;
/* this makes it more accessible than display:none; */
width:195px;
background:#555;
border-top:1px solid #99c069;
border-right:1px solid #99c069;
border-bottom:0 solid #99c069;
border-left:1px solid #99c069;
z-index:99999;
}

#menu ul#navigate li:hover ul,#menu ul#navigate li.over ul {
display:block;
left:178px;
/* the postion near main menu */
top:-1px;
/* align with top of main menu */
position:absolute;
z-index:4000;
width:195px;
}

#menu ul#navigate li ul li {
width:195px;
height:auto;
background:transparent;
text-indent:0;
padding:0;
border-bottom:1px solid #99c069;
}

#menu ul#navigate li:hover ul li a,#menu ul#navigate li.over ul li a {
display:block;
width:185px;
/*this is to adjust if used some background image for dropdown */
background:transparent;
text-decoration:none;
margin:0;
color:#fff;
background:#4d7125;
text-indent:0;
text-align:left;
border:0;
white-space:nowrap;
padding-left:10px;
}

#menu ul#navigate li ul li a:hover {
color:#fff;
background:#8ab951;
}

#menu ul#navigate li.active a,#menu ul#navigate li a:hover,#menu ul#navigate li:hover a,#menu ul#navigate li.over a {
background:#4d7125;
}