* {list-style-type: none; margin: 0; padding: 0; text-decoration: none;}
body {margin: 0 auto; text-align: center; font-family: Tahoma, Verdana, Arial; color: #333333; background-color: #333;}

h1 {color: #999999; font-weight: normal; font-size: 2.0em; margin: 20px 0 30px 0;}
h2	{font-weight: normal; font-size: 1.2em; color: #666666; margin: 25px 0 10px 0;}
h3 {font-size: 0.9em; margin: 20px 0 10px 0;}
p {font-size: 0.9em; line-height: 1.75em; margin: 15px 0;}
a {color: #005AC3;}
a:visited {color: #005682;}
sup {font-size: 0.7em;}

input[type="text"], textarea {font-family: Tahoma, Verdana, Arial; font-size: 0.8em; border: 1px solid #CCCCCC; padding: 5px; color: #666666; margin: 0;}
textarea {line-height: 1.5em;}

p#breadcrumbs {font-size: 0.8em; margin: 0;}
p#braedcrumbs a {text-decoration: underline;}

#header {background-image: url(../images/layout/header.gif); height: 160px; width: 800px; position: relative; margin: 0 auto;}
#header ul {padding: 10px 0 0 248px; text-indent: -9999px;}
#header ul li {width: 110px; height: 30px; float: left;}
#header ul li a {display: block; width: 110px; height: 30px; float: left;}

#header ul li#gloveguide {background-image: url(../images/hornav/gloveguide.gif);}
#header ul li#gloveallergy {background-image: url(../images/hornav/gloveallergy.gif);}
#header ul li#foodsafety {background-image: url(../images/hornav/foodsafety.gif);}
#header ul li#worksafety {background-image: url(../images/hornav/worksafety.gif);}
#header ul li#pandemic {background-image: url(../images/hornav/pandemic.gif);}

#container {background-color: #FFFFFF; background-image: url(../images/layout/bckgrd.gif); background-repeat: repeat-x; background-position: top left; float: none;}
#middle {text-align: left; width: 800px; background-image: url(../images/layout/middle_bckgrd.gif); background-position: top left; background-repeat: no-repeat; clear: left; margin: 0 auto; min-height: 40px; background-color: #FFFFFF; overflow: auto;}
#feature {padding: 75px 50px 25px 50px;}
#feature p {color: #666666; font-size: 1.1em; line-height: 2.5em;}
#feature ul {clear: right;}
#feature ul li {border-bottom: 1px dashed #CCCCCC; padding: 10px 0; line-height: 1.75em;}
#feature ul li a {font-weight: bold;}
#feature ul li span {font-size: 0.85em;}

#homepage {padding: 60px 50px 75px 50px;}
#homepage p {color: #666666; font-size: 1.1em; line-height: 2em;}

#l ul li, #r ul li {border: none; padding: 10px 25px;}
#l h2, #r h2 {border-bottom: 1px dashed #CCCCCC; text-align: center; font-size: 1.25em; padding: 0 0 10px 0;}
#l, #r {width: 340px;}
#l {float: left; clear: right; margin: 0 10px 0 0;}
#r {float: right; margin: 0 0 0 10px;}

#left {background-image: url(../images/vertnav/vertnav_top.gif); background-repeat: no-repeat; background-color: #FFF; float: left; width: 250px; margin: 65px 0 0 0;}
#left ul {background-image: url(../images/vertnav/vertnav_bottom.gif); background-position: bottom left; background-repeat: no-repeat; padding: 30px 0 40px 0; width: 220px;}
#left ul li {width: 220px; height: 30px; text-indent: -9999px;}
#left ul li a {display: block; width: 220px; height: 30px;}
#left ul li#glossary {background-image: url(../images/vertnav/glossary.gif);}
#left ul li#grades {background-image: url(../images/vertnav/grades.gif);}
#left ul li#powder {background-image: url(../images/vertnav/powder.gif);}
#left ul li#process {background-image: url(../images/vertnav/process.gif);}
#left ul li#disposables {background-image: url(../images/vertnav/disposables.gif);}
#left ul li#testing {background-image: url(../images/vertnav/testing.gif);}
#left ul li#foodcode {background-image: url(../images/vertnav/foodcodes.gif);}
#left ul li#handwashing {background-image: url(../images/vertnav/handwashing.gif);}
#left ul li#gloveusage {background-image: url(../images/vertnav/gloveusage.gif);}
#left ul li#regulations {background-image: url(../images/vertnav/regulations.gif);}
#left ul li#latexallergy {background-image: url(../images/vertnav/latexallergy.gif);}
#left ul li#nitrileallergy {background-image: url(../images/vertnav/nitrileallergy.gif);}
#left ul li#osha {background-image: url(../images/vertnav/osha.gif);}
#left ul li#chemresist {background-image: url(../images/vertnav/chemresist.gif);}
#left ul li#handinjuries {background-image: url(../images/vertnav/handinjuries.gif);}
#left ul li#sizing {background-image: url(../images/vertnav/sizing.gif);}
#left ul li#quality {background-image: url(../images/vertnav/quality.gif);}
#left ul li#health {background-image: url(../images/vertnav/health.gif);}
#left ul li#swine {background-image: url(../images/vertnav/swine.gif);}
#left ul li#avian {background-image: url(../images/vertnav/avian.gif);}
#left ul li#donning {background-image: url(../images/vertnav/donning.gif);}
#left ul li#chlorination {background-image: url(../images/vertnav/chlorination.gif);}
#left ul li#hygiene {background-image: url(../images/vertnav/hand-hygiene.gif);}
#left ul li#powderallergy {background-image: url(../images/vertnav/powder-allergy.gif);}

#right {float: right; border-left: 1px dashed #CCCCCC; width: 499px; margin: 20px 0 0 0; padding: 0 0 0 50px; background-image: url(../images/layout/right_bckgrd.gif); background-repeat: no-repeat; background-position: center; background-color: #FFF;}
#right ul#links li {font-size: 0.9em;}
#right ul.list {margin: 15px 0 0 0;}
#right ul.list li {font-size: 0.9em; list-style-type: square; line-height: 1.5em; margin: 0 0 0 15px;}
#right ol {margin: 15px 0 0 0;}
#right ol li {list-style-type: decimal; margin: 0 0 0 25px; line-height: 1.5em; font-size: 0.9em;}
#right img.photo, #feature img.photo, #homepage img.photo {border: 1px solid #CCCCCC; padding: 10px; margin: 10px; background-color: #FFFFFF;}
#right table span {font-size: 0.9em;}
#right table td, #right table th {padding: 0 0 5px 0;}
#right table th {font-weight: bold; border-bottom: 1px dashed #CCCCCC;}
#right table {width: 100%;}

#bottom {background-image: url(../images/layout/bottom.gif); background-repeat: repeat-x; position: static; bottom: 0px; height: 150px; width: 100%; clear: both;}
#footer {background-image: url(../images/layout/footer.gif); width: 800px; height: 150px; margin: 0 auto;}

#footer ul {padding: 33px 0 0 48px; text-indent: -9999px;}
#footer ul li {width: 148px; height: 53px; float: left;}
#footer ul li a {display: block; width: 148px; height: 53px; float: left;}

#footer ul li#home {background-image: url(../images/subnav/home.gif);}
#footer ul li#top {background-image: url(../images/subnav/top.gif);}
#footer ul li#print {background-image: url(../images/subnav/print.gif);}
#footer ul li#question {background-image: url(../images/subnav/question.gif);}
#footer ul li#tradex {background-image: url(../images/subnav/tradex.gif);}

#footer p {color: #FFFFFF; font-size: 0.7em; margin: 75px 0 0 0;}

#outline {border: 1px solid #CCCCCC; padding: 10px; background-color: #FFFFFF;}
#outline table {border: 1px solid #CCCCCC; background-image: url(../images/layout/fade.gif); background-repeat: repeat-x; padding: 10px; width: 100%;}
#outline table span {font-size: 0.8em;}

p#update {font-size: 0.75em; padding-top: 10px;}