body{
background:url(../images/layout/bodyBG.gif);
}

/* index page */

#mainContainer{
line-height:0px;
width:772px;
text-align:left;
}

#mainTop{
width:772px;
height:241px;
}

#mainMid{
width:771px;
height:98px;
padding-left:1px;
}

#mainBottom{
width:772px;
height:106px;
}

#newsContainer{
float:right;
}

#leftNews{
padding:5px;
height:37px;
width:215px;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:14px;
color:White;
}

#emergNews{

padding:5px;
height:37px;
width:195px;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:14px;
color:White;
background-color:1a5f3e;
}
#emergPic{
float:left;
height:47px;
width:47px;
background-color:White;
}
#emergNews a{
text-decoration:none;
color:White;
}
#emergNews a:hover{
text-decoration:underline;
color:White;
}

#newsPic{
height:47px;
width:47px;
background-color:White;
}
#rightNews{
padding:5px;
height:37px;
width:225px;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:14px;
color:White;
}

#rightNews a{
text-decoration:none;
color:White;
}
#rightNews a:hover{
text-decoration:underline;
color:White;
}
#leftNews a{
text-decoration:none;
color:White;
}

#leftNews a:hover{
text-decoration:underline;
color:White;
}
/* inside */

#container{
line-height:0px;
width:780px;
text-align:left;
background-color:#ffffff;
background-image:url(../images/layout/leftBG.gif);
background-repeat:repeat-y;
}

#contentContainer{
background:url(../images/layout/contentBG.gif);
background-repeat:no-repeat;
padding:0px;
width:780px;
min-height:530px;
}

#nav{
padding:0px;
line-height:0px;
font-size:0px;
font-size:inherit !important;
}

#nav td{
line-height:0px;
}

/* center content */
.feature {
margin-bottom: 16px;
height:inherit;
overflow:auto;
padding:8px 8px 0px 8px;
background-color:#E5EEE7;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}

.feature-txt {
width:334px;
float:left;
height:auto
}

.feature-txt p {
margin-top: 0px;
}

.feature-image {
margin-top: 0px;
}

.bio {
margin-bottom: 16px; height:inherit; overflow:auto; padding:8px; background-color:#e4e7cd; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;
}

.bio-img {
width:150px;
padding: 0px;
border:#005939 1px solid;
height:84px; margin-bottom:8px;
}

.bio-txt {
width:150px;
float:right;
height:auto
}

.bio-txt p {
margin-top: 0px;
}



/* Left hand content */
#leftContainer{
padding-top:1px;
width:205px;
float:left;
}

* html #leftContainer{
height:200px;
}

#leftHandImage{
background-repeat:no-repeat;
height:71px;
width:205px;
padding-bottom:10px;
}

#leftContainer td{
padding-bottom:2px;
}


/* right hand content */
#copyContainer{
float:none !important;
float:right;
margin-left:205px !important;
margin-left:0px;
padding-top:1px;
line-height:0px;
}

#mainImages{
height:165px;
width:575px;
left:0px !important;
left:-3px;
}

#copy{
padding:22px 15px 20px 26px;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:14px;
}

#copyFoot{
height:10px;
clear:both;
}

#copyRight{
float:right;
width:170px;
text-align:left;
}

#copyImage{
padding-bottom:10px;
}

#thirdNav{
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:10px;
line-height:11px;
}

a{
color:#377797;
text-decoration:none;
}

a:hover{
color:#377797;
text-decoration:underline;
}

#thirdNav a{
color:#377797;
text-decoration:none;
}

#thirdNav a:hover{
color:#12681B;
text-decoration:underline;
}

#copyText{
width:350px;
}

img{
border:none;
}

h2{
color:#5F89AA;
padding:5px 0px 0px 0px;
margin:0px;
font-weight:bold;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:14px;
line-height:20px;
}

h3{
	color:#063;
	padding:5px 0px 0px 0px;
	margin:0px;
	font-weight:bold;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
}

strong{
color:#1A5F3E;
}
.green{
color:#004524;
}

#copy ul{
padding-left:14px;
}

.nopad{
padding:0px;
line-height:0px;
margin:0px;
}

