@charset "utf-8";
/* EHS Joplin Primary Style Sheet */


body, html { margin: 0; background: #f3f1e5 url(../images/background.jpg) repeat-x; }
a { text-decoration: none; cursor: pointer; color: #812C2C; }
a:hover { text-decoration: underline; color: #5D7DA8; }
ul, li { margin: 0; padding: 0; }
h1 { font: 24px Verdana, Arial, Helvetica, sans-serif; color: #8d5c5c; }
h2 { font: 18px "myriad Pro", arial, sans-serif; color: #355d94; margin: 0; }
h3 { font: 18px "myriad Pro", arial, sans-serif; color: #808080; margin: 5px 0px; }
h4 { font: 14px "myriad Pro", arial, sans-serif; color: #812c2c; text-align: center; }
h4 img { margin-top: -5px; }
h5 { font: 20px "myriad Pro", arial, sans-serif; color: #355d94; margin: 5px; }
h6 { font: 14px "myriad Pro", arial, sans-serif; color: #812c2c; margin: 0; }
blockquote { padding: 10px; margin: 0; font: 12px Verdana, Arial, Helvetica, sans-serif; background: #f8f8f8; }
blockquote ul { margin:0  0 10px 20px; }
table { font: 18px "myriad Pro", arial, sans-serif; color: #777; }
input { background: #fff; color: #777; padding: 2px; border: none; border-top: solid 1px #c1c1c1; border-left: solid 1px #c1c1c1; width: 100%; font: 18px Verdana, Arial, Helvetica, sans-serif; }
input:focus { background: #fff; color: #000; border-top: solid 1px #9b9b9b; border-left: solid 1px #9b9b9b; width: 100%; font: 18px Verdana, Arial, Helvetica, sans-serif; }
textarea { background: #fff; color: #777; padding: 2px; border: none; border-top: solid 1px #c1c1c1; border-left: solid 1px #c1c1c1; width: 100%; height: 250px; font: 14px Verdana, Arial, Helvetica, sans-serif; }
textarea:focus { background: #fff; color: #000; border-top: solid 1px #9b9b9b; border-left: solid 1px #9b9b9b; }
button { width: auto; overflow: visible; margin:0; background: #f5f5f5; border: 1px solid #dedede; font: bold 12px Tahoma, Arial, Verdana, sans-serif; line-height: 130%; color:#565656; cursor: pointer; padding: 5px 10px 6px 7px; /* Links */ }
button img { margin: 0 3px -3px 0 !important; padding: 0; border: none; width: 16px; height: 16px; }
button.negative:hover { background: #fbe3e4; border: 1px solid #fbc2c4; color: #d12f19; }
button.positive:hover { background: #e6efc2; border: 1px solid #c6d880; color: #529214; }
button.neutral:hover { background: #dff4ff; border: 1px solid #c2e1ef; color: #336699; }
iframe { border: solid 2px #517da3; }
p img { margin: 0 10px 0 0; }


.leftCon { padding-right: 20px; width: 500px; border-right: solid 1px #d9d9d9; float: left; }
.rightCon { width: 300px; float: right; }
a.advertise { display: block; cursor: pointer; font: 18px "myriad Pro", arial, sans-serif; color: #736e5d; background: #fbfaf6; height: 150px; line-height: 150px; text-align: center; border: solid 1px #ebe8da; }
a:hover.advertise { color: #8e7a2f; background: #f2f1e8; border: solid 1px #dbd0a5; }
.clearer { clear: both; }
.links { margin-left: 30px; font: 12px Verdana, Arial, Helvetica, sans-serif; color: #777; }
.links li { margin-top: 3px; }
.links a { color: #812c2c; padding: 2px; }
.links a:hover { color: #000; padding: 2px; text-decoration: underline; }
.olist { font: 12px Verdana, Arial, Helvetica, sans-serif; color: #444; background: #f8f8f8; padding: 10px 30px; }
.line { background: #d9d9d9; width: 100%; height: 1px; margin: 20px 0; }
.ehsLogo { background: url(../images/EHSLogo.jpg) no-repeat; width: 120px; height: 80px; position: absolute; right: 10px; top: 0px; display: inline; }
.testimonies { color: #355d94; font: 12px Verdana, Arial, Helvetica, sans-serif; display: block; padding-bottom: 10px; }
.testimonies:hover { color: #333; text-decoration: underline; }
.redText { color: #8d5c5c; }
.yellow { background: #f6f4ec; }

#container { width: 880px; margin: 0 auto; position: relative; }
#logo { background: url(../images/logo.jpg) no-repeat; width: 619px; height: 112px; margin-left: -100px; }
#logo span { position: absolute; right: 10px; top: 80px; font: 18px "myriad Pro", arial, sans-serif; }
#navi { height: 58px; background: url(../images/clouds.jpg) no-repeat top; }
#navi ul { list-style: none; padding: 10px 0 0 0; }
#navi li { display: inline; }
#navi ul li img { border: none; margin: 7px 5px 0 0; }
#navi a { margin-right: 10px; padding: 0 0 0 6px; text-decoration: none; color: #fff; font: 18px Verdana, Arial, Helvetica, sans-serif; height: 38px; line-height: 38px; display: block; float: left; }
#navi a:hover { background: url(../images/manNavHoverLeft.png) no-repeat left top; color: #000; }
#navi a span { padding: 8px 6px 8px 0; }
#navi a:hover span { background: url(../images/manNavHoverRight.png) no-repeat right; }
#subNavi { height: 40px; margin-left: 12px; }
#subNavi ul { list-style: none; }
#subNavi li { display: inline; background: url(../images/navSplit.jpg) no-repeat right; }
#subNavi a { padding: 5px; color: #403810; font: 12px verdana, sans-serif; display: block; float: left; margin: 8px 10px 0 0; }
#subNavi a:hover { background: #807540; color: #fff; text-decoration: none; }
#content { padding: 10px 20px 20px 20px; background: #fff; }
#content p { text-indent: 20px; font: 12px Verdana, Arial, Helvetica, sans-serif; color: #777; margin-top: 20px; }
#bottomNavi { height: 25px; background: #fff; margin-top: 15px; padding: 20px; }
#bottomNavi ul { list-style: none; }
#bottomNavi li { display: inline; }
#bottomNavi a { margin-right: 10px; padding: 0px 6px; text-decoration: none; color: #595959; font: 12px Verdana, Arial, Helvetica, sans-serif; height: 29px; line-height: 29px; display: block; float: left; }
#bottomNavi a:hover { background: #808080; color: #fff; }
#bottomNavi img { margin-top: -10px; }
#copyright { font: 10px Verdana, Arial, Helvetica, sans-serif; color: #595959; padding: 10px; position: relative; }
#copyright span { position: absolute; right: 10px; top: 10px; }
#copyright a { color: #000; font-weight: bold; }
#copyright a:hover { color: #595959; text-decoration: underline; }
#serviceInfo { margin-top: 20px; border-top: solid 1px #d9d9d9; display: none; }
#videoContainer { margin-top: 20px; padding-top: 10px; border-top: solid 1px #d9d9d9; display: none; }
#doIt { display: none; font: 18px "myriad Pro", arial, sans-serif; }
#bio { padding: 10px; background: #fbfaf6; }
#bio p { margin: 0; }
#login { font: 12px Verdana, Arial, Helvetica, sans-serif; color: #777; margin-top: 10px; }