#nav2{
     position:absolute;
     list-style: none; 
     font-size:smaller;
     top:2px;
     left:2px;
     z-index:30000;
     padding: 0;
     margin:0;
     }


#nav2 ul { 
    padding: 0;
    margin:0;
    list-style: none;
    width:7em;
    z-index:99;
    position:relative;
    overflow:visible;  
    }

#nav2 li { 
    padding: 0;
    margin:0;   
    position: relative; 
    float:left;
    width: 7em;
    background-color:#fafaf5;
    border:dashed 1px blue;
    border-width:1px 0px 1px 0px;
    display:block;
    height:1.9em;
 }




#nav2 ul li{border:dashed 1px blue;border-width:1px 1px 0px 1px;}
#nav2 ul li:last-child{ border-width:1px;}
#nav2 ul ul li{ border-width:1px 1px 0px 1px;}
#nav2 ul ul li:last-child{border-width:1px;}
 

#nav2 a {
    text-decoration:none; 
    display:block;
    padding: 0.1em;  
    margin:0.2em 0 0.2em 0.1em; 
    width:6.5em; 
    height:1.2em;
}

#nav2 a:hover, #nav2 li:hover{color:red;}
#nav2 ul li:hover, #nav2 ul li a:hover{color:red;}


#nav2 ul{
    display:none;   
}

/*all see this */
#nav2 ul ul, #nav2 ul ul ul{
    display:none; 
    position:absolute; 
    margin-top:-1.77em; 
    margin-left:6.9em;

}

/* non-IE browsers see this */
 #nav2 ul li>ul, #nav2 ul ul li>ul{
    margin-top:-1.77em; 
 }

 
#nav2 li:hover ul ul, #nav2 li:hover ul ul ul, #nav2 li:hover ul ul ul ul, #nav2 li:hover ul ul ul ul ul{
    display:none; 
}

#nav2 li:hover ul, #nav2 ul li:hover ul, #nav2 ul ul li:hover ul, #nav2 ul ul ul li:hover ul, #nav2 ul ul ul ul li:hover ul{
    display:block;
}



li>ul { 
	top: auto;
	left: auto;
}