/* 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:2000; vertical-align:middle;}
	/* 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: white; text-decoration:none; font-variant: small-caps; font-family: arial; font-size: 15px; }
		#main_nav ul li a:hover { color: yellow;}
		#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 #061 1px; z-index:2000;}
	/* 2nd tier link style */
	#main_nav ul li ul li a {width:200px; background:#4e7d1f; color:white; font-size:13px; z-index:2000;}
	/* styles for activated 2nd tier menu */
	#main_nav ul li:hover ul {width:200px; display:block; position:absolute; margin:0; color: yellow; z-index:2000;}
		/* 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:200px; overflow:hidden;}
	#main_nav ul li ul li ul li {}
	/* 3rd tier link style */
	#main_nav ul li ul li ul li a {width:200px; background:#5e8d2f; color:white;}
	/* 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:-21px 0 0 205px; color: yellow;}
	
/***************************************************/
/***** sticky states for 3 tiers of navigation *****/
/***************************************************/

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

/* sticky state for tier 2 nav items */
#main_nav ul li ul li:hover > a {background:#5e8d2f; color:yellow;}

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


/***********************************************/
/**** Side Nav *********************************/
/***********************************************/


#side_nav ul { padding:0; margin:0; list-style:none; z-index:999; vertical-align:middle;}
	/* first tier nav menu */
	#side_nav ul li {float:left; list-style:none; margin:0; height:auto; }
		/* top level link style */
		#side_nav ul li a { padding:0 15px 0 15px; text-align:left; display:block; color: white; text-decoration:none; font-variant: small-caps; font-family: arial; font-size: 15px; }
		#side_nav ul li a:hover { color: yellow;}
		#side_nav ul li ul, #main_nav ul li ul li ul {display:none; }
		
	/* 2nd tier nav menu */
	#side_nav ul li ul {}
	#side_nav ul li ul li {border:solid #061 1px;}
	/* 2nd tier link style */
	#side_nav ul li ul li a {width:200px; background:#4e7d1f; color:white; font-size:13px;}
	/* styles for activated 2nd tier menu */
	#side_nav ul li:hover ul {width:200px; display:block; position:absolute; margin:0; color: yellow;}
		/* hides 3rd tier menu on 2nd tier activation */
		#side_nav ul li:hover ul li ul {display:none;}
	
	/* 3rd tier nav menu */
	#side_nav ul li ul li ul { width:200px; overflow:hidden;}
	#side_nav ul li ul li ul li {}
	/* 3rd tier link style */
	#side_nav ul li ul li ul li a {width:200px; background:#5e8d2f; color:white;}
	/* styles for activated 3rd tier menu also overridden in ie7.css */
	#side_nav ul li ul li:hover ul {width:200px; display:block; position:absolute; margin:-21px 0 0 205px; color: yellow;}
	
/***************************************************/
/** sticky states for 3 tiers of side navigation ***/
/***************************************************/

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

/* sticky state for tier 2 nav items */
#side_nav ul li ul li:hover > a {background:#5e8d2f; color:yellow;}

/* sticky state for tier 3 nav items */
#side_nav ul li ul li ul li:hover > a {background:#5e8d2f; color:yellow;}