﻿body {margin: 0; padding: 0;}
img, img a, a img {border: 0; display: block;}
.clearBoth {clear: both;}

#wrapper {width: 732px; margin: auto; padding: 60px 0 35px 0;}
.logo {float: left; padding: 15px 0 15px 33px;}
.hline {margin: auto; padding: 5px 0 5px 0;}

#header {width: 732px; height: 100px; background: url("../img/common/backgrnd.gif");}
#mid {width: 732px; height: 300px; background: url("../img/common/backgrnd.gif"); padding-bottom: 25px;}
#midFlex {width: 732px; background: url("../img/common/backgrnd.gif"); padding-bottom: 25px;}
#navContainer {width: 125px; float: left; padding: 20px 0 0 35px;}
#nav {margin:0; padding:0px; float: left; /* IE WHTESPACE BUG */}
#nav li {list-style: none; left: 0px; border: 0px; padding: 0px; display: inline;}
#li img {vertical-align: bottom;}
#ul {list-style: none;}
#contentContainer {width: 470px; float: right;  padding: 20px 47px 15px 40px; background: url("../img/common/line-vert.gif") repeat-y;}
#footer {width: 732px; height: 14px; margin: auto;}
#subnav {width: 715px; margin: auto;}

#splitLeft {width: 150px; float: left;}
#splitRight {width: 270px; float: right; padding-top: 15px;}

.chart {margin: auto;}

/*FORM*/

form {width: 225px; padding: 0px;}
label {display: block; margin-top : 12px; width: 100%; background-repeat: no-repeat;}
.formtext {font-family: Arial, Helvetica, Sans Serif; font-size: 12px; color: #9A8C7E;}
.textarea  {font-family: Arial, Helvetica, Sans Serif; font-size: 12px; color: #9A8C7E;}
.border {border: 2px dashed #cccccc;}


/*FONT attributes*/


h2 {font-family: Arial, Helvetica, Sans Serif; font-size: 13px; color: #9A8C7E; text-align: left; font-weight: strong;}

p {font-family: Arial, Helvetica, Sans Serif; font-size: 12px; color: #9A8C7E; text-align: left;}
p a:link {font-family: Arial, Helvetica, Sans Serif; font-size: 12px; color: #9A8C7E; text-decoration: underline;}
p a:visited {font-family: Arial, Helvetica, Sans Serif; font-size: 12px; color: #9A8C7E; text-decoration: underline;}
p a:hover {font-family: Arial, Helvetica, Sans Serif; font-size: 12px; color: #9A8C7E; text-decoration: underline;}
p a:active {font-family: Arial, Helvetica, Sans Serif; font-size: 12px; color: #9A8C7E; text-decoration: underline;}

.subnav {font-family: Arial, Helvetica, Sans Serif; font-size: 12px; color: #000; text-align: right; text-decoration: none;}
.subnav a:link {font-family: Arial, Helvetica, Sans Serif; font-size: 12px; color: #000; text-align: right; text-decoration: none;}
.subnav a:visited {font-family: Arial, Helvetica, Sans Serif; font-size: 12px; color: #000; text-align: right; text-decoration: none;}
.subnav a:hover {font-family: Arial, Helvetica, Sans Serif; font-size: 12px; color: #fff; text-align: right; text-decoration: none;}
.subnav a:active {font-family: Arial, Helvetica, Sans Serif; font-size: 12px; color: #000; text-align: right; text-decoration: none;}

.listText {font-family: Arial, Helvetica, Sans Serif; font-size: 12px; color: #9A8C7E; text-align: left; line-height: 16px;}
.listText a:link {font-family: Arial, Helvetica, Sans Serif; font-size: 12px; color: #9A8C7E; text-align: left; line-height: 16px;}
.listText a:visited {font-family: Arial, Helvetica, Sans Serif; font-size: 12px; color: #9A8C7E; text-align: left; line-height: 16px;}
.listText a:hover {font-family: Arial, Helvetica, Sans Serif; font-size: 12px; color: #9A8C7E; text-align: left; line-height: 16px;}
.listText a:active {font-family: Arial, Helvetica, Sans Serif; font-size: 12px; color: #9A8C7E; text-align: left; line-height: 16px;}

.tableText {font-family: Arial, Helvetica, Sans Serif; font-size: 10px; color: #fff; text-align: left;}

/*NAV rollover*/

#home {display: block; width: 111px; height: 20px; background: url("../img/nav/home.gif") no-repeat 0 0;}
#home:hover {background-position: 0 -20px;}
#home span {display: none;}

#about {display: block; width: 111px; height: 20px; background: url("../img/nav/about.gif") no-repeat 0 0;}
#about:hover {background-position: 0 -20px;}
#about span {display: none;}

#services {display: block; width: 111px; height: 20px; background: url("../img/nav/services.gif") no-repeat 0 0;}
#services:hover {background-position: 0 -20px;}
#services span {display: none;}

#products {display: block; width: 111px; height: 19px; background: url("../img/nav/products.gif") no-repeat 0 0;}
#products:hover {background-position: 0 -19px;}
#products span {display: none;}

#lean {display: block; width: 111px; height: 20px; background: url("../img/nav/leaninitiatives.gif") no-repeat 0 0;}
#lean:hover {background-position: 0 -20px;}
#lean span {display: none;}

#contact {display: block; width: 111px; height: 21px; background: url("../img/nav/contact.gif") no-repeat 0 0;}
#contact:hover {background-position: 0 -21px;}
#contact span {display: none;}
