@charset "UTF-8";
/* CSS Document */

/*MENU BAR*/
#overlay {position: absolute;} /*This ensures the menu dropdown items appear over the Flash animation and not beneath it*/
#menu 
{       float: left;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	clear : both;
	width : 90%;
	font-family: Georgia, Calibri, Helvetica, Arial;

}
#menu ul 
{
	float : left;
	width : 100%;
	padding-left : 45px;
	padding-top : 10px;
	margin: 0px;
	list-style-type: none;
 z-index: 10;
}
#menu ul li 
{ 
	float:left; 
	position:relative; 
	z-index: 10;
	display:block; 
	height: 25px;
	line-height:12px;
	padding-right: 35px; /* distance between menu items */
}
#menu ul li a 
{ 
	float : left; 
	color : #0a427c; 
	text-decoration : none; 
}


/* make the dropdown ul invisible */
#menu ul li ul 
{
	display: none;
	font-family: Calibri, Helvetica, Arial, san-serif;
}

/* set the background and foreground color of the main menu li on hover */
#menu ul li:hover a 
{
	color:#ffcc00; 
}

/* make the dropdown block visible on hover and define the position the dropdown block. this block is merely a container with no styling as all the styles are performed in the call below */
#menu ul li:hover ul 
{
	display:block; 
	position:absolute; 
	top: 24px; 
	left: -37px; 
}
/* style the background, borders and text color of the submenu links within the dropdown block. we also define the position of the text and its background area relative to the dropdown block above*/
#menu ul li:hover ul li a 
{
	display:block;
	width: 150px;
	color: #ffffff; 
	background: #5d92c9;
	line-height: 24px;
	margin-top: -10px;
	margin-left: -23px;
	text-indent: 15px;
	border-style: solid;
	border-color: #000000;
	border-width: 1px;
	position: relative; 


}
/* style the background and text color of the submenu links on hover */
#menu ul li:hover ul li a:hover 
{
	background:#1f2b47; 
	color:#ffcc00;
}