/*
**************************************************

	http://www.optima-education.com
	Optima Educational Services

	Navigation stylesheet
	nav.css

	Site designed and developed by Kristian Bunjamin
	http://www.kawedesign.com


**************************************************
*/


/*/navigation/*/

#navigation {
	margin: 0 auto;
	width:970px;
	height:40px;
	background-color:#FFF;

}

#nav_container {
	width:670px;
	height:40px;
	margin:0 auto;
}



	
	ul#navmenu-h { 
		margin: 0; 
		padding: 0; 
		list-style: none; 
		position: relative;
	} 
	
	ul#navmenu-h ul { 
		width: 150px; 
		/* Sub Menu Width */ margin: 0; 
		list-style: none; 
		display: none; 
		position: absolute; 
		top: 100%; 
		left: 0; 
	} 
	
	ul#navmenu-h ul ul,
	ul#navmenu-h ul ul ul { 
		top: 0; 
		left: 100%; 
	} 
	
	ul#navmenu-h li { 
		float: left; 
		display: inline; 
		position: relative; 
		} 
		
	ul#navmenu-h ul li { 
		width: 100%; 
		display: block; 
	} 
	
	/* Root Menu */ 
	
	ul#navmenu-h a { 
		border-top: 1px solid #F2F2F2; 
		border-right: 1px solid #F2F2F2; 
	padding-top:18px;
	padding-right:20px;
	padding-bottom:6px;
	padding-left:20px;
		float: left; 
		display: block;
		background: #E6E6E6; 
		color: #666666;
		font-family:Arial, Helvetica, sans-serif;
		text-decoration: none; 
	font-size:13px;
	font-weight:500;
		height: 1%; 
	} 

	ul#navmenu-h #nav_about_us {
		background-color:#F00;
	}




	/* Root Menu Hover Persistence */ 
	
	ul#navmenu-h a:hover,
	ul#navmenu-h li:hover a,
	ul#navmenu-h li.iehover a {
		background: #CCCCCC;
		color: #FFFFFF;
	} 
	
	/* 2nd Menu */
	
	ul#navmenu-h li:hover li a,
	ul#navmenu-h li.iehover li a {
		float: none;
		background: #FFFFFF;
		color:#666666;
	} 
	
	/* 2nd Menu Hover Persistence */ 
	
	ul#navmenu-h li:hover li a:hover,
	ul#navmenu-h li:hover li:hover a,
	ul#navmenu-h li.iehover li a:hover,
	ul#navmenu-h li.iehover li.iehover a { 
	background: #CCCCCC; 
	} 
	
	/* 3rd Menu */ 
	
	ul#navmenu-h li:hover li:hover li a,
	ul#navmenu-h li.iehover li.iehover li a { 
		background: #FFFFFF;
	} 
	
	/* 3rd Menu Hover Persistence */ 
	
	ul#navmenu-h li:hover li:hover li a:hover,
	ul#navmenu-h li:hover li:hover li:hover a,
	ul#navmenu-h li.iehover li.iehover li a:hover,
	ul#navmenu-h li.iehover li.iehover li.iehover a {
		background: #CCCCCC;
	} 
	
	/* 4th Menu */ 
	
	ul#navmenu-h li:hover li:hover li:hover li a,
	ul#navmenu-h li.iehover li.iehover li.iehover li a {
		background: #FFFFFF;
	} 
	
	/* 4th Menu Hover */ 
	
	ul#navmenu-h li:hover li:hover li:hover li a:hover,
	ul#navmenu-h li.iehover li.iehover li.iehover li a:hover { 
		background: #666;
	} 
	
	/* Hover Function - Do Not Move */ 
	
	ul#navmenu-h li:hover ul ul,
	ul#navmenu-h li:hover ul ul ul,
	ul#navmenu-h li.iehover ul ul,
	ul#navmenu-h li.iehover ul ul ul {
		display: none; 
	} 
	
	ul#navmenu-h li:hover ul,
	ul#navmenu-h ul li:hover ul,
	ul#navmenu-h ul ul li:hover ul,
	ul#navmenu-h li.iehover ul,
	ul#navmenu-h ul li.iehover ul,
	ul#navmenu-h ul ul li.iehover ul { 
		display: block;
	}

	ul#navmenu-h li:hover li:hover .long_nav li a ,
	ul#navmenu-h li.iehover li.iehover .long_nav  li a {
	width:220px;
}