/* 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 {
		background-image: url(nav_bg_x_repeat.jpg);
		background-repeat:repeat-x;
		margin-top:0px;
		border-top:2px solid #626262;
		}

#main_nav ul {padding:0; margin:0; list-style:none;}
	/* first tier nav menu */
	#main_nav ul li {z-index: 20; float:left; list-style:none; margin:0;}
		/* top level link style */
		#main_nav ul li a {
			font:bold 1em Arial, Helvetica, sans-serif;
			color: #fff;
			padding:6px; 
			display:block; 
			text-decoration:none;
			}
		#main_nav ul li a:hover {background:#01498b; color:#FFF;}
		#main_nav ul li ul, #main_nav ul li ul li ul {display:none;}


	/* 2nd tier nav menu */
	#main_nav ul li ul {border:solid #333333; border-width:1px 0 0 0;}

	/* 2nd tier link style */
	#main_nav ul li ul li a {width:100px; background:#c5d6e6;}
	/* styles for activated 2nd tier menu */
	#main_nav ul li:hover ul {width:100px; display:block; position:absolute; margin:0; z-index:1000;}
		/* hides 3rd tier menu on 2nd tier activation */
		#main_nav ul li:hover ul li ul {display:none;}
		#main_nav .nav_second {
			position: relative; top:2px;left:25px;
		}	
		#main_nav .nav_second a {
		font:normal .8em Arial, Helvetica, sans-serif;
		color:#fff;
		text-decoration:none;		
		text-transform:uppercase;
		}
		#main_nav .drop_down li a {
			border-top: solid 1px #00539f;
		}
		#main_nav .drop_down a:link {
		font:normal .8em Arial, Helvetica, sans-serif;
		color:#00539f;
		text-decoration:none;
		text-transform:none;	
		}	
		#main_nav .drop_down a:visited {
		font:normal .8em Arial, Helvetica, sans-serif;
		color:#00539f;
		text-decoration:none;
		text-transform:none;				
		}				
		#main_nav .drop_down a:hover {
		color:#c5d6e6;
		text-decoration:none;
		text-transform:none;				
		}		
		#main_nav .drop_down a:active {
		font:normal .8em Arial, Helvetica, sans-serif;
		color:#00539f;
		text-decoration:none;
		text-transform:none;				
		}		
	#main_nav .nav_split {
		border-left:thin solid #3182cf;
		margin:0 4px 0 5px;
		height:30px;
		}	
	
/***************************************************/
/***** sticky states for 3 tiers of navigation *****/
/***************************************************/

/* sticky state for tier one nav items */
#main_nav ul li:hover > a {background:#01498b; color:#FFF;}

/* sticky state for tier 2 nav items */
#main_nav ul li ul li:hover > a {background:#00539f;}

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