#nav{list-style: none; margin:0px; padding-top: 1px;}
 #nav ul { 
padding: 0;
margin:0;
list-style: none;
width:100px;
z-index:999;
position:relative;
overflow:visible;
}
#nav li { 
margin:0;   
position: relative; 
float:left;
width:90px;
display:block;
text-align: center;
border-right:solid 0px #CECECE;
}
#nav ul li{ 
text-align: left;
margin-top: -1px;
margin-left: -1px;
background-color:#f5f5f5;
border:solid 1px #CECECE;
height: auto;
width: 160px;
}
#nav ul li a{
text-align: left;
padding-left: 5px;
}
#nav a {
text-align: center;
text-decoration:none; 
display:block;
padding: 0.1em;  
margin:0.2em 0 0.4em 0.1em;
}
#nav a:hover, #nav li:hover{
color: #3d6fc2;
background-color:#e4eaf4;
}
#nav ul li:hover, #nav ul li a:hover{
background-color:#e4eaf4;
}
#nav ul{
display:none;   
}
/*all see this */
#nav ul ul, #nav ul ul ul{
display:none; 
position:absolute; 
margin-top:-1.8em; 
margin-left:12em;
z-index: 999;
}
/* non-IE browsers see this */
 #nav ul li>ul, #nav ul ul li>ul{
margin-top:-1.35em; 
 }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li:hover ul ul ul ul ul{
display:none; 
}
#nav li:hover ul, #nav ul li:hover ul, #nav ul ul li:hover ul, #nav ul ul ul li:hover ul, #nav ul ul ul ul li:hover ul{
display:block;
z-index: 999;
}
li>ul { 
top: auto;
left: auto;
z-index: 999;
}
#nav li.current{
border-top: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
border-left: 1px solid #e6e6e6;
font-weight: bold;
}
/*
#nav li.current a{
color: #3d6fc2;
}*/
#nav li.current a:hover{
background: transparent;
color: #3e4ebf;
}
#nav-1.current{
background: #d7d9f2;
color: #000;
}
#nav-2.current{
background: #d3d8c4;
}
#nav-8.current{
background: #b4ddcd;
}
#nav-4.current{
background: #dee073;
font-weight: bold;
color: #fff;
}
#nav-5.current{
background: #aac7f1;
}