ul.dropdown,
ul.dropdown ul,
ul.dropdown ul ul,
ul.dropdown li,
ul.dropdown ul li,
ul.dropdown ul ul  li
		{ list-style: none; 
		margin: 0px;
		padding: 0px;

	text-transform: uppercase;
	font: normal 8pt verdana;
		
		}

ul.dropdown li,
ul.dropdown ul li,
ul.dropdown ul ul  li
{
	margin: 0px;
	padding: 2px;
}		
		
/* 
	LEVEL ONE
*/
ul.dropdown                         
{
 position: relative; 
 margin-left: 5px;
}

ul.dropdown li                      { font-weight: bold; float: left; zoom: 1; color: #fff; /* background: #ccc;*/ /*height: 40px;*/ }
ul.dropdown a:hover		            { color: #000; }
ul.dropdown a:active                { 
color: #ffa500;
 }
ul.dropdown li a                    { display: block; padding: 4px 8px; 
	 								  color: #fff;
									  text-decoration: underline;

									  }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover {
	background: #F3D673;
	color: #000;
	position: relative;
}

ul.dropdown li.hover a              { color: #000; }


/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ width: 320px; visibility: hidden; position: absolute; top: 100%; left: 0; 
border: 1px solid #fff; border-bottom: 0px;

}
ul.dropdown ul li {
	font-weight: normal;
	background: #fff url('/images/bullet.gif') 5px center no-repeat;
	color: #fff; 
	font-size: 10pt;
	font-family: verdana, arial;
	text-transform: none;
	border-bottom: 1px dotted #666;
	float: none;
	padding-left: 10px;
}
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a { 
	border-right: none;
	width: 100%;
	display: inline-block;
	text-decoration: none;
	color: #fff;
} 
									  
ul.dropdown ul li a:hover
{
	text-decoration: none;
}									  

/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }
ul.dropdown ul ul li  a{
	font-weight: bold;
	padding-left: 15px;
}