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

/*
	LEVEL ONE
*/

ul.dropdown
{ position: relative; z-index: 1; }
ul.dropdown li
{ font-weight: bold; color: #FFFFFF; float: left; zoom: 1; background: #000033; }
ul.dropdown a:hover
{ color: #FFFFFF; }
ul.dropdown a:active
{ color: #FFFFFF ; }
ul.dropdown li a
{ display: block; padding: 4px 8px; border-right: 1px solid #ccc; color: #FFFFFF; }
ul.dropdown li:last-child a
{ border-right: none; }
/* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover
{ background: #B0C4DE  ; color: #FFFFFF; position: relative; }
ul.dropdown li.hover a
{ color: #FFFFFF; }


/*
	LEVEL TWO
*/
ul.dropdown ul
{ width: 240px; visibility: hidden; position: absolute; top: 100%; left: 0; }
ul.dropdown ul li
{ font-weight: normal; background: #000033 ; 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; }

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