body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	background-color:#064c7b;
}

#container {
	background-image: url(../img/bg.jpg);
	background-position: top center;
	background-repeat: repeat-x;
	background-color: #e9f3fa;
}

#header {
	height: 226px;
	width: 960px;
	margin: 0 auto;
}
#wrap1 {
	margin: 0 auto;
	width: 960px;
}









#news {
	width: 279px;
	margin: 0 41px 0 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image: url(../img/news-bg.png);
	background-repeat:repeat-y;
	float: left;
	clear: right;
}

#news-top {
	width: 279px;
	height: 30px;
	background-image:url(../img/news-top.png);
}

#news-content {
	padding: 0 30px 35px 35px;
	width: 214px;
	background-image:url(../img/news-top.png);
	line-height: 17px
}

#main {
	width: 631px;
	margin: 0 4px 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-image: url(../img/main-bg.png);
	background-repeat:repeat-y;
	float: right;
}

#main-top {
	width: 631px;
	height: 33px;
	background-image:url(../img/main-top.png);
}

#main-content {
	padding: 0 30px 35px 35px;
	width: 566px;
	background-image:url(../img/main-top.png);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 22px;
}

#main-sub {
	width: 631px;
	margin: 0 4px 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-image: url(../img/main-bg.png);
	background-repeat:repeat-y;
	float: left;
}

#main-sub-contact {
	width: 415px;
	margin: 0 4px 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-image: url(../img/main-bg.png);
	background-repeat:repeat-y;
	float: left;
}

#main-top-contact {
	width: 415px;
	height: 33px;
	background-image:url(../img/main-top.png);
}

#main-content-contact {
	padding: 0 30px 35px 35px;
	width: 350px;
	background-image:url(../img/main-top.png);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 22px;
}


#sub-pic {
	margin-top: 34px;
	width: 290px;
	float: right;
}

#sub-pic-contact {
	margin-top: 34px;
	width: 490px;
	float: right;
}




#nav {
	width: 945px;
	height: 62px;
	background-image:url(../img/nav.png);
	padding: 0 5px 0 10px;
}
#nav ul{
	margin: 0px;
	padding: 0px;
}

#nav-wrap li {
	display: inline;
	float: left;
	background-image:url(../img/nav-bg.jpg);
	background-repeat:repeat-x;
	margin: 0 2px;
	/*
	* Safari and Opera Fix (1 of 2):  Set the width for each li element explicitly,
	* instead of relying on link padding.  - mz
	*/
	width: 9.55em;
}

#nav-wrap a {
	display: block;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	/*
    * Safari and Opera Fix (2 of 2):  Remove left and right padding for links, 
    * the explicity width setting above will be more cross browser compatible.  - mz
    */
	/*padding: 16px 42px 16px 42px;*/
	padding: 16px 0px 16px 0px; 	
	margin: 0;	
}

#nav-wrap ul .active a {
	color: #e9f3fa;
	background-image:url(../img/nav-bg-over.jpg);
	background-repeat:repeat-x;
}

/*
* Addition 5 of 6.
* Make sure the sub nav for the active parent nav item doesn't show an active 
* background image.  - mz
*/
#nav-wrap ul .active #nav-wrap2 ul li a {   
   background-image:none;   
}


#nav-wrap ul a:hover,
/*
* Addition 6 of 6.
* Also add hover background for sub nav items.  - mz
*/
#nav-wrap ul .active #nav-wrap2 ul li a:hover {
	color: #e9f3fa;
	background-image:url(../img/nav-bg-over.jpg);
	background-repeat:repeat-x;
}




#nav-wrap li ul {
/*second-level lists*/
	/*[disabled]position:absolute;*/
	z-index: 1;
	background: #024877;
	/*[disabled]width:10em;*/
	/*[disabled]left:50%;*/
/*using left instead of display to hide menus because display: none isn't read by screen readers*/
	display: none;
	/*[disabled]right:50px;*/	
}

#nav-wrap li ul a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #e9f3fa;
	background-image: none;
}

#nav-wrap li:hover ul, #nav-wrap li.sfhover ul {
/*lists nested under hovered list items */
	padding: 0px 0 0px 0px;
	margin: 0px 0 0px 0px;
	display: inline;
	border: none;
	position: absolute;
	/*
    * Addition 1 of 6.
    * Increase the width for each sub nav ul to match the parent.
    */
	/*width: 8em; */
	width: 9.55em;
	/*[disabled]margin-right:auto;*/
	left: auto;
	right: auto;
	background-image: none;
	/*
	* Addition 2 of 6.
	* I added a light shade of blue here that will show through as a border for 
	* the <li> elements.  Change this accordingly, I'm not sure if it's the exact 
	* shade of blue you were looking for.  mz
	*/
	background-color: #0064A6; 
}


#nav-wrap li:hover ul li, #nav-wrap li.sfhover ul li
{
	background-image: none;    
    padding: 0px 0 0px 0px;
    margin: 1px 0 0px 0px;
    display: inline;
    border: none;    
    width: 100%;
    /* [disabled]margin-right:auto; */
    left: auto;
    right: auto;
    /*
    * Addition 3 of 6.
    * Added so that the sub nav would have a dark blue background color. - mz
    */    
    background-color: #024877;       
}

/*
* Addition 4 of 6.
* Finally, the sub nav link items needed different css, mainly with the margin 
* and padding, so I established that here. See comments below for adjusting 
* sub nav link height.  - mz
*/
#nav-wrap li:hover ul li a, #nav-wrap li.sfhover ul li a
{
	/*
	* If you want to change the height of the sub nav links, add padding to the 
    * top and bottom here. 12px seemed like a close match, but adjust as needed.  - mz
    */
    padding: 12px 0 12px 0px;
    margin: 0px 0 0px 0px;
}

#main-content a {
	color: #da6b0c;
	text-decoration: none;
}

#main-content-contact a {
	color: #da6b0c;
	text-decoration: none;
}

h1 {
	margin-top: 0;
	font-family:"Trebuchet MS", Verdana, Arial;
	font-size: 28px;
	line-height: 36px;
	font-weight: bold;
	color: #da6b0c;
}

h2 {
	margin-top: 0;
	font-family:"Trebuchet MS", Verdana, Arial;
	font-size: 24px;
	font-weight: bold;
	color: #7aa442;
}

.newsdate {
	color: #005c9a;
	font-weight: bold;
}

#news-content a{
	color: #000000;
	text-decoration: none;
}













#footer-wrap {
	background-image: url(../img/bg-footer.jpg);
	background-position: center;
	margin: 0 auto;
	padding: 0;
	
}

#footer {
	text-align: center;
	font-size: 11px;
	color: #e9f3fa;
	height: 32px;
	padding: 40px 0 0 0;
}

#footer a {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #e9f3fa;
	text-decoration: none;
	display: inline;

}