* 									{ margin: 0; padding: 0; }

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

/* 
	LEVEL ONE
*/
/* 
	line-height attribute helps fix the verticle centering of the text, or li a elements
*/
ul.dropdown                         { position: absolute; line-height: 32px; list-style: none; /*positioning added to fix conflict*/  }
ul.dropdown li                      {
	font-weight: bold;
	float: left;
	zoom: 1;
	width: 165px;
	height: 37px;
	background-color: #FFF;
}
ul.dropdown a:hover, ul.dropdown a:active {color: #FFF; }
                
ul.dropdown li a    {
	display: block;
	padding: 4px 8px;
	text-transform: uppercase;
	color: #222;
	text-align: center;
		
	font-size: 13px;
	text-decoration: none;
}
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                {
	color: black;
	position: relative;
	background-image: url(../images/nav-rollover.jpg);
	background-repeat: no-repeat;
	background-color: #06F;
}
ul.dropdown li.hover a              { color: #FFF; }


/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ list-style: none; /*not sure what this is: width: 220px; */visibility: hidden; position: absolute; top: 100%; left: 0; line-height: 20px;}
ul.dropdown ul li 					{
	font-weight: normal;
	color: #999;
	float: none;
	Height: 27px;
	width: 165px;
	background-color: #FFF;
}
ul.dropdown ul li:hover, 
ul.dropdown ul li:active {
	background-color: #07a944;
	background-image: url(../images/nav-rollover-secondary.jpg);
}
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a.secondary {
	border-right: none;
	width: 100%;
	display: inline-block;
	text-align: left;
	text-transform: none;
	font-size: 88%;
	color: #666;	
} 
ul.dropdown ul li a.secondary:hover,
ul.dropdown ul li a.secondary:active {color:#FFF; }

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