/*NAVIGATION BAR*/
#navbar {
	width: 167px;
	background-color:#00008C;
	z-index: 5;
	float: left;
	position: relative;
	color: #0A246A;
	margin: 0;
	padding: 0;
	text-align: left;	
} 

#menu, #menu ul { /* all lists */
	margin: 0;
	list-style: none;
	list-style-type: none;
	float : left;
	padding: 1em;
}
	
#menu li { /* all list items */
	position : relative;
	float : left;
	width: 11em;
	color: #FFFFFF;
	margin-bottom: 0px;
	line-height: 2em;
}
	
#menu li ul { /* second-level lists */
	position : absolute;
	left: -999em;
	margin-left : 10em; 
	margin-top : -2.5px;   
	border: 2.5px solid #00006E;
	background-color: #FFFFFF;
	width: 16em;
	padding: 0px;
	z-index: 3;
}
	
#menu li ul li { /* second-level lists */
	width: 16em;
}
	
#menu li ul li a { /* second-level lists */
	color: #00005E;
	padding-left: 8px;
}
	
#menu li a {
    display:block;  
	height: 1%;
	font-weight : normal;
	text-decoration : none;
	margin-left: 0em;
	color: #FFFFFF;
	padding-top: 0px;
	padding-right: .5px;
	padding-bottom: 0px;
	padding-left: .5px;
}
	
#menu li a:hover {
	color : #FFFFFF;
	background-color : #7474A7;    
}
	
#menu li:hover, #menu li.sfhover {
	/* keep the text on the main menu highlighted while we scroll through the sub-menu */			
	background: #7474A7; 
} 
	
#menu.child li:hover, #menu.child li.sfhover {
	/* keep the text on the main menu highlighted while we scroll through the sub-menu */			
	color: #00005E;
} 
	
#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li.sfhover ul ul, #menu li.sfhover ul ul ul {
	left: -999em;
}
	
#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul { /* lists nested under hovered list items */
	left: 0px;
	top: 0px;
}