.nav { width:750px; font-size:0.85em; padding-bottom:200px;left:10px; top:168px;z-index:20;position:relative;list-style-type:none; } 
  
.nav, .nav ul{ list-tyle:none};
/* remove all the bullets, borders and padding from the default list styling */ 
  
.nav ul {padding:0; margin:0; list-style-type:none;background:none; }   
.nav ul ul {list-style-type:none;width:150px; z-index:20;position:relative;}  
.nav li {list-style-type:none;float:left; width:150px; position:relative;background:none;padding-left:0; } 

  
.nav a, .nav a:visited 
{  
     display:block; font-size:12px; font-weight:bold; text-decoration:none; color:#fff; width:139px; 
     padding:0; margin:0;
     height:30px; 
     border:1px solid #666; 
     border-width:1px 1px 0 0; 
     border-top:1px solid #1E1E1E; 
     
     background::#1E1E1E;; 
     padding-left:10px; 
     line-height:29px;   
} 

.nav ul li ul a, .nav ul li ul a:visited 
{
    border:1px solid #fff; 
    border-width:1px 1px 0 0; 


}
  
/* a hack so that IE5.5 faulty box model is corrected */ 
  
* html .nav a, * html .nav a:visited 
{  
   width:150px; 
   w\idth:139px;   
   
} 
  
/* style the second level background */ 
  
.nav ul ul a.drop, .nav ul ul a.drop:visited {   background:#949e7c;   }   
/* style the second level hover */  
.nav ul ul a.drop:hover {    background:#c9ba65; }    
.nav ul ul :hover > a.drop { background:#c9ba65; }     
/* style the third level background */   
.nav ul ul ul a, .nav ul ul ul a:visited { background:#e2dfa8; }  
/* style the third level hover */   
.nav ul ul ul a:hover { background:#b2ab9b; }   
.nav ul ul ul :hover > a { background:#b2ab9b; }    
/* hide the sub levels and give them a positon absolute so that they take up no room */   
.nav ul ul { visibility:hidden; position:absolute; height:0; top:31px; left:0; width:150px; }   
/* another hack for IE5.5 */ 
  
* html .nav ul ul { top:30px; t\op:31px; } 
  
  
/* position the third level flyout nav */   
.nav ul ul ul{ left:150px; top:0; width:150px; }   
/* position the third level flyout nav for a left flyout */   
.nav ul ul ul.left { left:-150px; }     
/* style the table so that it takes no part in the layout - required for IE to work */   
.nav table {position:absolute; top:0; left:0;}     
/* style the second level links */   
.nav ul ul a, .nav ul ul a:visited { background:#d4d8bd; color:#333; height:auto; line-height:1em; padding:5px 10px; width:129px } 
  
* html .nav ul ul a{ width:150px; w\idth:129px;}    
  
  
  
/* style the top level hover */ 
  
.nav a:hover, .nav ul ul a:hover
{ 
  
     color:#fff; 
     background:#949e7c; 
  
} 
  
.nav :hover > a, .nav ul ul :hover > a 
{ 
  
     color:#fff; 
     background:#949e7c; 
} 
  
  
/* make the second level visible when hover on first level list OR link */  
.nav ul li:hover ul, .nav ul a:hover ul{ visibility:visible; }   
/* keep the third level hidden when you hover on first level list OR link */   
.nav ul :hover ul ul{ visibility:hidden; }   
/* keep the fourth level hidden when you hover on second level list OR link */   
.nav ul :hover ul :hover ul ul{ visibility:hidden; }  
/* make the third level visible when you hover over second level list OR link */   
.nav ul :hover ul :hover ul{ visibility:visible; }
/* make the fourth level visible when you hover over third level list OR link */   
.nav ul :hover ul :hover ul :hover ul { visibility:visible;}