/* ============================= General Styles ====================== */

html,body{margin:0;padding:0;}

body{font: 13px arial,sans-serif;text-align:center;background:url(images/bg_layout.png) repeat-x #ffffff;}

a{text-decoration:none;}

p{
margin:0 10px 10px;
font-weight:none;
font-size:13px;
}

h1{
font-size:11px;
margin:0;
padding:0;
color:#323232;
}

h2{
font-size:18px;
line-height:20px;
margin:0;
padding:0;
color:#323232;
margin-left:8px;
}
strong{
font-size:11px;
margin:0;
padding:0;
color:#323232;
}

div#container{
text-align:left;
}

div#container{
width:980px;
margin:0 auto;
}

div#wrapper{
float:left;
width:100%;
background:#ffffff;
}

/* ============================= Header ====================== */


div#header{
background:url(images/top_banner.jpg) #ffffff;
height:113px;
}

/* ============================= Top Menu ====================== */

div#top_menu{
height:44px;
background:#3c3f36;
}

div#top_menu a{
display:block;
width:95px;
height:34px;
font-size:12px;
font-family:arial;
color:#ffffff;
text-align:center;
float:left;
margin-top:10px;
}
div#top_menu a:hover{
color:#fc9606;
}
/* ============================= Mid Banner ====================== */

div#mid_banner{
height:277px;
width:957px;
margin:10px;
}

div#mid_banner .right{
width:444px;
float:right;
background:url(images/right_image.jpg) no-repeat;
height:277px;
}
div#mid_banner .right p{
color:#ffffff;
font-size:29px;
line-height:30px;
font-weight:bold;
width:275px;
text-align:left;
margin-right:20px;
margin-left:-20px;
}
div#mid_banner .left{
width:507px;
float:left;
background:url(images/left_image.jpg) no-repeat;
height:277px;
}
div#mid_banner .left p{
color:#ffffff;
font-size:29px;
line-height:30px;
font-weight:bold;
text-align:left;
margin-top:178px;
margin-left:28px;
}

/* ============================= Content ====================== */


div#content p{
line-height:1.4;
}

div#content{
margin:10px;
font-size:13px;
font-weight:none;
}

div#content .left{
width:640px;
height:203px;
float:left;
}
div#content .right{
width:312px;
height:203px;
background:url(images/county.jpg) no-repeat;
float:right;
}
div#content .right2{
width:312px;
height:100%;
float:right;
}
div#content .right a{
color:#ffffff;
}
div#fr{
float:left;}

div#fr .left{
float:left;
width:40%;}

div#fr .rt{
float:right;
width:50%;}

/* ============================= Boxes ====================== */

div#box2{
}
div#box2 .left{
background:url(images/flood_water_damage.png) no-repeat;
height:245px;
width:312px;
float:right;
}
div#box{
}
div#box .left{
background:url(images/flood_water_damage.png);
height:245px;
width:312px;
float:left;
margin-right:12px;
margin-left:10px;
}
div#box2 .left a{color:#ffffff;}
div#box .left a{color:#ffffff;}
div#box .right a{color:#ffffff;}

div#box .left p{
margin-top:23px;
color:#ffffff;
font-size:22px;
font-weight:bold;
}
div#box2 .left p{
margin-top:23px;
color:#ffffff;
font-size:22px;
font-weight:bold;
}

div#box .mid{
height:245px;
width:312px;
float:left;
margin-right:12px;
}

div#box .right{
background:url(images/water_damage2.png);
height:245px;
width:312px;
float:left;
}

div#box .right p{
margin-top:23px;
color:#ffffff;
font-size:22px;
font-weight:bold;
}

/* ============================= footer ====================== */

div#footer{
clear:left;
width:100%;
background:#9f9e99;
height:44px;
}

div#footer a{
display:block;
width:95px;
height:34px;
font-size:12px;
font-family:Palatino Linotype;
color:#ffffff;
text-align:center;
float:left;
margin-top:6px;
}
.clear{
background:none;
clear:both;
}

.copyright {font-size:11px;color:#323232;}
.copyright a{font-size:11px;color:#323232;}