LEVEL ONE
.dropdown                           {}
ul.dropdown                         { position: relative;list-style-type: none; font-size: 12px; text-transform: uppercase; font-weight: bold; height:28px }
ul.dropdown li                      { zoom: 1; background: #ccc; float: left; display: inline; background:url(images/li-bg.png) no-repeat right 0; }
ul.dropdown a:hover		            {}
ul.dropdown a:active                { }
ul.dropdown li a                    { display: block; border-right: 1px solid #333; line-height: 28px; color:#fff; text-decoration: none; padding:0 8px}
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { background: #74ccef; position: relative; }
ul.dropdown li.hover a              { color: white; }


/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ width: 120px; visibility: hidden; position: absolute; top: 100%; left: 0; }
ul.dropdown ul li 					{ font-weight: normal; background: #000; 
									   float: none; line-height: 28px; text-decoration: none; padding:0 0px; color:#FFF; padding-bottom:7px; padding-top:8px; padding-left:8px;}
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; color:#fff;} 
ul.dropdown ul li.hover a, ul.dropdown ul li:hover a           {color:#000;}

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