/* Main Sections 
------------------------------------------------------------------------- */
* {
    margin: 0;
    padding: 0;
}


body {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
background-image:url(images/bg.jpg);
background-repeat:no-repeat;
background-position:top center;
background-color:#333333;
    color: #000;
}

body.sub {font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
background-image:url(images/bgsub.jpg);
background-repeat:no-repeat;
background-position:top center;
background-color:#333333;
    color: #000;
}


div, p, img, a, td, ul, ol {
    font-size: 1em; 
}

ol {
    margin-left: 1em;
    padding-left: 1em;
}
ol li {
    margin-left: 1em;
    padding: 0 0 .5em.3em;
    list-style: decimal;
}
h1, h2, h3, h4 {
font-family: "Trebuchet MS", georgia, helvetica, arial, verdana, sans-serif;
font-weight: bold;
margin: .5em 0;
letter-spacing: .07em;
}
h1 { font-size: 218% }
h2 { font-size: 164%; }
h3 { font-size: 145%; }
h4 { font-size: 118%; letter-spacing: .15em }

p { padding: 0 0 1em; }


a img, img {
    border: none;
}

ul {
    list-style: none;
margin-left:30px;

}
li {
list-style:square;
    margin-bottom: 3px;
}
hr{
margin-top:5px;

}

.clear {
    clear: both;
    height: 1px;
    margin: -1px 0 0;
    font-size: 1px;
}
#container{
margin:0 auto;
width:802px;
}

/*=========================================================================
HEADER STUFF
=========================================================================*/
#header{
height:139px;
}
#logo a{
display:block;
width:270px;
height:98px;
float:left;

}
#quotes{
float:right;
width:100px;
padding-top:16px;
height:74px;
}



#callus{
float:left;
width:238px;
height:42px;
background-image:url(images/phone.jpg);
background-repeat:no-repeat;
}




/*============================================================

THE MENU

=============================================================*/

#menu {
	width:802px;
	float:left;
	height:37px;
	padding:0px;
	margin:0px;
}


#nav{
position:relative;
top:0px;
left:0px;
font-family:Arial, Helvetica, sans-serif;
z-index:1;



}

#nav ul {
float: left;
list-style: none;
line-height: 1;
list-style:none;
background-color:#666;

}



#nav a {
_float:left;
display:block;
width:auto;
padding:15px 11px 0px 11px;
font-size:14px;
color:#000;
height:25px;
text-decoration:none;

}

#nav a:Hover {
_float:left;
display:block;
width:auto;
padding:15px 11px 0px 11px;
font-size:14px;
color:#fff;
background-color:#333;
height:25px;
text-decoration:underline;

}

#nav a.daddy {

}

#nav a.daddy:Hover{
background-image:url(images/array_332x28_roll.gif);
background-position:-10px 0px;

}

#nav li:hover {
_display:block;
_padding-left:-100px;
float: left;
padding: 0;
position:static;
}


#nav li {
_display:block;
_padding-left:-100px;
float: left;
padding: 0;
list-style:none;

}



#nav  li ul {
_display:block;
_height:20px;
_padding-top:30px;
position: absolute;
left: -999em;
height: auto;
width: 200px;
font-weight: normal;
margin: 0;
padding-top:2px;
}



#nav li li {
_display:block;
_float:left;
_left:-100px;
_padding-left:0px;
_margin-left:0;
_height:20px;
_position: relative;
padding-right: 1em;
width: 200px;
font-size:12px;


}



#nav li ul a {
_width: 200px;
_float:left;
_padding-left:-150px;
background-color:#333;
color:#fff;
padding:7px 11px 0px 11px;
font-size:13px;
height:23px;



}

#nav li ul a:Hover {

text-decoration:underline;
background-color:#000;
color:#fff;
padding:7px 11px 0px 11px;
font-size:13px;
height:23px;




}



#nav li ul ul {
margin: -30px 0 0 180px;
_margin: -30px 0 0 0px;

}