.img{
padding:0px;
margin:0px;
}
.imgon{
padding:0px;
margin:0px;
}

#secondaryNav td{
padding-bottom:2px;
}

.nospace{
padding-top:0px;
padding-bottom:0px;
margin-top:0px;
margin-bottom:0px;
}

.black{
color:#000000;
}

.newsCopyPic{
float:left;
padding:0px 10px 10px 0px;
}


/* css buttons 

<div class="button<? print ($page == "overview" ? "On" : ""); ?>">
<a href="overview.php"><span class="alt">Overview</span></a>
</div>

*/
.button, .buttonOn{
width:205px;
height:16px;
padding-bottom:2px;
}

.button a{
display: block;
width: 205px;
height: 16px;
background-image: url(../images/button_off.gif);
text-decoration:none;
}

.buttonOn a{
display: block;
width: 205px;
height: 16px;
background-image: url(../images/button_on.gif);
text-decoration:none;
}

.buttonOn a:hover {
background-image: url(../images/button_on.gif);
text-decoration:none;
}

.button a:hover {
background-image: url(../images/button_on.gif);
text-decoration:none;
}

a .alt { 
padding:1px 0px 0px 48px !important;
padding:2px 0px 0px 48px;
display:block;
font-family: arial, helvetica, sans-serif;
font-size: 11px;
line-height:11px;
color: #435f48;
}

/* css buttons with 2 lines

<div class="button<? print ($page == "overview" ? "On" : ""); ?>">
<a href="overview.php"><span class="alt">Overview</span></a>
</div>

*/
.buttonTwo, .buttonOn2{
width:205px;
height: 30px;
padding-bottom:2px;
}

.buttonTwo a{
display: block;
width: 205px;
height: 30px;
background-image: url(../images/button2_off.gif);
text-decoration:none;
}

.buttonTwoOn a{
display: block;
width: 205px;
height: 30px;
background-image: url(../images/button2_on.gif);
text-decoration:none;
}

.buttonTwoOn a:hover {
background-image: url(../images/button2_on.gif);
text-decoration:none;
}

.buttonTwo a:hover {
background-image: url(../images/button2_on.gif);
text-decoration:none;
}


/* css buttons with 3 lines

<div class="button<? print ($page == "overview" ? "On" : ""); ?>">
<a href="overview.php"><span class="alt">Overview</span></a>
</div>

*/
.buttonThree, .buttonOn2{
width:205px;
height: 60px;
padding-bottom:2px;
}

.buttonThree a{
display: block;
width: 205px;
height: 60px;
background-image: url(../images/button3_off.gif);
text-decoration:none;
}

.buttonThreeOn a{
display: block;
width: 205px;
height: 45px;
background-image: url(../images/button3_on.gif);
text-decoration:none;
}

.buttonThreeOn a:hover {
background-image: url(../images/button3_on.gif);
text-decoration:none;
}

.buttonThree a:hover {
background-image: url(../images/button3_on.gif);
text-decoration:none;
}




a .alt { 
padding:1px 0px 0px 48px !important;
padding:2px 0px 0px 48px;
display:block;
font-family: arial, helvetica, sans-serif;
font-size: 11px;
line-height:11px;
color: #435f48;
}
/* css buttons indented

<div class="buttonIndent<? print ($page == "overview" ? "On" : ""); ?>">
<a href="overview.php"><span class="alt">Overview</span></a>
</div>

*/
.buttonIndent, .buttonIndentOn{
width:205px;
height: 16px;
padding-bottom:2px;
}

.buttonIndent a{
display: block;
width: 205px;
height: 16px;
background-image: url(../images/buttonIndent_off.gif);
text-decoration:none;
}

.buttonIndentOn a{
display: block;
width: 205px;
height: 16px;
background-image: url(../images/buttonIndent_on.gif);
text-decoration:none;
}

.buttonIndentOn a:hover {
background-image: url(../images/buttonIndent_on.gif);
text-decoration:none;
}

.buttonIndent a:hover {
background-image: url(../images/buttonIndent_on.gif);
text-decoration:none;
}

