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



body {

background: #00468C url(../images/blue-bg.jpg);
background-repeat:no-repeat;
margin:0 0 0 0;
padding:0 0 0 0;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
background-position:center;
background-position:top;

}

#flagDiv {
	vertical-align: bottom;
	margin: 0px;
	padding: 0px;
}

h1 {

    margin: 0px;
	padding: 0px 10px 15px 0;
	letter-spacing:8px;
	font-size:34px;
	color:#FFFFFF;
	
	}
	
#mainTable {


border-top-color:#FF6600;
border-top-width:2px;
border-top-style:solid;


}	

#mapTable {

border-right-color:#FF6600;
border-right-width:2px;
border-right-style:solid;

}

#mapTable a{

font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
color:#FF6600;

}

#mapTable a:hover {

font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
color:#000000;

}

#navTable {

border-bottom-color:#FF6600;
border-bottom-width:2px;
border-bottom-style:solid;
text-align:center;


}

#navTable a {

font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
color:#FF6600;

}

#navTable a:hover {

font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
color:#000000;


}



.navCell {

text-align:center;
border-right-color:#FF6600;
border-right-width:2px;
border-right-style:solid;


}




.mainContentCell  {

padding:20px;

}

.imgLeft {

float:left;
padding-right:15px;
padding-bottom:15px;
padding-top:15px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;


}

.imgRight {

float:right;
padding-left:15px;
padding-bottom:15px;
padding-top:15px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;


}

#footer {

height:40px;
border-top-color:#FF6600;
border-top-width:2px;
border-top-style:solid;

}


a {

font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#FF6600;
text-decoration:none


}

a:hover {

text-decoration:underline;

}

h2 a {

font-size:20px;

}

.mainCell {

text-align:center;
border-left-color:#FF6600;
border-left-width:2px;
border-left-style:solid;


}

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
	}
	
	
	
#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	text-align:center;

}

#nav a {
	display: block;
	width: 8em;

}



#nav li { /* all list items */
	float: left;
	width: 8em; /* width needed or else Opera goes nuts */


}

#nav li ul { /* second-level lists */
	position: absolute;
	background:#ffffff;
	width: 8em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	padding-top:10px;
	line-height:18px;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;


}

#content {
	clear: left;
	color: #ccc;
}	

#search {

float:right;
width:300px;
text-align:right;

}

#link {

font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#FF6600;
text-decoration:none;
font-weight:bold;


}

# link:hover {

text-decoration:underline;

}


.navCell2 {

text-align:left;


}


#nav2, #nav2 ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		width : 11em;
	}
	
	#nav2 li { /* all list items */
		position : relative;
		float : left;
		line-height : 1.25em;
		margin-bottom : -1px;
		width: 8em;
	}
	
	#nav2 li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 6.05em;
		margin-top : -1.35em;
	}
	
	#nav2 li ul ul { /* third-and-above-level lists */
		left: -999em;
	}
	
	#nav2 li a {
		width: 8em;
		w\idth : 10em;
		display : block;
		
		font-weight : bold;
		text-decoration : none;
		background-color : white;
		
		padding : 0 0.5em;
	}
	
	#nav2 li a:hover {
		color : #000;
		
	}
	
	#nav2 li:hover ul ul, #nav2 li:hover ul ul ul, #nav2 li.sfhover ul ul, #nav2 li.sfhover ul ul ul {
		left: -999em;
	}
	
	#nav2 li:hover ul, #nav2 li li:hover ul, #nav2 li li li:hover ul, #nav2 li.sfhover ul, #nav2 li li.sfhover ul, #nav2 li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}