/* 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 {
	width: 999px;
	position: relative;
	z-index:999 !important;
	padding: 0;
	margin: 0;
	text-align: left;
	background-color: #666666;
	font: bold 13px arial; color: #00afef;

}
#main_nav ul { padding:0; margin:0; }
	/* first tier nav menu */
	#main_nav ul li {float:left; margin:0; color: #00a5c6; padding: 0; margin: 0; display: inline; margin: 0 20px 0 10px; }
	#main_nav ul li:hover,#main_nav ul li.sfhover {background:#171c21; }
		/* top level link style */
		#main_nav ul li a {padding: 8px 14px 8px 14px; display:block; text-decoration:none; font: bold 13px arial; color: #fff; }
		#main_nav ul li a:hover {font: bold 13px arial; color: #00afef; background:#171c21;  }
		#main_nav ul li ul, #main_nav ul li ul li ul { display:none;  }
		#main_nav ul li ul:hover, #main_nav ul li ul li ul:hover { background:#171c21;}

	/* 2nd tier nav menu */
	#main_nav ul li ul { list-style: none; }
	#main_nav ul li ul li { border:0; margin: 0; padding: 0; }
	/* 2nd tier link style */
	#main_nav ul li ul li a {width:220px; background:#171c21; font: normal 12px arial; color: #fff; text-decoration: underline; padding: 5px 3px 7px 14px;}
	#main_nav ul li ul li a:hover {width:220px; background:#171c21; font: normal 12px arial; color: #00a5c6; text-decoration: underline;}
	/* styles for activated 2nd tier menu */
	#main_nav ul li:hover ul ,#main_nav ul li.sfhover ul {width:237px; display:block; position:absolute; margin:0;}
		/* hides 3rd tier menu on 2nd tier activation */
		#main_nav ul li:hover ul li ul ,#main_nav ul li.sfhover ul li ul{display:none;}

	/* 3rd tier nav menu */
	#main_nav ul li ul li ul { list-style:none; border: none; width:200px; overflow:hidden; position: relative; margin-top: 4px;z-index:999 !important;}
	#main_nav ul li ul li ul li { margin: 0; padding: 0; }
	/* 3rd tier link style */
	#main_nav ul li ul li ul li a {width:200px; background:#171c21; color:#888888;}
	/* styles for activated 3rd tier menu also overridden in ie7.css */
	#main_nav ul li ul li:hover ul ,#main_nav ul li ul li.sfhover ul{width:200px; display:block; position:absolute; margin:-28px 0 0 198px;}
	#main_nav li:hover ul,#main_nav li.sfhover ul { display: block }