/* 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: 969px;
	padding: 0;
	margin: 0;
	background: #f6c238 url(../../images/bg-menu.gif) repeat-x top left;
	

}
#main_nav ul 
{
	margin: 0;
	padding: 8px 0 10px 0;
	border: 1px solid #d27d00;
	font: normal 12px 'Trebuchet MS';
	color: #263f5c;
	text-align: center;
	background: #f6c238 url(../../images/bg-menu.gif) repeat-x top left;
	 
}
	/* first tier nav menu */
	#main_nav ul li 
	{
		float:left; margin:0; 
		display: inline; 
		padding: 0 2px 0 6px; 
		background: transparent url(../../images/menu-tab.gif) no-repeat 0 4px;
		/*background: #f6c238 url(../../images/bg-menu.gif) repeat-x 0 4px;*/
	}
	
	#main_nav ul li.first {
	background-image: none;
}
	/* top level link style */
	#main_nav ul li a 
	{
		 display:block; 
		 text-decoration:none; 
		 font: normal 12px 'Trebuchet MS';
		 color: #263f5c;
	}
		
		#main_nav ul li a:hover 
		{
			font: normal 12px 'Trebuchet MS'; 
			color: #263f5c;
			background: #f6c238 url(../../images/bg-menu.gif) repeat-x 0 4px;
		}
		
		#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: #f6c238 url(../../images/bg-menu.gif) repeat-x ; }

	/* 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:190px; 
			background: #f6c238 ;
			font: normal 12px 'Trebuchet MS'; 
			color: #263f5c; 
			text-decoration:none; 
			padding: 0px 3px 5px 10px;}
			
	#main_nav ul li ul li a:hover 
	{
		width:190px; 
		background: #f6c238 ; 
		font: normal 12px 'Trebuchet MS';  
		color: #263f5c; 
		text-decoration: none;
	}
	/* styles for activated 2nd tier menu */
	#main_nav ul li:hover ul {width:200px; 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 { list-style:none; border: none; width:200px; overflow:hidden; position: relative; margin-top: 4px;}
	#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:#f6c238; color:#888888;}
	/* styles for activated 3rd tier menu also overridden in ie7.css */
	#main_nav ul li ul li:hover ul {width:200px; display:block; position:absolute; margin:-28px 0 0 198px;}