/* CSS Document */

/* light blue #72CDF4  */
/* dark blue #00467F  */

*{padding:0; margin:0;}

html, body { 
	margin-top:0; margin-left:auto; margin-bottom:0; margin-right:auto;
	background-color:#807F83; 
}
 p, td, span, div, th, input, list, textarea, select, form { font-family:Verdana, Arial, Helvetica, sans-serif}
a, li, ul, h1, h2, h3, h4, em, th { font-family:Verdana, Arial, Helvetica, sans-serif}
#container { 
	margin: 0 auto;
	width: 941px;
	background-color: #fff;
}

#white-container { 
	margin: 0 auto;
	width: 941px;
	background-color: #fff;
}
#header { min-height:36px; height:auto !important; background-color: #3F4752;}
	#header #lead {float:left; width:500px; padding-top:5px; padding-left:20px; background-color: #3F4752;}
	#lead p { padding-top:5px; color:#9BA1A8; font-size:0.65em; font-family:Verdana, Arial, Helvetica, sans-serif;}
	#lead p a {color:#9BA1A8; text-decoration:none}
	#header #logo {float:right; padding-right:12px;}

#nav-wrap {
	display: block;
	width: 941px;
	margin: 0 auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 0.8em;/*10px - this is IMPORTANT otherwise the rollover effect doesn't work */
	line-height: 1.3em;
	clear: both;
}

#nav-wrap #top-nav ul { float: left; }
#nav-wrap #nav-bar { clear: both; width: 100%; overflow:hidden; background: #3F4752;}
#nav-wrap #top-nav ul li {
    float: left;
    width: auto;
    white-space: nowrap;
    display: block; 
}

#nav-wrap #top-nav ul li a {
    display: block; 
	width: auto; 
	padding-top:8px; margin-left:20px; padding-bottom:5px;
	color: #fff; text-decoration: none;
}

#nav-wrap #top-nav ul a:hover { color:#fff; border-bottom:3px #9BA1A8 solid; text-decoration: none;}
#nav-wrap #top-nav ul li.active a { color:#fff; border-bottom:3px #9BA1A8 solid;}
#nav-wrap #top-nav ul li.last a { border: none;}

#flash-header { height: 280px;	padding-top: 2px;}

#filler-wrap {
	width: 941px;
	margin-top:0; margin-left:auto; margin-bottom:0px; margin-right:auto;
	height: 30px; 
	clear: both; 
}
#filler-wrap #filler-bar { clear: both; width: 100%; background: #fff url(../images/menu_bg.gif); }

#col-wrap-left  { float:left; width:221px; margin-top:20px; }
#col-wrap-cent  { float:left; width:221px; margin-top:20px; margin-left:9px;  background:url(../images/left-line-bg.gif) repeat-y;   }
#col-wrap-right  { float:left; width:221px; margin-top:20px; margin-left:10px; }

#col-wrap-left .maincontent, 
#col-wrap-cent .maincontent, 
#col-wrap-right .maincontent, 
{ 
	width:221px; 
}

#col-wrap-2col  { float:left; width:680px; margin-top:20px; margin-left:19px;  }
#col-wrap-2col-left { float:left; width:680px; margin-top:20px; margin-right:10px;  }


#col-wrap-3col  { width:941px; margin-top:20px; }

