/* 
	LEVEL ONE
*/
ul.dropdown                         { position: relative; list-style:none; z-index:10 }
ul.dropdown li                      { 
	font-weight: bold; 
	float: left; 
	zoom: 1; 
	list-style:none;
	text-transform:uppercase;

}

ul.dropdown li.active {
	background-color:#333;
}

ul.dropdown a:hover		            { 
	color: #FFF;
	background:  none;
	background-color:#721421;
}


ul.dropdown a:active                { color: #ffa500; }
ul.dropdown li a, ul.dropdown li span{ 
	display: block;
	color: #FFF;
	padding: 9px 28px;
	text-decoration: none;
	border-left:solid 1px #FFF;
	white-space: nowrap;
	letter-spacing:2;
}
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { position: relative; }
ul.dropdown li.hover a              { color: #FFF; }


/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ width: 220px; visibility: hidden; position: absolute; top: 100%; left: 0; list-style:none; background-color:#333;}
ul.dropdown ul li 					{ font-weight: normal; color: #FFF; 
									  border-bottom: 1px solid #ccc; float: none;  list-style:none;}
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a, ul.dropdown ul li span { border-right: none; width: 204px; display: inline-block; padding:5px 8px 5px 8px; color:#FFF;} 
ul.dropdown ul li a:hover			{  } 

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