/* CSS Document */

#menuwrapper {
	background-color: #000099;
	background-image:url(msl_files/nav_bg.png);
	background-repeat: repeat-x;
	border-bottom: 1px solid #0033cc;
	}
	
.clearit {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
	}

#menubar {
	width: 64.8em;
	}
	
#menubar, #menubar ul {
	padding: 0;
	margin: 0;
	list-style: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	}
	
#menubar a {
	display: block;
	text-decoration: none;
	font-size: 1.3em;
	font-weight:normal;
	color: #fff;
	padding: 7px 30px 7px 30px;
	}

/* controls the size and of the menu items and the borders between them */
#menubar a.how { padding: 7px 33px 7px 33px;}
#menubar a.services { padding: 7px 33px 7px 33px; border-left: 1px solid #fff;}
#menubar a.subjects { padding: 7px 33px 7px 33px; border-left: 1px solid #fff;}
#menubar a.resources { padding: 7px 17.5px 7px 17.5px; border-left: 1px solid #fff;}
#menubar a.about { padding: 7px 33px 7px 33px; border-left: 1px solid #fff;}
#menubar a.search { padding: 7px 33px 7px 33px; border-left: 1px solid #fff;}

#menubar li {
	float: left;
	width:9em;
	}
	
#menubar li {position: relative;}

/* hide from IE mac \*/
#menubar li {position: static; width: auto;}
/* end hiding from IE5 mac */

#menubar li ul, #menubar ul li  {
	width: 16em;
	}
	
#menubar ul li a  {
	color: #565656;
	padding: 6px 12px 6px 14px;
	}

#menubar li ul {
	position: absolute;
	display: none;
	}
	
#menubar li ul li a { 
	display: block; 
	background: #EFF5FB; 
	font-weight: normal; 
	font-size: 1em; 
	float: none; 
	color:#0000CC; 
	border-bottom: 1px solid #0033cc;
	}

#menubar a:hover  { 
	color: #fff;
	background-color: transparent;
	background-image:url(msl_files/nav_hover_bg.png); 
	}
	
#menubar li:hover ul, #menubar li.hvr ul {
	display: block;
	background-color:#EFF5FB;
	color:#0033cc;
	}

/* controls the color of the header menu items and li items on hover */	
#menubar li:hover, #nav li.sfhover {
	background-color:#123b89;
	color: #0033cc;
	}
	
#menubar li:hover ul a, #menubar li.hvr ul a {
	color: #0033cc;
	background-color: transparent;
	}

#menubar ul li a:hover {
	background-color: #000 !important;
	color: #fff !important;
	}