/* below is an optional but suggested clearing utility class */
.clear_both {clear:both; height:0; overflow:hidden; margin:-1px 0 0 0;}

/***************************************************/
/*****             base menu system            *****/
/***************************************************/


#main_nav ul { padding:0; margin:0; list-style:none; z-index:999; }
	/* first tier nav menu */
	#main_nav ul li {float:left; list-style:none; margin:0; height:auto; }
		/* top level link style */
		#main_nav ul li a { padding:0 15px 0 15px; text-align:left; display:block; color: #FFFFFF; text-decoration:none; font-variant: small-caps; font-family: verdana; font-size: 16px; }
		#main_nav ul li a:hover { color:#000000;}
		#main_nav ul li ul, #main_nav ul li ul li ul {display:none; }
		
	/* 2nd tier nav menu */
	#main_nav ul li ul {}
	#main_nav ul li ul li {border:solid #333333 1px;}
	/* 2nd tier link style */
	#main_nav ul li ul li a {width:120px; background:#CCCCCC; color:#333333; font-size:14px;}
	/* styles for activated 2nd tier menu */
	#main_nav ul li:hover ul {width:120px; display:block; position:absolute; margin:0;}
		/* hides 3rd tier menu on 2nd tier activation */
		#main_nav ul li:hover ul li ul {display:none;}
	
	/* 3rd tier nav menu */
	#main_nav ul li ul li ul { width:150px; overflow:hidden;}
	#main_nav ul li ul li ul li {}
	/* 3rd tier link style */
	#main_nav ul li ul li ul li a {width:120px; background:#999999; color:#333333;}
	/* styles for activated 3rd tier menu also overridden in ie7.css */
	#main_nav ul li ul li:hover ul {width:150px; display:block; position:absolute; margin:-10px 0 0 150px;}
	
/***************************************************/
/***** sticky states for 3 tiers of navigation *****/
/***************************************************/

/* sticky state for tier one nav items */
#main_nav ul li:hover > a {
	color:#66CCFF;
}

/* sticky state for tier 2 nav items */
#main_nav ul li ul li:hover > a {background:#66CCFF; color:#FFF;}

/* sticky state for tier 3 nav items */
#main_nav ul li ul li ul li:hover > a {
	background:#FFF;
	color:#66CCFF;
}