a .alt { 
padding:1px 0px 0px 48px !important;
padding:2px 0px 0px 48px;
display:block;
font-family: arial, helvetica, sans-serif;
font-size: 11px;
line-height:11px;
color: #435f48;
}
/* css buttons indented two lines

<div class="buttonIndent<? print ($page == "overview" ? "On" : ""); ?>">
<a href="overview.php"><span class="alt">Overview</span></a>
</div>

*/
.buttonTwoIndent, .buttonTwoIndentOn{
width:205px;
height: 28px;
padding-bottom:2px;
}

.buttonTwoIndent a{
display: block;
width: 205px;
height: 28px;
background-image: url(../images/buttonTwoIndent_off.gif);
text-decoration:none;
}

.buttonTwoIndentOn a{
display: block;
width: 205px;
height: 28px;
background-image: url(../images/buttonTwoIndent_on.gif);
text-decoration:none;
}

.buttonTwoIndentOn a:hover {
background-image: url(../images/buttonTwoIndent_on.gif);
text-decoration:none;
}

.buttonTwoIndent a:hover {
background-image: url(../images/buttonTwoIndent_on.gif);
text-decoration:none;
}

a .alt { 
padding:1px 0px 0px 48px !important;
padding:2px 0px 0px 48px;
display:block;
font-family: arial, helvetica, sans-serif;
font-size: 11px;
line-height:11px;
color: #435f48;
}

/* css buttons indented twice

<div class="buttonIndent<? print ($page == "overview" ? "On" : ""); ?>">
<a href="overview.php"><span class="alt">Overview</span></a>
</div>

*/
.buttonIndentTwice, .buttonIndentTwiceOn{
width:205px;
height: 16px;
padding-bottom:2px;
}

.buttonIndentTwice a{
display: block;
width: 205px;
height: 16px;
background-image: url(../images/buttonIndentTwice_off.gif);
text-decoration:none;
}

.buttonIndentTwiceOn a{
display: block;
width: 205px;
height: 16px;
background-image: url(../images/buttonIndentTwice_on.gif);
text-decoration:none;
}

.buttonIndentTwiceOn a:hover {
background-image: url(../images/buttonIndentTwice_on.gif);
text-decoration:none;
}

.buttonIndentTwice a:hover {
background-image: url(../images/buttonIndentTwice_on.gif);
text-decoration:none;
}

a .alt { 
padding:1px 0px 0px 48px !important;
padding:2px 0px 0px 48px;
display:block;
font-family: arial, helvetica, sans-serif;
font-size: 11px;
line-height:11px;
color: #435f48;
}

/* css buttons indented twice two lines

<div class="buttonIndent<? print ($page == "overview" ? "On" : ""); ?>">
<a href="overview.php"><span class="alt">Overview</span></a>
</div>

*/
.buttonTwoIndentTwice, .buttonTwoIndentOn{
width:205px;
height: 28px;
padding-bottom:2px;
}

.buttonTwoIndentTwice a{
display: block;
width: 205px;
height: 28px;
background-image: url(../images/buttonTwoIndentTwice_off.gif);
text-decoration:none;
}

.buttonTwoIndentTwiceOn a{
display: block;
width: 205px;
height: 28px;
background-image: url(../images/buttonTwoIndentTwice_on.gif);
text-decoration:none;
}

.buttonTwoIndentTwiceOn a:hover {
background-image: url(../images/buttonTwoIndentTwice_on.gif);
text-decoration:none;
}

.buttonTwoIndentTwice a:hover {
background-image: url(../images/buttonTwoIndentTwice_on.gif);
text-decoration:none;
}

a .alt { 
padding:1px 0px 0px 48px !important;
padding:2px 0px 0px 48px;
display:block;
font-family: arial, helvetica, sans-serif;
font-size: 11px;
line-height:11px;
color: #435f48;
}

/* footer */

#footer {
    width: 100%;
    padding: 1em 0 1.5em 0;
    float: left;
    text-align: center;
    background-color: #003E2D;
    color: white;
}
#footer-menu {
    background-color: black;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    float: left;
    text-align: center;
    height: 30px;
}
#footer-1 {
    text-align: right;
    margin-right: 1em;
    line-height: 1.5em;
}
#footer-3 {
    text-align: left;
    margin-left: 1em;
    line-height: 1.5em;
}