* { 
	margin: 0; 
	padding: 0; 
}

#page-wrap { 
	width: 548px; 
	margin: 25px auto; 
} 

a	{
	text-decoration: none; 
}

ul	{
	list-style: none; 
   font-size: .78em; /* font size for menu */
   z-index: 9999;
}

p { 
	margin: 15px 0; 
}

/* 
	LEVEL ONE
*/
ul.dropdown { 
	position: relative; 
}
ul.dropdown li { 
	font-weight: bolder; 
	float: left; 
	z-index: 999; 
	background: #8c8c6b; 
}

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

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

ul.dropdown li a { 
	display: block; 
	padding: 4px 8px; 
	border-right: 1px solid #333;
	color: #eeeeee; 
}
ul.dropdown li:last-child a { 
	border-right: none; 
} /* Doesn't work in IE */

ul.dropdown li.hover,
ul.dropdown li:hover { 
	background: #6b7b8c; 
	color: black; 
	position: relative; 
}

ul.dropdown li.hover a { 
	/* color: black; */
	color: white;
}


/* 
	LEVEL TWO
*/

ul.dropdown ul { 
	width: 220px; 
	visibility: hidden; 
	position: absolute; 
	top: 100%; 
	left: 0; 
	font-size: 1em;
}

ul.dropdown ul li {
	font-weight: normal; 
	
	background: #6b7b8c;
	/* background: orange;
	font-style: italic; */
	color: #ffffff; 
	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; 
} 
ul.dropdown ul li.hover a { 
	/* color: black; */
}

/* 
	LEVEL THREE
*/

ul.dropdown ul ul 
{ 
	left: 100%; 
	top: 0; 
}

ul.dropdown li:hover > ul { 
	visibility: visible; 
}