* {padding: 0; margin: 0}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:1em 5%; } li, dd { margin-left:5%; }
fieldset { padding: .5em; }

html {margin: 10px 0px 0px 0px; padding: 0px}

a:link {color: #ED1C24}
a:visited {color: #ED1C24}
a:hover {color: #00A605}

span.layout {display: block; height: 600px; width: 800px; border-width: 2px 2px 2px 2px; border-style: solid; position: absolute; top: 0px; left: 50%; margin-left: -400px}

div.back {position: absolute; height: 600px; width: 800px; background-image: url(background2.gif); z-index: 0}

div.header {background-image: url('headbar.gif'); position: absolute;
height: 85px; width: 800px; z-index: 1; background-color: #ED1C24}

div.buttonholder {position: absolute; top: 110px; left: 30px; z-index: 0;border: 0}

img.gradient {position: absolute; top: 85px; height: 23px; width: 800px}

h1.header_info {color: white; font-size: 13px; font-family: arial, sans-serif; position: absolute; left: 107px; top: 20px; z-index: 2}

img.sdi_logo {border-width: 0px; position: absolute; left: 23px; top: 20px; z-index: 3}

img.sdi_truck {position: absolute; right: 10px; top: 5px; z-index: 1}

p.home_link {position: absolute; top: 121px; left: 23px; font-size: 10; z-index: 4}

div.navigation {position: absolute; top: 52px; left: 0px; z-index: 3}

p.nav {position: absolute; left: 145px; top: 35px; font-family: arial, sans-serif; font-size: 80%; font-weight: bold; color: #ED1C24}

a {position: absolute}
a.headernav:link {display: block; width: 86px; height: 24px; background-image: url("services.gif")}
a.headernav:visited {display: block; width: 86px; height: 24px; background-image: url("services.gif")}
a.headernav:hover {background-image:url("servicesroll.gif")}

a.billpay {left: 90px}
a.billpay:link {display: block; width: 74px; height: 24px; background-image: url("billpay.gif")}
a.billpay:visited {display: block; width: 74px; height: 24px; background-image: url("billpay.gif")}
a.billpay:hover {background-image:url("billpayroll.gif")}

a.mission {left: 168px}
a.mission:link {display: block; width: 72px; height: 24px; background-image: url("mission.gif")}
a.mission:visited {display: block; width: 72px; height: 24px; background-image: url("mission.gif")}
a.mission:hover {background-image:url("missionroll.gif"); display: block; width: 72px; height: 24px}

a.contact {left: 246px}
a.contact:link {display: block; width: 73px; height: 24px; background-image: url("contact.gif")}
a.contact:visited {display: block; width: 73px; height: 24px; background-image: url("contact.gif")}
a.contact:hover {background-image:url("contactroll.gif"); display: block; width: 73px; height: 24px}

div.notification {background-color: #FFDF4F; border-style: solid; border-width: 1px 1px 1px 1px; border-color: black; position: absolute; top: 125px; left: 200px; z-index: 5; width: 160px; height: 20px}

h3.notification {color: red; font-size: 13px; font-family: arial, sans-serif; position: relative; top: -10px; left: 5px}

div.mainstuff {top: 140px; text-align: center; position: absolute; left: 22px; top: 145px; height: 430px; width: 450px; overflow: auto; z-index: 3}

h3.mainstuff {position: relative; top: -10px; color: #ED1C24; font-family: arial, sans-serif}

img.mainstuff {position: relative; width: 85%; top: -20px}

img.circle {height: 55px; width: 55px; padding-left: 7px; padding-right: 7px; position: relative; top: -30px}

h4.mainstuff {position: relative; top: -25px; color: #ED1C24; font-family: arial, sans-serif}

h5.mainstuff {color: #ED1C24; font-family: arial, sans-serif; margin-left: 0px}

div.outsidebox {position: absolute; left: 475px; top: 170px; overflow: auto; height: 400px; width: 370px; z-index: 2}

p.body3 {display: inline; height: 360px; width: 280px; position: absolute; left: 0px; top: 7px; border-width: thin; border-style: solid; border-color: #ED1C24; overflow: auto; padding: 7px 7px 7px 7px; font-family: arial, sans-serif; font-size: 16px; text-align: center}

p.bodyleft {font-family: arial, sans-serif; padding: 0px 0px 0px 0px; font-size: 60%; position: absolute; bottom: 5px; left: 10px; z-index: 4}

p.bodyright {display: block; z-index: 4; font-size: 60%; position: absolute; bottom: 5px; right: 30px; nowrap}

p.body2 {position: relative; top: -5px; left: -10px; font-family: arial, san serif; font-size: 80%}

p.sidebody {position: absolute; background-color: #F7F1C7; color: #ED1C24; font-weight: bold; left: 5px; z-index: 3; top: -1px; font-family: arial, san serif; font-size: 75%}

p.body4 {height: 360px; width: 280px; position: absolute; left: 0px; top: 7px; border-width: thin; border-style: solid; border-color: #ED1C24; overflow: auto; padding: 7px 7px 7px 7px; font-family: arial, san serif; font-size: 75%}

img.body4 {vertical-align: middle}
a.body4 {vertical-align: middle}

a.fix_link {position: relative}
a.fix_link2 {position: relative}

span.contact_list {color: #ED1C24; font-weight: bold}

a.contactlive {left: 246px}
a.contactlive:link {display: block; width: 73px; height: 24px; background-image: url("contactlive.gif")}
a.contactlive:visited {display: block; width: 73px; height: 24px; background-image: url("contactlive.gif")}
a.contactlive:hover {background-image:url("contactroll.gif"); display: block; width: 73px; height: 24px}

a.missionlive {left: 168px}
a.missionlive:link {display: block; width: 72px; height: 24px; background-image: url("missionlive.gif")}
a.missionlive:visited {display: block; width: 72px; height: 24px; background-image: url("missionlive.gif")}
a.missionlive:hover {background-image:url("missionroll.gif"); display: block; width: 72px; height: 24px}

a.billpaylive {left: 90px}
a.billpaylive:link {display: block; width: 74px; height: 24px; background-image: url("billpaylive.gif")}
a.billpaylive:visited {display: block; width: 74px; height: 24px; background-image: url("billpaylive.gif")}
a.billpaylive:hover {background-image:url("billpayroll.gif")}

a.headernavlive:link {display: block; width: 86px; height: 24px; background-image: url("serviceslive.gif")}
a.headernavlive:visited {display: block; width: 86px; height: 24px; background-image: url("serviceslive.gif")}
a.headernavlive:hover {background-image:url("servicesroll.gif")}

span.headerbar {display: block; height: 20px; width: 450px; border: 0; padding: 0; position: absolute; top: 0px; background-color: #ED1C24}