ul									{ list-style: none; margin:0; padding:0; float:left; }

/* NAV */
ul.menu                         	{ position: relative; list-style: none; margin:0; padding:0; float:left; }
ul.menu li                      	{ float: left; zoom:1; }
ul.menu li a                    	{ display: block; text-decoration:none;}


/* 
	LEVEL ONE
*/
ul.dropdown                         { position: relative; float:left; z-index:1;}
ul.dropdown li                      { float: left; zoom:1;}
ul.dropdown li a                    { display: block; text-decoration:none;}
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */


/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ width: 140px; margin:1px 0 0 1px; visibility: hidden;
									  position: absolute; top: 100%; left: 0; padding-top:-10px;}
ul.dropdown ul li 					{ font-weight: normal; background: #f6f6f6; color: #000;
									  border: 1px solid #666; border-top:none; float: none; overflow:visible; }
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a                 { color: #222; display: inline-block; padding:4px 0 4px 8px;
									  width: 131px; /* width = ul width minus margin and padding */ }
ul.dropdown ul li:hover             { background: #F3D673; color: black; position: relative; }
ul.dropdown ul li:hover a           { color: black; }

/* make the second level visible when hover on first level list OR link */
ul.dropdown ul li:hover ul,
ul.dropdown ul a:hover ul			{visibility:visible; }


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