/* Exeter Environmental Associates CSS */

body  { color: #3f3f3f; font-size: small; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.65em; background-color: white; background-image: url(../images/top_bg.gif); background-repeat: repeat-x; background-position: 0 0; text-align: center; margin: 0; padding: 0     }

#mwrap { background-image: url(images/body_bg.gif); background-repeat: repeat-y; background-attachment: scroll; background-position: 0 0; text-align: left; margin: 5px auto 10px; position: relative; width: 690px; padding: 0; voice-family: inherit  }
html>body #mwrap     { width: 690px; }


a    { color: #3f3f3f; font-weight: normal; text-decoration: none  }
a:hover, a:visited    { color: #3c382f; text-decoration: underline }

ul       { font-size: 110%; list-style-position: outside; margin: 0 0 10px 30px; padding: 0 }
p      { font-size: 95%; margin: 0 0 15px }
h1 { color: white; background-color: transparent; background-image: url(../images/exeter-environmental.gif); background-repeat: no-repeat; background-position: left top; width: 290px; margin-left: 5px; }
h2         { color: #00466f; font-size: 140% !important; font-weight: normal; margin: 5px 0 10px   }
h3             { color: #417298; font-size: 100%; line-height: 1em; margin: 0 0 4px ; padding-left: 20px; }
h3 a         { color: #626259; font-size: 135%; line-height: 1.25em; text-decoration: underline; margin-bottom: 0 }
h4           { color: #5a5a5a; font-size: 100%; font-weight: bold; text-transform: uppercase; margin: 0 0 5px  }
.quiet { display: none }
.exeter1 { color: #002d56; font-weight: bold; }
.exeter2 { color: #6886a7; }
.middleImage { margin-left: 3px; }
.leftImage { margin-left: 4px; }
.highlight { background-color: #f7f2ac; }


#intro { color: #e1e0d6; font-size: 85%; line-height: 0.25em; margin-top: 30px; margin-bottom: 0; margin-left: 8px; padding: 0; }

#header         { background-color: transparent; background-image: url(../images/top_curve.gif); background-repeat: no-repeat; background-position: left top; padding: 10px 0 0 8px; width: 690px; float: left; margin: 0 0 5px; }
#header img { border: 0   ; cursor: pointer; }

#menu              { font-size: 110%; text-align: left; position: absolute; top: 50px; right: 20px; padding: 0; }
html>body #menu { position: absolute; top: 50px; right: 20px; margin: 0; }
/* commented backslash hack v2 \*/
#menu { top: 50px; margin: 0; }
/* end hack */
#menu ul    { color: #c2c4c6; text-align: left; float: right; margin: 0; padding: 0; }
#menu ul li { color: #d3d2c4; display: inline; margin: 0; padding: 0  }
#menu ul li a       { color: #9b9da0; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; line-height: 32px; text-decoration: none; text-transform: uppercase; margin: 0; width: 90px; height: 22px    ; padding: 3px 20px 5px; }
#menu ul li a:hover, #menu ul li a:hover.selected       { color: #fff; line-height: 22px; background-image: url(../images/nav_over.gif); background-repeat: no-repeat; background-position: center; text-decoration: none; width: 90px; height: 22px; }
#menu ul li a.selected     { color: #fff; background-image: url(../images/nav_over.gif); background-repeat: no-repeat; background-position: center; width: 90px; height: 22px      }

#footer         { color: #b4b6b8; font-size: 80%; line-height: 12px; text-align: left; margin-top: 0; margin-bottom: 15px; margin-left: 8px; padding: 4px 0; }  
#footer img { vertical-align: middle; margin-right: 5px; border: 0; }
#footer a { color: #b4b6b8; text-decoration: none; border: 0; }
#footer a:hover, #footer a:visited { color: #b4b6b8; text-decoration: underline; }

#main                { background-color: transparent; width: 690px; float: left ; margin: 4px 0 10px 2px; padding: 0; }
html>body #main { margin: 4px 0 5px 8px; }

#rounded { background-image: url(../images/content_bottom.gif); background-repeat: no-repeat; background-position: left bottom; width: 475px; float: left; margin-top: 4px; margin-bottom: 15px; }
#content          { background-image: url(../images/content_middle.gif); background-repeat: repeat-y; width: 475px; float: left; margin-bottom: 5px; }
#content p { margin-bottom: 20px; padding-top: 0; padding-right: 20px; padding-left: 20px; }
#content h2 { background-image: url(../images/content_top.gif); background-repeat: no-repeat; background-position: left top; margin: 0; padding-top: 15px; padding-bottom: 10px; padding-left: 20px; }
#content ul { font-size: 95%; list-style-position: inside; margin: -15px 0 20px 50px; padding: 0}

#sidebar { font-size: 80%; line-height: 1.65em; width: 188px; float: left; margin: 4px 0 0 3px; padding: 0; }
html>body #sidebar { width: 191px; }

dl { width: 191px; margin: 0 0 10px; background: #f0f4fb url(../images/box_bottom.gif) no-repeat left bottom; padding-bottom: 10px; }
dt { font-weight: bold; margin: 0; padding: 10px 10px 0; background: url(../images/box_top.gif) no-repeat left top; }
dd { margin: 0; padding: 0 15px 0 10px; }
#bottom { color: #9b9da0; width: 191px; background: #ecf1ef url(../images/box_bottom.gif) no-repeat center bottom; padding-top: 0; padding-bottom: 10px; }
#bottom p { font-size: 100%; padding-right: 10px; padding-bottom: 0; padding-left: 10px; }
#bottom h3 { color: #9b9da0; padding-top: 10px; background: url(../images/box_top.gif) no-repeat center top; padding-right: 10px; padding-left: 10px; }
#bottom ul { font-size: 100% !important; padding-top: 0; padding-right: 10px; }