body
{
/*background-color: #999999;*/
background-color:#E9E9E9;

height:100%;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin-top:5px;
margin-left:3px;


}

#container
{
/*background-color:#DEDCDD;*/
/*background-color:#8E98A8;*/
background-image:url(assets/images/background.jpg);
width:770px;
/*height:70%;*/
/*margin-left:auto; 
margin-right:auto;	*/
/*margin-top:10px;
margin-bottom:10px;*/
text-align:left;
border-left:2px solid #000000;
border-right:2px solid #000000;
border-top:2px solid #000000;

}

#banner
{
color:white;
background-color:#ffffff;
height:75px;
padding:0px;
/*width:100%;*/
}

#top_nav
{
font-family:"Times New Roman", Times, serif;
color:white;
background-color:#8E98A8;
/*width:768px;*/
border-top:2px solid #000000;
border-bottom:2px solid #000000;
height:20px;
/*padding-top:3px;
padding-bottom:3px;*/
/*padding-left:3px;*/
}

/* needed for rollover nav to work in IE*/
* html a:hover {visibility:visible}

.welcome {
position:absolute;
background-image: url(assets/images/welcome_o.jpg);
visibility: visible;
background-repeat:no-repeat;
/*display:block;*/
width:154px;
height:20px;
margin:0;
margin-bottom:0px;
padding:0;
}


.welcome a:hover img{
visibility:hidden;
}

.overview {
	position:absolute;
	background-image: url(assets/images/overview_o.jpg);
	background-repeat:no-repeat;
	/*display:block;*/
width:154px;
	height:20px;
	margin-left:154px;
	margin-bottom:0px;
	padding:0;

}

.overview a:hover img{
visibility:hidden;
}

.firefight {
position:absolute;
background-image: url(assets/images/firefight_o.jpg);
background-repeat:no-repeat;
/*display:block;*/
width:154px;
height:20px;
margin-left:308px;
margin-bottom:0px;
padding:0;
}

.firefight a:hover img{
visibility:hidden;
}

.prevention {
position:absolute;
background-image: url(assets/images/prevention_o.jpg);
background-repeat:no-repeat;
/*display:block;*/
width:154px;
height:20px;
margin-left:462px;
margin-bottom:0px;
padding:0;
}

.prevention a:hover img{
visibility:hidden;
}

.education {
position:absolute;
background-image: url(assets/images/education_o.jpg);
background-repeat:no-repeat;
/*display:block;*/
width:154px;
height:21px;
margin-left:616px;
margin-bottom:0px;
padding:0;
}

.education a:hover img{
visibility:hidden;
}

.right{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
float:right;
width:96px;
height:306px;
text-align:center;
font-size:9px;
background-color:#FFFFFF;
border-bottom:1px solid #000000;
border-left:1px solid #000000;
border-top:1px solid #000000;
border-right:1px solid #000000;
padding:2px;
}

.right h3{
font-size:16px;
margin:0px;
}

.right2{
font-family:Arial, Helvetica, sans-serif;
float:right;
width:245px;
height:335px;
text-align:left;
font-size:11px;
background-color:#FFFFFF;
border-bottom:1px solid #000000;
border-left:1px solid #000000;
border-top:1px solid #000000;
border-right:1px solid #000000;
padding:2px;
clear:inherit;
margin-top:5px;}

.right2 img{
padding-top:3px;
padding-left:10px;

}

.headlines{
font-family:Arial, Helvetica, sans-serif;
border-bottom:1px solid #000000;
border-left:1px solid #000000;
border-top:1px solid #000000;
border-right:1px solid #000000;
background-color:#FFFFFF;
padding-bottom:2px;
padding-left:2px;
padding-right:2px;
padding-top:2px;
font-size:11px;
width:335px;
height:335px;
/*float:left;*/
margin-top:5px;
overflow:scroll;}

.headlines h4{
font-size:14px;
margin:0px;

}