.maincontent h1 { margin-bottom:15px; padding-top:5px; font-size:0.9em; font-weight:400; color:#00467F; }
.maincontent h3.related-links { margin-bottom:15px; padding-left:20px; padding-top:5px; font-size:0.8em; font-weight:400; color:#00467F; font-family:Verdana, Arial, Helvetica, sans-serif;}
.maincontent h2, .maincontent h3, .maincontent h4, .maincontent h5  { color:#00467F;  }
.maincontent h2
  { margin-bottom:10px; padding-top:5px; font-size:0.8em; font-weight:400; }
.maincontent h2 a { color:#00467F; text-decoration:none;}
.maincontent h2 a:hover {color:#00467F;; text-decoration:underline;}  
  
.maincontent h3 
	{ margin-bottom:10px; padding-top:5px; font-size:0.8em; font-weight:400; }
.maincontent h4  { margin-top:10x; font-weight:400; font-size:0.80em;}
.maincontent h5   { margin-bottom:0px; font-weight:400; font-size:0.75em; }

.maincontent p	{ margin-bottom:20px; font-size:0.7em; color:#414141; line-height:150%;}
.maincontent p a { color:#414141; text-decoration:underline; font-family:Verdana, Arial, Helvetica, sans-serif;}
.maincontent p a:hover 	{color:#00467F;; text-decoration:underline;}
.maincontent p .bold-blue	{ font-weight:400; color:#00467F;}

.badge	{ margin-bottom:20px; margin-left:20px; }

/* Start Body List Styles*/
.maincontent ul
{ margin-bottom:10px; padding-left:20px; list-style:none; }
.maincontent ul li {
	height: 1%; /* Forces hasLayout (ie6) */
	display: inline; /* Removes additional verticle whitespace (ie7) */
	display:block;
	padding-left:20px; padding-top:0; padding-bottom:5px;
	background-repeat:no-repeat; min-width:50px;
	background-image:url(../images/li-body-list.gif);
	background-position:0px 0px;
	font-size:0.7em; color:#414141;
	}
.maincontent ul li a					
		{color:#414141; text-decoration:none;}
.maincontent ul li a:hover
		{color:#333; text-decoration:underline;}	
.maincontent ul li ul	{ margin-top:10px; padding-left:0; list-style:none; font-size:140%;}
.maincontent ul li ul li	{background-image:url(../images/li-sub-body-list.gif); color:#666;}

.maincontent table {margin-bottom:20px; }
.maincontent table th { color:#00467F; text-align:left; font-size:0.8em; font-weight:400;}
.maincontent table td { color:#414141; text-align:left; font-size:0.7em;}

/* forms */

.maincontent label { }
.maincontent select { 
			padding:2px; 
			font-size: 1.0em; color: #000; vertical-align:middle;
 		}
.maincontent textarea { 
			padding:2px; 
			font-size: 1.0em; color: #000; vertical-align:middle;
 		}

.fleet-row  { clear:both;  }
	.fleet-row .fleet-block  { float:left; width:205px; margin-top:10px; margin-right:19px;  }
.fleet-block h2, .fleet-block h3, .fleet-block h4, .fleet-block h5  { color:#00467F;  }
.fleet-block h2  { margin-bottom:10px; padding-top:5px; font-size:0.8em; font-weight:400; }
.fleet-block h2 a { color:#00467F; text-decoration:none;}
.fleet-block h2 a:hover {color:#00467F;; text-decoration:underline;}  

.fleet-block p	{ font-size:0.7em; color:#414141; line-height:150%;}
.fleet-block p a { color:#414141; text-decoration:underline; font-family:Verdana, Arial, Helvetica, sans-serif;}
.fleet-block p a:hover 	{color:#00467F;; text-decoration:underline;}


/* FOOTER */
#footer-nav-wrap {
	display: block;
	width: 941px;
	margin: 0 auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 0.65em;/*10px - this is IMPORTANT otherwise the rollover effect doesn't work */
	line-height: 1.0em;  border-top: 2px solid #fff; background:#3F4752;
	clear: both;
}

#footer-nav-wrap #footer-nav ul { float: left; padding-left:20px; }
#footer-nav-wrap #footer-nav-bar { clear: both; width: 100%; overflow:hidden; background:#3F4752; }
#footer-nav-wrap #footer-nav ul li {
    float: left; width: auto;  white-space: nowrap; display: block; }

#footer-nav-wrap #footer-nav ul li a {
    display: block; 
	width: auto; 
	padding-top:15px; margin-right:15px; padding-bottom:0px;
	color: #CCC; background:#3F4752; text-decoration: none;
}
#footer-nav-wrap #footer-nav ul a:hover { text-decoration: underline;}

#footer-wrap { margin: 0 auto; padding-top:10px; padding-bottom:0px; width: 941px; background:#3F4752 ;c-bg.jpg}
#footer-wrap p  { margin-bottom:20px; padding-left:20px; font-size:0.65em; color:#CCC; line-height:150%;}
#footer-wrap p a {  color:#CCC; }
#footer-wrap p a:hover {text-decoration:underline;}