body { margin: 0; background-color: #BEBBB2; color: #666666; font-size: 11px; font-weight: normal; font-family: verdana, arial, sans-serif; }
.popup { margin: 0; background-color: #ffffff; color: #666666; font-size: 11px; font-weight: normal; font-family: verdana, arial, sans-serif; }

.page { background-color: #FFFFFF; }
.green { background-color: #007355; }
.red { color:red; }

/* === MAP AND LOCATIONS ===*/
.map
{
    background: transparent url(images/map/map.gif) no-repeat left top;
    width: 464px;
    height: 477px;
    position: relative;
}

.map a, .map a:link, .map a:visited, .map a:active
{
    background: transparent url(images/map/dot.gif) no-repeat left 1px;
    padding: 0 0 0 12px;
    text-decoration: none;
    font-weight: bold;
    position: absolute;
    color: #8b8a89;
}

.map a:hover { background: transparent url(images/map/dot.gif) no-repeat left -13px; color: #007355; }

/*
<a href="location_vandalia.asp" id="vandalia">Vandalia</a>*/

.map a:link#belleville, .map a:visited#belleville, .map a:active#belleville { top: 222px; left: 85px; background-position: right 1px; padding: 0 12px 0 0; }
.map a:hover#belleville { background: transparent url(images/map/dot.gif) no-repeat right -13px; color: #007355; }

.map a:link#stlouis, .map a:visited#stlouis, .map a:active#stlouis { top: 198px; left: 70px; background-position: right 1px; padding: 0 12px 0 0; }
.map a:hover#stlouis { background: transparent url(images/map/dot.gif) no-repeat right -13px; color: #007355;}

.map a:link#effingham, .map a:visited#effingham, .map a:active#effingham { top: 124px; left: 283px; }

.map a:link#benton, .map a:visited#benton, .map a:active#benton { top: 295px; left: 258px; background-position: right 1px; padding: 0 12px 0 0; }
.map a:hover#benton { background: transparent url(images/map/dot.gif) no-repeat right -13px; color: #007355;}

.map a:link#centralia, .map a:visited#centralia, .map a:active#centralia { top: 222px; left: 274px; }

.map a:link#clayton, .map a:visited#clayton, .map a:active#clayton { top: 185px; left: 62px; background-position: right 1px; padding: 0 12px 0 0; }
.map a:hover#clayton { background: transparent url(images/map/dot.gif) no-repeat right -13px; color: #007355;}

.map a:link#dahlgren, .map a:visited#dahlgren, .map a:active#dahlgren { top: 278px; left: 325px; }

.map a:link#fairfield, .map a:visited#fairfield, .map a:active#fairfield { top: 219px; left: 372px; }

.map a:link#harrisburg, .map a:visited#harrisburg, .map a:active#harrisburg { top: 342px; left: 352px; }

.map a:link#marion, .map a:visited#marion, .map a:active#marion { top: 346px; left: 258px; background-position: right 1px; padding: 0 12px 0 0; }
.map a:hover#marion { background: transparent url(images/map/dot.gif) no-repeat right -13px; color: #007355;}

.map a:link#mcleansboro, .map a:visited#mcleansboro, .map a:active#mcleansboro { top: 296px; left: 373px; }

.map a:link#mtvernon, .map a:visited#mtvernon, .map a:active#mtvernon { top: 256px; left: 302px; }

.map a:link#salem, .map a:visited#salem, .map a:active#salem { top: 208px; left: 297px; }

.map a:link#vandalia, .map a:visited#vandalia, .map a:active#vandalia { top: 155px; left: 273px; }


/** html .map img { margin-top: -2px; }*/

/* PAGE SPACING
------------------------------------------------------------------------- */
.leftnav { padding-top: 20px; padding-left: 20px; padding-right: 20px; background-color: #007355;}
.leftpromopad { padding: 20px 0 0 0;}
.leftpromo { padding-bottom: 80px;}
.rightnav { padding-top: 25px; padding-left: 30px; padding-right: 30px;}
.mainpage { padding-top: 20px; padding-left: 30px; padding-right: 30px;}

.mainpageinternal { padding-top: 0px; padding-left: 30px; padding-right: 30px;}

/* HEADER NAVIGATION
------------------------------------------------------------------------- */
.headnavpad { padding-top: 2px; padding-bottom: 5px; }

a.navhead:active { color: #007355; text-decoration: underline;}
a.navhead:visited { color: #007355; text-decoration: underline;}
a.navhead:hover { color: #666666; text-decoration: underline;}
.navhead { padding-right: 5px; color: #007355; font-weight: normal; font-size: 10px; text-decoration: underline; }

.nametag { text-decoration: none; color: #666666; }



/* HOMEPAGE SPECIFIC
------------------------------------------------------------------------- */
#main-content-left
{
    width: 259px;
    float: left;
    padding: 0 10px 20px 0;
}

#main-content-right
{
    float: right;
    padding: 0 0 20px 10px;
    border-left: 1px solid #EAE7DE;
    width: 185px;
}

#main-content-right img
{
    margin: 0 0 10px 0;
    border: none;
}


/* LEFT NAVIGATION
------------------------------------------------------------------------- */
.leftnavpad { padding-top: 4px; padding-bottom: 6px; border-bottom: #5CA18D; border-width: 0 0 1px 0; border-style: none none solid none; }
img.left-promo { display: block; margin: 0 0 15px 0; width: 185px; border: none;}

.leftnavpadend { padding-top: 4px; padding-bottom: 20px;}
.navbackground { background-color: #127C60; padding-top: 8px; padding-left: 10px; padding-bottom: 6px; border-bottom: #5CA18D; border-width: 0 0 1px 0; border-style: none none solid none; }
.subnavpad { padding-bottom: 2px;}

a.navmain:active { color: #B7CFC5; text-decoration: none;}
a.navmain:visited { color: #B7CFC5; text-decoration: none;}
a.navmain:hover { color: #FFFFFF; text-decoration: none;}
.navmain { color: #B7CFC5; text-decoration: none; font-size: 9px; font-weight: bold; font-family: verdana, sans-serif; text-transform: uppercase; }

.navmainon { padding-top: 4px; padding-bottom: 6px; color: #FFFFFF; text-decoration: none; font-size: 9px; font-weight: bold; font-family: verdana, sans-serif; text-transform: uppercase;  border-bottom: #5CA18D; border-width: 0 0 1px 0; border-style: none none solid none;}


a.navsub:active { color: #FFFFFF; text-decoration: none;}
a.navsub:visited { color: #FFFFFF; text-decoration: none;}
a.navsub:hover { color: #FFFF99; text-decoration: none;}
.navsub { padding-left: 1px; color: #FFFFFF; text-decoration: none; font-size: 11px; font-weight: bold; font-family: arial, sans-serif; }

/* RIGHT NAVIGATION
------------------------------------------------------------------------- */
.navright { padding-bottom: 3px; }
.rightnavpad { border-bottom: #8C8980; border-width: 0 0 2px 0; border-style: none none solid none; }
.navrightsmalldiv { padding-left: 4px; padding-right: 4px; color: #8C8980; font-size: 10px; font-weight: normal; font-family: verdana, sans-serif; }
.rightnavbar { padding-top: 3px; padding-bottom: 3px; }
.rightnavbarline { padding-top: 5px; border-color: #E5E6E1 transparent transparent transparent; border-width: 2px 0px 0px 0px; border-style: solid none none none; }

a.navrightsmall:active { color: #007355; text-decoration: none;}
a.navrightsmall:visited { color: #007355; text-decoration: none;}
a.navrightsmall:hover { color: #4A463C; text-decoration: none;}
.navrightsmall { color: #007355; text-decoration: none; font-size: 10px; font-weight: normal; font-family: arial, sans-serif; }

/* BAR ELEMENTS
------------------------------------------------------------------------- */
.barpad { padding: 0 0 10px 0; }
.barpad2 { padding-bottom: 10px; padding-top: 10px; }
.bar { padding-left: 10px; padding-top: 5px; padding-bottom: 5px; background-color: #EAE7DE; color: #666666; font-weight: bold; font-family: verdana, sans-serif;}
.bar2 { padding-left: 10px; padding-top: 5px; padding-bottom: 5px; background-color: #EAE7DE; color: #666666; font-weight: bold; font-family: verdana, sans-serif; border-right: #FFFFFF; border-width: 0px 2px 0px 0px; border-style: none solid none none;}
.bar3 { padding-left: 10px; padding-top: 5px; padding-bottom: 5px; background-color: #FFFFFF; color: #666666; font-weight: bold; font-family: verdana, sans-serif; border-right: #FFFFFF; border-width: 0px 2px 0px 0px; border-style: none solid none none;}

.bardate { padding-right: 10px; font-size: 10px; font-weight: normal; font-family: arial, sans-serif;}

.barleft { padding-left: 10px; padding-right: 15px; }
.barhead { margin: 0px 0px 2px 0px; padding-left: 10px; font-weight: bold;}
.barcontent { padding: 0 10px 5px 10px; }
.question { margin: 0px 0px 4px 0px; padding-right: 10px; padding-left: 10px; font-weight: bold;}
.protectionlist { margin: 0px 0px 7px 0px; padding-right: 10px; padding-left: 10px; font-weight: normal;}
.answer { padding-right: 10px; padding-left: 10px; padding-bottom: 7px; font-weight: normal; border-color: transparent transparent #E5E6E1 transparent ; border-width: 0px 0px 1px 0px; border-style: none none solid none; }

#Panel_Results .Summary .answer
{
    /* fix for calculators */
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
    border: none;
}

.faq { margin: 0px 0px 4px 0px; color: #007355; padding-right: 0px; padding-left: 10px; font-weight: bold;}
.barline { text-align: right; padding-top: 7px; border-color: #E5E6E1 transparent transparent transparent; border-width: 1px 0px 0px 0px; border-style: solid none none none; }

.barlinehead { text-align: right; padding-top: 7px; padding-bottom: 7px; border-color: #E5E6E1 transparent transparent transparent; border-width: 1px 0px 0px 0px; border-style: solid none none none; }
.barlineleft { text-align: left; padding-top: 7px; border-color: #E5E6E1 transparent transparent transparent; border-width: 1px 0px 0px 0px; border-style: solid none none none; }
.barlinelefthead { text-align: left; padding-top: 7px; border-color: #E5E6E1 transparent transparent transparent; border-width: 1px 0px 0px 0px; border-style: solid none none none; }

.barlinecontent { padding-bottom: 5px; }

.barimage { padding-right: 10px; padding-left: 5px; padding-bottom: 10px; white-space: nowrap;}
.barterms { padding-left: 10px; padding-top: 5px; padding-bottom: 5px; border-color: transparent transparent #E5E6E1 transparent; border-width: 0px 0px 1px 0px; border-style: none none solid none; }

.barsmtext { font-size: 10px; padding-left: 10px; padding-top: 5px; padding-bottom: 8px;  }

a.navbar:active { color: #007355; text-decoration: underline;}
a.navbar:visited { color: #007355; text-decoration: underline;}
a.navbar:hover { color: #4A463C; text-decoration: underline;}
.navbar { color: #007355; text-decoration: underline; }

/* GENRAL NAVIGATION and ELEMENTs
------------------------------------------------------------------------- */
.navsquareright {  padding-left: 5px;}
.navsquareleft {  padding-right: 4px; }

.a:active { color: #007355; text-decoration: underline;}
a:visited { color: #007355; text-decoration: underline;}
a:hover { color: #007355; text-decoration: none;}
a { color: #007355; text-decoration: underline; }


/* CONTENT
------------------------------------------------------------------------- */
p { margin: 0px 0px 7px 0px;}
p.home { margin: 0px 0px 15px 0px; font-size: 12px;}
p.home2 { margin: 6px 0px 15px 0px; font-size: 12px;}
.date { color: #4A463C; font-size: 10px; font-weight: normal; font-family: verdana, sans-serif; }
.required { padding-right: 3px; color: #007355; font-size: 10px; }
.barterms .required {padding-right: 0; }
.smtext { font-size: 9px; }
.greentext { color: #007355; }
.pvest { font-size:90%; }
.pvest2 { font-variant: small-caps; }

ul { padding-left: 15px; margin: 0px 0px 7px 0px; }
li { padding: 0px; margin: 0px 0px 3px 0px; list-style-type:square; list-style-position:outside; }
li.numbers { list-style-type: decimal; list-style-position: inherit; }

/* HEADERS
------------------------------------------------------------------------- */
h1.home { margin: 0px 0px 0px 0px; color: #007355; word-spacing: -2px; letter-spacing: -1px; font-size: 22px; font-weight: bold; font-family: "lucida grande", "lucida sans regular", verdana, arial, sans-serif;}
h2.home { margin: 0px 0px 6px 0px; color: #666666; font-size: 16px; font-weight: normal;  }
h1.namedesc { margin: 0px 0px 3px 0px; font-size: 11px; font-weight: bold; font-family: verdana, arial, sans-serif; }
h1.nametitle { margin: 0px 0px 4px 0px; color: #007355; font-size: 11px; font-weight: bold; font-family: verdana, arial, sans-serif; }

h1.disclosure { margin: 0px 0px 5px 0px; color: #007355; word-spacing: -2px; letter-spacing: -1px; font-size: 20px; font-weight: bold; font-family: "lucida grande", "lucida sans regular", verdana, arial, sans-serif;}
h3  { margin: 0px 0px 5px 0px; color: #007355; font-size: 14px; font-weight: bold; }
h4  { margin: 0px 0px 15px 0px; color: #007355; font-size: 12px; font-weight: bold; }

/* FORMS
------------------------------------------------------------------------- */
.formtitle { padding-bottom: 3px; font-size: 10px; font-weight: bold; }
.formtitleerror { padding-bottom: 3px; color: #FF0000; font-size: 10px; font-weight: bold; }

/* IMAGES	
------------------------------------------------------------------------- */
.imagefloatright { float: right; clear: left; margin: 0px 0px 5px 10px; }
.imagefloatleft { float: left; clear: right; margin: 0px 20px 100px 0px; }
.imagefloatleft2 { float: left; clear: right; margin: 0px 20px 50px 0px; }

/* SITEMAP
------------------------------------------------------------------------- */
.sitemap { padding-top: 20px; }

a.navsitemaptitle:active { color: #007355; text-decoration: underline;}
a.navsitemaptitle:visited { color: #007355; text-decoration: underline;}
a.navsitemaptitle:hover { color: #4A463C; text-decoration: underline;}
.navsitemaptitle { color: #007355; font-weight: bold; text-decoration: underline; }


/* FOOTER
------------------------------------------------------------------------- */
.footer { padding: 20px 40px 0 40px; }
.no-right-pad {padding-right: 0;}
.footernav { padding-bottom: 20px; padding-right: 30px;}
.footernavalt { padding-bottom: 20px; }
.copyright { font-size: 10px; color: #8C8980; font-weight: normal; font-family: Arial, sans-serif; }
.footer-left {float: left;}
img#blues-footer {float: right; display: block;}



