.clear {clear:both}	
#nav { margin:0;  padding:0;  list-style:none; }	
#nav li { margin: 0px -2px; padding:0px; list-style:none; float:left; position:relative; }
#nav li a {
		display:block; 
		padding-right:3px;
		font-weight:700;  
		height:23px; 
		text-decoration:none; 
		color:#fff; 
		text-align:center; 
		color:#333;
	}

#nav li a:hover { color:#fff; }
	
		/* submenu, it's hidden by default */
		#nav ul {
			position:absolute; 
			left:0; 
			display:none; 
			margin: 0px 0 0 -1px; 
			padding:0; 
			list-style:none;
			background:#959595;
			z-index:100;
		}
		
		#nav ul li {
			width:200px;
			float:left; 
			border-bottom:1px solid #d2d2d2;
		}
		
		/* display block will make the link fill the whole area of LI */
		#nav ul a {
			display:block;  
			height:15px;
			padding: 8px 10px; 
			color:#f1efef;
			text-align:left;
		}
		
		#nav ul a:hover {
			text-decoration:underline;	
		}

*html #nav ul {
	margin:0 0 0 -2px;
}