/* 
	LEVEL ONE
*/
ul.dropdown                         { position: relative; list-style: none; top:-8px; }
ul.dropdown li                      { display: inline; font-size: 12px; font-weight: bold; text-transform: uppercase; float: left; zoom: 1;  }
ul.dropdown a:hover		            { color: #000; background: transparent url(../images/navHover.jpg) repeat-x; border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding: 12px 20px 9px 20px;}
ul.dropdown a:active                { color: #ffa500; }
ul.dropdown li a                    { color: #5b5b5b; text-decoration: none; display: block; padding: 12px 21px 9px 21px; }
/*ul.dropdown li:last-child a         { border-right: none; }  Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li a:hover              { color: black; position: relative;  }
ul.dropdown li.hover a              { color: black; }


/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ width: 170px; visibility: hidden; position: absolute; top: 30px; left: 0; z-index: 1000; }
ul.dropdown ul li 					{ font-weight: normal; background: #f6f6f6; color: #000; float: none; }
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ background-color: #c7c7c7; border-right: none; width: 170px; display: inline-block; margin: 0; padding: 3px 5px; text-align: left;  } 

ul.dropdown ul li a:hover 			{padding: 3px 5px; border: none; background: #F5f5f5 url();}

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