/*set the z-index for the columns that gets dropped down over*/

#left{ 
z-index:20;
}
#right{
z-index:10;
}

/*set the position and z-index for the menu moduletable */
#nav{ 
position:relative;
z-index:100;
}

/* style for the mainlevel's ul and sublevel's ul */
#nav ul.menu,#nav ul.menu ul{
list-style:none;
margin:0;
padding:0;
float:left;
}
#nav ul.menu ul{
background:#ffd204 url(../images/dropdownbg.jpg) top left repeat-x;
width:200px;
border:#fff0ac 3px solid;
}
#nav ul.menu{
width:100%;
background-color:#ffd202;
}

/*style for the mainlevel links*/
#nav ul.menu a{
display:block;
padding:12px 16px;
text-decoration:none;
font-size:16px;
font-weight:bold;
color:#514300;
}
#nav ul.menu a:hover, #active_menu-top.mainlevel-top{
color:#947a00;
background-color:#ffe04f;
}
/* mainlevel's li */
#nav ul.menu li{
float:left;
padding:0;
margin:0;
background:none;

}
#nav ul.menu li{
float:left;
padding:0;
margin:0;
background:none;

}
/*sublevel's ul */
#nav ul.menu li ul{
position:absolute;
left:-999em;
top:42px; /* equals to mainlevel's menu link's height */
height:auto;
width:200px;
margin:0;
}
/*sub sub level's ul */
#nav ul.menu li ul ul{
position:absolute;
left:-999em;
top:0;
margin:0;
margin-left:200px;/* equals to sublevel's menu link's width */

}
/*sublevel's li*/
#nav ul.menu li li{
width:200px;
margin:0;
background:url(../images/dot.png) bottom left repeat-x;
}
#nav ul.menu1 li li{
width:200px;
margin:0;
background:url(../images/dot.png) bottom left repeat-x;
}
/*sublevel's menu links */
#nav ul.menu li ul a{
float:left;
font-size:13px;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
padding:6px 20px;
}
html>body #nav ul.menu li ul a{width:160px;}
#nav ul.menu li ul a:hover{
background:url(../images/dot.png) bottom left repeat-x;
}
/* for hiding the sub menus */
#nav ul.menu li:hover ul ul,#nav ul.menu li:hover ul ul ul,#nav ul.menu li.sfhover ul ul,#nav ul.menu li.sfhover ul ul ul{
left:-999em;
}
/* for showing the sub menus */
#nav ul.menu li:hover ul,#nav ul.menu li li:hover ul,#nav ul.menu li li li:hover ul,#nav ul.menu li.sfhover ul,#nav ul.menu li li.sfhover ul,#nav ul.menu li li li.sfhover ul{
left:auto;
z-index:6000;
}
#nav ul.menu li li:hover,#nav ul.menu li li.sfhover{
background:url(../images/dot.png) bottom left repeat-x; /*subleel's li's background when hovering */
}