#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left: -999em;

}



#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
_left:-50px;
left: auto;

}












/*=========================================================================
FLASH STUFF
=========================================================================*/
#flash{
height:289px;
}
#flashin{
height:139px;
width:802px;
float:left;
}
/*=========================================================================
BOTTOM/MIDDLE STUFF
=========================================================================*/
#bottom{
background-color:#FFFFFF;
float:left;
width:801px;
}

#bottombtns{
background-image:url(images/bottom_btns.jpg);
background-repeat:no-repeat;
width:399px;
height:32px;
float:left;
}
#leftcontent{
float:left;
width:369px;
background-color:#fff;
padding:0px 20px 10px 10px;
text-align:justify;
font-family:Arial, Helvetica, sans-serif;
}
#leftcontent h2{
font-size:24px;
font-weight:bold;
color:#000;
font-family:Arial, Helvetica, sans-serif;
}
#rightcontent{
width:402px;
float:left;
background-color:#fff;
font-family:Arial, Helvetica, sans-serif;

}
#rightcontent_header{
background-image:url(images/latestnews.jpg);
background-repeat:no-repeat;
height:49px;
}
#themap{
width:403px;
}
#middle{
width:801px;
float:left;

}
#middle_top{
margin-top:8px;
background-repeat:no-repeat;
height:23px;
}
#middle_content{
background-color:#fff;
padding:10px;
text-align:justify;
font-family:Arial, Helvetica, sans-serif;
}
#middle_content h2{
color:#000000;
font-size:22px;
font-family:Arial, Helvetica, sans-serif;
}
#middle_content a{
color:#900;
text-decoration:none;
}
#middle_content a:Hover{
color:#333333;
text-decoration:underline;
}

/* Search Form 
------------------------------------------------------------------------------- */
#search {
    position: absolute;
    right: 60px;
    top: 40px;
    padding: 15px 15px 0;
}
form.FSF_form {
    margin: 0;
    padding: 0;
    width: auto;
    text-align: right !important;
}

input.FSF_input { 
    display: inline;
    height: 17px;
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    background: #fff url(images/input-bg.gif) repeat-x top left;
    margin: -1px 3px 0;
    padding: 3px 0 0;
}
input.FSF_submit { 
    display: inline;
    margin: -1px 0 0;
    padding: 0;
    height: 22px;
    line-height: 22px;
}


/*=========================================================================
Footer STUFF
=========================================================================*/
#footer {
border-top:1px solid #cecece;
background-image:url(images/footer.gif);
background-repeat:no-repeat;
height:23px;
}
#thefooter{
padding-top:5px;
float:right;
padding-right:10px;
font-size:10px;
}
.footeritems{
text-decoration:none;
color:#333333;
font-size:9px;
padding-right:5px;

}
.footer_selected{
text-decoration:none;
color:#333333;
font-size:9px;
padding-right:5px;
}

#footer p {
    padding: 20px 320px 20px 95px;
    background: url(images/bottom_sash.gif) no-repeat top left;
}

#footer a {border-bottom: none;}
#address{
padding-top:10px;
padding-right:10px;
float:right;
color:#cecece;
font-size:10px;
}
#address a{
color:#cecece;
font-size:10px;
}

/* Special handling for images & alignment 
------------------------------------------------------------------------------- */

p img {
padding: 0;
max-width: 100%;
}

img.centered {
display: block;
margin: 0 auto;
}
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

/* Fixes for RichText widgets
------------------------------------------------------------------------------- */
.MODX_RichTextWidget {
float: left;
}

.MODX_RichTextWidget a {
border: 0px;
}

#Form1 {
background-image:url(images/bg_calc.jpg);
background-repeat:no-repeat;
width:290px;
height:214px;
color:#FFF;
padding:10px 0px 0px 2px;
font-weight:bold;
}

#btn {
background-image:url(images/btn_calculate.jpg);
width:77px;
height:21px;
border:none;
cursor:pointer;
}


