/* 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:#fff;
font-size:13px;
font-weight:bold;
padding:8px 20px 15px 20px;
display:block;
z-index:1500;
position:relative;
background:transparent;

}

#nav ul.menu a:hover{
text-decoration:none;
background:url(../images/nav_a.png);
height:12px;
color:#ff0000;

}

#nav ul.menu li.active a{
color:#fff;
background:url(../images/nav_a.png);
height:12px;

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

}

#nav ul.menu ul a{

}
/* mainlevel's li */
#nav ul.menu li{
float:left;
position:relative;
padding:px 12px 12px 8px;

}
#nav ul.menu li.back{
background-color:transparent;
background-image:none;
position:absolute;
z-index:5;
width:9px;
height:60px;
padding:0;
float:none;
margin-left:10px;
padding:10px;
}
/*sublevel's ul */
#nav ul.menu li ul{
position:absolute;
background:url(../images/subpanel.png) top left no-repeat;
display:none;
top:20px; /* equals to mainlevel's menu link's height */
height:190px;
padding-top:20px;
width:190px;
left:px;
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:transparent;
}

/*sublevel's menu links */
#nav ul.menu li ul a{
display:block;
color:#fff;
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:url(../images/nav_a.png);
}
#nav ul.menu li ul li.active a{
background:none;
color:#fff;
}
/* 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 
}*/