/* remove the list style */  
#nav {  
    margin:0;   
    padding:0;   
    list-style:none; 
	color: White;
	font-weight: bold;
	font-size: 8pt; 
	z-index: 1000;
}     
      
/* make the LI display inline */  
/* it's position relative so that position absolute */  
/* can be used in submenu */  
#nav li {  
    float:left;   
    display:block;   
    width:146px;     
    height: 27px;
    position:relative;  
    z-index: 5;   
    margin: 0 0px;
}  
      
/* this is the parent menu */  
#nav li a {  
    display:block;   
    padding: 3px 5px 2px 5px;   
    font-weight:700;    
    text-decoration:none;   
    color:#fff;    
    margin-left: 13px;
}  

#nav li a:hover {  
    color:#fff;  
}  
  
/* you can make a different style for default selected value */  
#nav a.selected {  
    /*color:#f00;  */
}  
  
/* submenu, it's hidden by default */  
#nav ul {  
    position:absolute;   
    left:0px;  
    top:26px; 
    display:none;    
    padding: 0 0 10px 0;   
    list-style:none;  
}  
  
#nav ul li {  
    width:146px;   
    float:left;
    height: auto; 
}  
  
/* display block will make the link fill the whole area of LI */  
#nav ul a {  
    display:block;   
}  
  
#nav ul a:hover {  
    text-decoration:underline;    
}  
  
/* fix ie6 small issue */  
/* we should always avoid using hack like this */  
/* should put it into separate file : ) */  
*html #nav ul {  
    margin:0 0 0 -2px;  
}