/**** THE BASICS *************************************************************/
body {
    background: #c28132 url(../images/background.jpg) no-repeat 974px 0;
    color: #000000;
    font-family: georgia, "times new roman", times, serif;
}
strong {font-weight: bold;}
em {font-style: italic;}
img {display: block;}
br.clear {clear: both;}
#container {
    background: url(../images/container_background.jpg) no-repeat 0 1026px;
    width: 974px;
}

/**** LINKS ******************************************************************/
a:link {color: #660000;}
a:visited {color: #660000;}
a:hover {color: #660000; text-decoration: none;}
a:active {color: #660000;}

/**** LISTS ******************************************************************/
ul.horiz li {
    background: url(../images/bullet.png) no-repeat 0 6px;
    display: inline;
    padding-left: 8px;
    padding-right: 25px;
}
ul.vert li {
    background: url(../images/bullet.png) no-repeat 0 9px;
    padding-left: 8px;
}

/**** PAGE HEADER/INTRO TEXT *************************************************/
#header {float: left; height: 160px; width: 974px;}
#logo {float: left; height: 160px; width: 329px;}
#intro {
    background: url(../images/intro_background.jpg);
    color: #2d2d2d;
    float: left;
    font-size: 13px;
    font-weight: bold;
    height: 105px;
    line-height: 17px;
    padding: 55px 30px 0 15px;
    width: 600px;
}
#main {float: left; width: 974px;}

/**** LEFT COLUMN ************************************************************/
#leftcol {
    background: url(../images/leftcol_background.jpg);
    color: #322814;
    float: left;
    font-size: 12px;
    height: 556px;
    line-height: 20px;
    width: 559px;
}
#list-intro {
    color: #2d2d2d;
    font-size: 13px;
    font-weight: bold;
    height: 46px;
    line-height: 17px;
    padding: 54px 53px 0 90px;
    width: 416px;
}
#list-paper {padding: 30px 0 0 120px;}
#list-steel {padding: 12px 60px 0 180px;}
.hazardous {font-size: 10px; line-height: 13px;}
#list-plastic {padding: 20px 30px 0 250px;}
#list-glass {padding: 12px 0 0 118px;}

/**** RIGHT COLUMN ***********************************************************/
#rightcol {float: left; height: 552px; width: 415px;}
#flash-left {float: left; height: 320px; width: 63px;}
#flash {float: left; height: 320px; width: 318px;}
#flash-right {float: left; height: 320px; width: 34px;}
#partners {
    background: url(../images/partners_background.jpg);
    color: #660000;
    float: left;
    font: bold 13px/18px "times new roman", times, serif;
    height: 120px;
    padding: 48px 80px 0 38px;
    width: 297px;
}
#partners h1 {color: #2d2d2d; font-size: 14px;}
#partners li {display: inline;}
#facebook {float: left; height: 48px; width: 415px;}
#facebook img {float: left;}
#rightcol-endcap {float: left; height: 20px; width: 415px;}

/**** PAGE FOOTER ************************************************************/
#footer {float: left; width: 974px;}
#footer img {float: left;}
#download-en {float: left; height: 23px; width: 974px;}
#download-es {float: left; height: 21px; width: 974px;}
#footer-leftcol {float: left; width: 474px;}
#learn-more {
    background: url(../images/footer_leftcol_background.jpg);
    color: #281e0a;
    float: left;
    font: 13px/13px "times new roman", times, serif;
    height: 43px;
    padding: 50px 30px 0 10px;
    width: 434px;
}
#footer-logos {float: left; height: 75px; width: 474px;}
#footer-leftcol-endcap {
    float: left;
    height: 98px;
    width: 474px;
}
#footer-rightcol {float: left; width: 500px;}
#footer-rightcol li {padding-bottom: 8px;}
#remember-header {float: left; height: 24px; width: 500px;}
#remember-text {
    background: url(../images/footer_rightcol_background.jpg);
    color: #322814;
    float: left;
    font-size: 12px;
    height: 230px;
    line-height: 17px;
    padding: 12px 0 0 20px;
    width: 480px;
}
