*					{ margin: 0; padding: 0; }
#page-wrap				{ width: 840px; height: 40px; margin: 0px auto; } 
a					{ text-decoration: none; }
ul					{ list-style: none; }
p					{ margin: 15px 0; }

/* 
	LEVEL ONE
*/
ul.dropdown				{ position: relative; }
ul.dropdown li				{ width: 140px; font-weight: normal; float: left; zoom: 1; background: #ffd700; }
ul.dropdown a:hover			{ color: #000; }
ul.dropdown a:active			{ color: #ffd700; }
ul.dropdown li a			{ display: block; padding: 12px 14px; font-size: 12px; border-right: 1px solid #333; color: #222; }
ul.dropdown li:last-child a		{ border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover			{ background: #ff8c00; color: black; position: relative; }
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 			{ width: 220px; font-weight: normal; background: #ffd700; color: #000; 
						  border-bottom: 1px solid #ccc; float: none; }
									  
/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a			{ border-right: none; width: 190px; display: inline-block; } 

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