#left
{
float:left;
/*background-color:#8E98A8;*/
color:#FFFFFF;
text-align:center;
width:155px;
/*	position:relative;left:1px;  /* This is Tantek hack					*/
/*	voice-family: "\"}\"";	     /* http://tantek.com/CSS/Examples/boxmodelhack.html	*/
/*	voice-family:inherit;	     /* We need to use left:1px because IE draws box incorrectly*/
	padding-left:2px;
	padding-right:0;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	margin-top:0;
padding-bottom:10px;
padding-top:5px;

}
#left  a{
font-weight:bold;
color:#FFFFFF;
}


/* needed for rollover nav to work in IE*/
* html a:hover {visibility:visible}

.home {
/*position:absolute;*/
background-image: url(assets/images/home_o.jpg);
visibility: visible;
background-repeat:no-repeat;
width:155px;
height:20px;
margin:0;
margin-bottom:5px;
padding:0;
}


.home a:hover img{
visibility:hidden;
}

.news {
/*position:absolute;*/
background-image: url(assets/images/news_o.jpg);
visibility: visible;
background-repeat:no-repeat;
width:155px;
height:20px;
margin:0;
margin-bottom:5px;
padding:0;
}


.news a:hover img{
visibility:hidden;
}

.emergency {
/*position:absolute;*/
background-image: url(assets/images/emerg_o.jpg);
visibility: visible;
background-repeat:no-repeat;
width:155px;
height:20px;
margin:0;
margin-bottom:5px;
padding:0;
}


.emergency a:hover img{
visibility:hidden;
}

.history {
/*position:absolute;*/
background-image: url(assets/images/history_o.jpg);
visibility: visible;
background-repeat:no-repeat;
width:155px;
height:20px;
margin:0;
margin-bottom:0px;
padding:0;
}


.history a:hover img{
visibility:hidden;
}

.local316 {
/*position:absolute;*/
background-image: url(assets/images/local316_o.jpg);
visibility: visible;
background-repeat:no-repeat;
width:155px;
height:20px;
margin:0;
margin-bottom:0px;
padding:0;
}


.local316 a:hover img{
visibility:hidden;
}

.employment {
/*position:absolute;*/
background-image: url(assets/images/employment_o.jpg);
visibility: visible;
background-repeat:no-repeat;
width:155px;
height:20px;
margin:0;
margin-bottom:0px;
padding:0;
}


.employment a:hover img{
visibility:hidden;
}

.photo {
/*position:absolute;*/
background-image: url(assets/images/photog_o.jpg);
visibility: visible;
background-repeat:no-repeat;
width:155px;
height:20px;
margin:0;
margin-bottom:0px;
padding:0;
}


.photo a:hover img{
visibility:hidden;
}

.links {
/*position:absolute;*/
background-image: url(assets/images/links_o.jpg);
visibility: visible;
background-repeat:no-repeat;
width:155px;
height:20px;
margin:0;
margin-bottom:0px;
padding:0;
}


.links a:hover img{
visibility:hidden;
}

.resq {
/*position:absolute;*/
background-image: url(assets/images/resqtrial_o.jpg);
visibility: visible;
background-repeat:no-repeat;
width:155px;
height:20px;
margin:0;
margin-bottom:0px;
padding:0;
}


.resq a:hover img{
visibility:hidden;
}

#content
{
/*background-color:#DEDCDD;*/
margin-left:160px;
/*min-height:600px;*/
height:100%;
/*width:611px;*/
text-align:left;
/*padding-left:3px;
padding-right:3px;*/
/*border-left:2px solid black;*/
padding-bottom:5px;
padding-left:4px;
padding-right:4px;
padding-top:5px;
}

#content h3{
font-size:18px;
margin:0px;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


#footer 
{

color:#000000;
background-color:#ffffff;
clear:left;
text-align:center;
border-top:2px solid #000000;
border-bottom:2px solid #000000;
font-size:9px;
}