body
{
text-align:center;
margin-top: 0px;
font:Verdana, Arial, Helvetica, sans-serif 100%;
background: #D4EFEF url(../images/page-bg.jpg) repeat-x left top;
}
body *
{
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #484848;
  }
#wrapper
{
width: 774px;
text-align:left;
background-color:#FFFFFF;
border: 1px #ffffff solid
}
#header
{
background:url(../images/header.jpg) repeat-x left top;
background-color:#009999;
width: 764px;
height: 20px;
font-size:75%;
color:#ffffff;
padding: 106px 10px 0px 0px;
text-align:right;
font-weight: bold;
clear:both;
margin-bottom: 11px;
}
#leftside
{
float:left;
width: 202px;
text-align:center;
}
#main
{
float:right;
width: 565px;
font-size: 70%;
line-height: 1.3;
}
#content
{
padding-left:7px;
padding-right:7px;
}
a:link, a:visited
{
color:#621975;
text-decoration:underline;
}
a:hover, a:active
{
color:#009999;
text-decoration:none;
}
#mainmenu
{
width: 192px;
background:url(../images/navtable-bottom.gif) no-repeat center bottom;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#mainmenu ul
{
background:url(../images/navtable-top.gif) no-repeat center top;
width: 192px;
Margin-top: 0px;
padding-top:5px;
margin-left:0px;
padding-left: 0px;
list-style:none;
}
#mainmenu li
{
text-align:left;
padding-left:5px;
padding-bottom:4px;
padding-top:4px;
background: url(../images/horizontalline-nav.gif) no-repeat center bottom;
font-size: 75%;
font-weight:bold;
color: #009999;
}
#mainmenu li a:link, #mainmenu li a:visited
{
display:block;
color: #621975;
width:187px;
height:14px;
font-size:80%;
text-decoration: none;
text-align:left;
text-indent: 15px;
background: url(../images/bullet-navigation.gif) no-repeat left center;
vertical-align:middle;
font-weight: bold;
}
#mainmenu li a:hover, #mainmenu li a:active
{
display:block;
color: #009999;
width:187px;
height:14px;
font-size:80%;
text-decoration: none;
text-align:left;
text-indent: 15px;
background: url(../images/bullet-navigation.gif) no-repeat left center;
vertical-align:middle;
font-weight: bold;
}
#footer
{
margin-left:0px;
margin-right:0px;
margin-top:10px;
clear:both;
background-color: #009999;
width: 100%;
height: 28px;
background: #621975 url(../images/footer.gif) repeat-x top left;
text-align:center;
color:#FFFFFF;
font-size: 65%;
padding-top:4px
}
.imagegateways
{
padding-right:1px;
}
h1
{
color: #009999;
font-size:145%;
letter-spacing: -0.03em;
text-indent: 32px;
margin: 0px 0px 0px 0px;
background: url(../images/smallgreenstar.jpg) no-repeat left center;
height: 26px;
padding-top: 5px;
}
h1.recycling
{
color: #009999;
font-size:145%;
letter-spacing: -0.03em;
text-indent: 32px;
margin: 0px 0px 0px 0px;
background: url(../images/recycling-icon.gif) no-repeat left center;
height: 26px;
padding-top: 5px;
}
h1.packaging
{
color: #009999;
font-size:145%;
letter-spacing: -0.03em;
text-indent: 32px;
margin: 0px 0px 0px 0px;
background: url(../images/packaging-icon.gif) no-repeat left center;
height: 26px;
padding-top: 5px;
}
h1.chemicals
{
color: #009999;
font-size:145%;
letter-spacing: -0.03em;
text-indent: 32px;
margin: 0px 0px 0px 0px;
background: url(../images/chemicals-icon.gif) no-repeat left center;
height: 26px;
padding-top: 5px;
}
h2
{
color: #009999;
font-size:130%;
letter-spacing: -0.03em;
margin: 0px 0px 0px 0px;
}
h3
{
color: #621975;
font-size: 115%;
letter-spacing: -0.03em;
margin-bottom: 0px;
}
#contact h3
{
color: #621975;
width: 192px;
height: 25px;
background: url(../images/box-header.jpg) no-repeat center center;
font-size: 77%;
letter-spacing: -0.05em;
margin-bottom: 0px;
padding-top: 10px;
margin-top: 7px;
text-align:center;
}
#contact ul, #content ul
{
list-style-image:url(../images/bullet-body.gif);
}
#shiftin
{
padding-left: 75px;
margin-left: 75px;
}
#contact ul li
{
font-size:70%;
padding-bottom:5px;
padding-top:0px;
height:12px;
text-align:left;
}
#content ul li
{
padding-bottom:6px;
padding-top:0px;
}
#contact p
{
font-size:70%;
text-align:center;
border-bottom: 1px #000000 dashed;
margin-top:4px;
margin-bottom: 6px;
padding-bottom:3px;
width: 185px;
}
#contact a:link, #contact a:visited, #contact strong
{
color: #009999;
text-decoration:none;
font-weight:bold;
}
.image1
{
margin-right: 10px;
}
#recyclingspot
{
background: url(../images/mainbox-recycling.jpg) no-repeat center center;
width: 550px;
height: 76px;
margin-top:14px;
margin-bottom:10px;
}
#recyclingspot p, #chemicalspot p, #packagingspot p
{
padding-right:210px;
padding-left:10px;
padding-top: 7px;
}
#recyclingspot a:link, #chemicalspot a:link, #packagingspot a:link, #recyclingspot a:visited, #chemicalspot a:visited, #packagingspot a:visited
{
color: #009999;
text-decoration:none;
font-weight:bold;
}
#recyclingspot a:hover, #chemicalspot a:hover, #packagingspot a:hover, #recyclingspot a:active, #chemicalspot a:active, #packagingspot a:active
{
color: #621975;
text-decoration:none;
font-weight:bold;
}
#recyclingspot a.spotlink:link, #recyclingspot a.spotlink:visited
{
color: #621975;
position:relative;
left:112px;
top:8px;
font-size: 83%;
}
#recyclingspot a.spotlink:hover, #recyclingspot a.spotlink:active
{
color: #009999;
position:relative;
left:112px;
top:8px;
font-size: 83%;
}
#chemicalspot a.spotlink:link, #chemicalspot a.spotlink:visited
{
color: #621975;
position:relative;
left:139px;
top:8px;
font-size: 83%;
}
#chemicalspot a.spotlink:hover, #chemicalspot a.spotlink:active
{
color: #009999;
position:relative;
left:139px;
top:8px;
font-size: 83%;
}
#packagingspot a.spotlink:link, #packagingspot a.spotlink:visited
{
color: #621975;
position:relative;
left:109px;
top:8px;
font-size: 83%;
}
#packagingspot a.spotlink:hover, #packagingspot a.spotlink:active
{
color: #009999;
position:relative;
left:45px;
top:8px;
font-size: 83%;
}
#chemicalspot
{
background: url(../images/mainbox-chemicals.jpg) no-repeat center center;
width: 550px;
height: 76px;
margin-bottom:10px;
}
#packagingspot
{
background: url(../images/mainbox-packaging.jpg) no-repeat center center;
width: 550px;
height: 76px;
}
#contactform label
{
width: 14em;
float: left;
text-align: left;
margin-right: 0.5em;
display: block
}
#contactform input
{
width: 250px;
border: 1px #621975 solid;
}
#contactform textarea
{
width: 250px;
border: 1px #621975 solid;
}
.histtable
{
padding: 1px;
border-spacing: 0px
}
.histtable td ul
{
margin-bottom: 2px;
}
.tblcelltop
{
vertical-align: top;
}
caption
{
color: #ffffff;
font-weight: bold;
background-image: url('../images/greengradmenu.jpg');
background-color: #009999;
}