*	{ 
	margin:0; 
	padding:0; 
}
body { 
	font:14px Helvetica, Sans-Serif;
} 
#page-wrap { 
	width:800px; 
	margin:25px auto; 
} 
a	{ 
	text-decoration:none;
}
ul { 
	list-style:none; 
}
p { 
	margin:15px 0;
}

/* 
	LEVEL ONE
*/
ul.dropdown { 
	position:relative; 
	z-index:100; 
}
ul.dropdown li { 
	font-weight:normal; 
	float:left; 
	zoom:1; 
	background:#BACDDC; 
}
ul.dropdown a:hover	{ 
	color:black; 
}
ul.dropdown a:active {
	color:#FFFFFF;
}
ul.dropdown li a { 
	display:block; 
	padding:4px 20px; 
	border-right:1px solid #8DACC5;
	color:#222; 
}
ul.dropdown li:last-child a { 
	border-right:none; } /* Doesn't work in IE */

ul.dropdown li.hover, ul.dropdown li:hover {
	color:white;
	position:relative;
	background-color:#789CBA;
}
ul.dropdown li.hover a  { 
	color:black; 
}






/*
	LEVEL TWO
*/
ul.dropdown ul 						{ width:220px; visibility:hidden; position:absolute; top:100%; left:0; }
ul.dropdown ul li 					{ font-weight:normal; background:#f6f6f6; color:#000; 
									  border-bottom:1px solid #ccc; float:none; }
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right:none; width:100%; display:inline-block; } 

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