/* style for the mainlevel's ul and sublevel's ul */
#nav ul.menu,#nav ul.menu ul{
float:left;
list-style:none;
margin:0;
padding:0;
}
#nav ul.menu{
position:relative;
}


/*style for the mainlevel links*/
#nav ul.menu a{
color:#000000;
font-size:14px;
font-weight:bold;
padding:28px 10px 10px 10px;
display:block;
z-index:1500;
position:relative;
}

#nav ul.menu a:hover{
text-decoration:none;
background-color:#DDEFFF;
}

#nav ul.menu li.active a{
color:#005CB0;
background-color:#DDEFFF;
}
#nav ul.menu li.active ul a{
background:none;
color:#497800;
}

#nav ul.menu ul a{
padding:10px 5px;
}
/* mainlevel's li */
#nav ul.menu li{
float:left;
position:relative;
padding:2px 8px 10px 8px;
background:url(../images/dash-v.png) top right repeat-y;
}
#nav ul.menu li.back{
background-color:#DDEFFF;
background-image:none;
position:absolute;
z-index:5;
width:9px;
height:60px;
padding:0;
float:none;
margin-left:10px;
}
/*sublevel's ul */
#nav ul.menu li ul{
position:absolute;
background:url(../images/subpanel.png) top left no-repeat;
display:none;
top:25px; /* equals to mainlevel's menu link's height */
height:161px;
padding-top:15px;
width:180px;
left:5px;
margin:0;
z-index:6000;
}
/*sub sub level's ul */
#nav ul.menu li ul ul{
position:absolute;
left:-999em;
top:auto;
margin:0;
/*margin-left:164px; equals to sublevel's menu link's width */
/*margin-top:-41px;  equals to mainlevel's menu link's height */
padding:0;
}
/*sublevel's li*/
#nav ul.menu li li{
margin:0;
display:block;
padding:0;
background:none;
}

/*sublevel's menu links */
#nav ul.menu li ul a{
display:block;
color:#497800;
font-weight:bold;
font-size:12px;
width:180px;
padding:5px 10px;
}
html>body #nav ul.menu li ul a{ width:160px;}
#nav ul.menu li ul a:hover, #nav ul.menu li ul li.active a:hover{
background-color:#d5e64a;
}
#nav ul.menu li ul li.active a{
background:none;
color:#497800;
}
/* for hiding the sub menus
#mainleveltop li:hover ul ul,#mainleveltop li:hover ul ul ul,#mainleveltop li.sfhover ul ul,#mainleveltop li.sfhover ul ul ul{
left:-999em;
} */
/* for showing the sub menus 
#mainleveltop li:hover ul,#mainleveltop li li:hover ul,#mainleveltop li li li:hover ul,#mainleveltop li.sfhover ul,#mainleveltop li li.sfhover ul,#mainleveltop li li li.sfhover ul{
left:auto;
z-index:6000;
}
#mainleveltop li li:hover,#mainleveltop li li.sfhover{
background:#039; /*subleel's li's background when hovering 
}*/