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


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

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

ul.nav a#active_menutop{
color:#ff0000;
background-color:#fae985;
}

ul.menu li.active ul a{
background:none;
color:#497800;
}

ul.nav ul a{
padding:10px 5px;
}
/* mainlevel's li */
ul.nav li{
float:left;
position:relative;
padding:2px 8px 10px 8px;
background:url(../images/dash-v.png) top right repeat-y;
}
ul.nav li.back{
background-color:#fae985;
background-image:none;
position:absolute;
z-index:5;
width:9px;
height:60px;
padding:0;
float:none;
margin-left:10px;
}
/*sublevel's ul */
ul.nav 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 */
ul.nav 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*/
ul.nav li li{
margin:0;
display:block;
padding:0;
background:none;
}

/*sublevel's menu links */
ul.nav li ul a{
display:block;
color:#497800;
font-weight:bold;
font-size:12px;
width:180px;
padding:5px 10px;
}
html>body ul.nav li ul a{ width:160px;}
ul.nav li ul a:hover, ul.nav li ul a#active_menutop:hover{
background-color:#d5e64a;
}
ul.nav li ul a#active_menutop{
background:none;
color:#497800;
}