#navbar {
	background: #ccc;
	margin: 0;
	padding: 0px 20px;
	height: 38px;
}

#navbar a {
	color: #444;
	font-size: 16px;
}

#navbar ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	} 

#navbar ul li {
	margin: 0;
	padding:0;
	list-style: none;
	line-height:18px;
	display: inline;
	}


/* 
	LEVEL ONE
*/
ul.dropdown                         { position: relative; }
ul.dropdown li                      { float: left; }
ul.dropdown li a                    { display: block; padding: 10px; }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li:hover                { position: relative; background-color: #ffff00; }


/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ width: 200px; visibility: hidden; position: absolute; top: 100%; left: 0; }
ul.dropdown ul li 					{ font-weight: normal; 
									  border-bottom: 1px solid #ccc; float: none; background-color: #ff0000; }
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; } 

/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: -10px; }
ul.dropdown li:hover > ul 			{ visibility: visible; }