/*************************************************************
*  About Us Definitions
*************************************************************/ 

#hdr-about-us h1 {
    width: 450px;
    height: 31px;
    text-indent: -9999px;
    background: url(../images/ttl_about_us.gif) top left no-repeat;
}

#hdr-affiliations h1 {
    width: 450px;
    height: 31px;
    text-indent: -9999px;
    background: url(../images/ttl_affiliations.gif) top left no-repeat;
}

#hdr-recycling h1 {
    width: 450px;
    height: 31px;
    text-indent: -9999px;
    background: url(../images/ttl_recycling.gif) top left no-repeat;
}

#hdr-history h1 {
    width: 450px;
    height: 31px;
    text-indent: -9999px;
    background: url(../images/ttl_history.gif) top left no-repeat;
}

#hdr-careers h1 {
    width: 450px;
    height: 31px;
    text-indent: -9999px;
    background: url(../images/ttl_careers.gif) top left no-repeat;
}

#hdr-recycling h2 {
    width: 160px;
    height: 24px;
    text-indent: -9999px;
    background: url(../images/hdr_recycling.gif) top left no-repeat;
}

#hdr-affiliations2 h2 {
    margin-top: 5px;
    width: 160px;
    height: 24px;
    text-indent: -9999px;
    background: url(../images/hdr_affiliations.gif) top left no-repeat;
}

#hdr-related-links h2 {
    margin-top: 5px;
    width: 160px;
    height: 24px;
    text-indent: -9999px;
    background: url(../images/hdr_related_links.gif) top left no-repeat;
}

.divider {
    border-top: 1px solid #90805F;
    margin: 10px 0;
    padding: 8px 0;
}

#recycling-icon {
    margin: 15px 0 0 190px;
}

/*************************************************************
*  Subnavigation
*************************************************************/ 

div#subnav { 
    height: 133px; 
    width: 227px; 
    margin: 0 0 25px 0; 
    padding: 0; 
    border: 0; 
}

div#subnav ul#submenu { 
    height: 133px; 
    width: 227px; 
    background: url(../images/subnav_about.gif) top left no-repeat; 
    margin: 0; 
    padding: 0; 
    position: relative; 
}

div#subnav ul#submenu li { 
    margin: 0; 
    padding: 0; 
    list-style: none; 
    position: absolute; 
}

ul#submenu li, ul#submenu a { 
    width: 227px; 
    height: 31px;
    display: block;
}

div#subnav ul#submenu li a { 
    text-indent: -9999px; 
    text-decoration: none; 
}

#affiliationsmenu { top: 0px; }
#recyclingmenu { top: 31px; }
#historymenu { top: 62px; }
#careersmenu { top: 93px; }

#affiliationsmenu a:hover { background: url(../images/subnav_about.gif) -227px 0 no-repeat; }
#recyclingmenu a:hover { background: url(../images/subnav_about.gif) -227px -31px no-repeat; }
#historymenu a:hover { background: url(../images/subnav_about.gif) -227px -62px no-repeat; }
#careersmenu a:hover { background: url(../images/subnav_about.gif) -227px -93px no-repeat; }

body.affiliations-on #affiliationsmenu  { background: url(../images/subnav_about.gif) -227px 0 no-repeat; }
body.recycling-on #recyclingmenu  { background: url(../images/subnav_about.gif) -227px -31px no-repeat; }
body.history-on #historymenu  { background: url(../images/subnav_about.gif) -227px -62px no-repeat; }
body.careers-on #careersmenu  { background: url(../images/subnav_about.gif) -227px -93px no-repeat; }