.clear {clear:both}	

/* remove the list style */
#nav {
	margin: 0 0 0 0; 
	padding:0 0 0 50px; 
	list-style:none;
}	
	
/* make the LI display inline */
/* it's position relative so that position absolute */
/* can be used in submenu */
#nav li {
	float:left; 
	display: block; 
	position:relative;
	z-index:500;
	height: 33px;
}
		
/* this is the parent menu */
#nav li a, #nav li span {
	display: block; 
	height: 33px; 
	line-height: 33px;
	text-decoration:none; 
	color:#fff;
	padding: 0 5px 0 5px;
	margin: 0 5px 0 5px;
}

#nav li a:hover {
	color:#fff;
}
	
/* submenu, it's hidden by default */
#nav ul {
	position:absolute; 
	left:0; 
	display:none; 
	margin: 0 0 0 -1px; 
	padding:0; 
	list-style:none;
}

#nav ul li {
	width: 150px;
	float:left; 
	background-color: #2e82ff;
	text-align: left;
	height: 33px;
	line-height: 33px;
	font-size: 0.7em;
}
/* display block will make the link fill the whole area of LI */
#nav ul a {
	display:block;  
	height: 33px;
	line-height: 33px;
	padding: 0 5px 0 5px;
}

#nav ul li:hover
{
    background-color: #74acff;
}
/* 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;
}