/* 
	LEVEL ONE
*/
ul.dropdown{ 
	position: relative;
	list-style: none;
	margin: 0px;
	padding-top: 10px;
	color: #FFFFFF; 
	float: right;
}

ul.dropdown li{ 
	float: left; 
	display: block; 
	padding-right: 4px;
	padding-top: 2px;
}

ul.dropdown a:hover { 
	color: #FFFFFF; 
}

ul.dropdown a:active { 
	color: #FFFFFF; 
}

ul.dropdown li a { 
	color: #FFFFFF;
	font-family: verdana;
	text-decoration: none; 
	font-size: 16px;
}

ul.dropdown li:last-child a { 
	border-right: none; 

} /* Doesn't work in IE */

ul.dropdown li.hover, ul.dropdown li:hover { 
	color: #FFFFFF; 
	position: relative; 
}

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

/* 
	LEVEL TWO
*/
ul.dropdown ul{ 
	width: 200px; 
	visibility: hidden; 
	position: absolute; 
	top: 100%; 
	left: 0; 
	list-style: none;
	padding-left: 0px;
	padding-top: 7px;
	border-bottom: 2px #00aeef solid;
	z-index: 100;
}

ul.dropdown ul li hr {
	width: 100%;	
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	border-bottom:0px solid #FFFFFF;
}

ul.dropdown ul li { 
	font-weight: normal; 
	background: #151515; 
	color: #FFFFFF;
	float: none; 
	padding-left: 4px;
}
									  
/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a	{ 
	border-right: none; 
	width: 100%; 
	display: inline-block; 
	color: #FFFFFF;
} 

li#sub a {
	color: #FFFFFF;	
	font-family: verdana;
	font-size: 12px;
	border: 0px;
	text-decoration: none;
}

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