﻿html {
	background: url(../images/tree_bg.jpg) #d6e6b5 no-repeat center bottom;
	height: 100%;}

body {
  text-align: center;}

.nav_horiz ul li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: inline;}

.pageContainer {
  width: 928px;
  margin: 0 auto;
  padding: 0;
  text-align: left;
  border: 2px solid #8e9486;  
  background: url(../images/recycleLogoSlick.jpg) #ebf4d5 no-repeat 0 -30px;}

.index #header,
.subpage #header {}

  #header #logo {
    height: 86px;}
    
    #header #logo .left {
      height: 86px;}
      
      #header #logo a.logo {
        background: url(../images/logo_small.gif) transparent no-repeat 2px top;
        width: 700px;
        height: 86px;
        display: block;
        border: 0;}
        
        #header #logo a.logo h1 {
          display: none;}
      
    #header #logo .right {
      height: 86px;}
    
      #header #logo .contactInformation {
        text-align: right;
        color: #051551;
        height: 86px;
        font-size: 90%;
        line-height: 100%;
        padding: 12px;}
      
        #header #logo .contactInformation h2 {
          font-size: 0.93em;
          text-transform: uppercase;
          margin: 0;
          padding: 0;}
        
        #header #logo .contactInformation ul {
          margin: 0;
          padding: 0;
          font-size: 0.83em;}
        
        #header #logo .contactInformation ul li {
          list-style-type: none;
          margin: 0;
          padding: 0;}
    
  #header #nav_main {
    height: 30px;
    padding-top: 86px;}
    
    #header #nav_main ul {
      margin: 0 12px;
      padding: 0;
      font-size: 0.93em;
      font-weight: bold;}
      
      #header #nav_main ul li {
        margin: 0;
        padding: 0;}
      
        #header #nav_main ul li a {}
    
    #header #nav_main .left {
      text-align: left;}
    
    #header #nav_main .right {
      text-align: right;}
  
  #header .top {
    position: absolute;
    z-index: 1;}
  
    #header .top .left {
      width: 700px;
      position: absolute;}
      
    #header .top .right {
      width: 228px;
      position: absolute;
      margin: 0 0 0 700px;}
    
    #header .top .nav_horiz {
      color: #051551;
      font-size: 0.93em;}
    
      #header .top .nav_horiz ul {}
      
        #header .top .nav_horiz ul li {
          display: inline;}
        
          #header .top .nav_horiz ul li a {
            color: #051551;
            text-transform: uppercase;}
  
  .index #header .bottom {
    width: 904px;
    font-weight: bold;
    padding-top: 324px;}
  
  .subpage #header .bottom {
    width: 904px;
    font-weight: bold;
    padding-top: 116px;}
        
    #header #nav_sub {
      text-align: center;
      font-size: 0.83em;}
    
      #header #nav_sub .center {
        width: 904px;
        margin: 0 12px;
        padding: 6px 0;
        color: #fff;
        text-align: center;        
        background: #1f44b9;
        border: 1px solid #1f44b9;
        vertical-align: middle;
        text-transform: uppercase;}
        
        #nav_sub a {
          color: #fff;}
        
        #nav_sub h2 {
          display: inline;
          padding: 6px 12px 6px 0;
          font-size: 1em;}
        
        #nav_sub ul {
          margin: 0;
          padding: 0;
          display: inline;}
        
          #nav_sub ul li {
            list-style-type: none;
            margin: 0;
            padding: 0;
            display: inline;}

  #header #mainImage {
    width: 928px;
    height: 324px;
    position: absolute;
    z-index: 0;}
    
    #header #mainImage #slideshow {
      width: 468px;
      height: 314px;
      margin: 10px 0 0 450px;
      position: absolute;}
    
    #header #mainImage a.text {
      width: 353px;
      height: 154px;
      background: url(../images/recyclingIsForLife.gif) transparent no-repeat left top;
      position: absolute;
      margin: 130px auto 0 40px;}
    
      #header #mainImage a.text h2 {
        display: none;}

#body {}

  #body .center {
    width: 904px;
    margin: 0 12px;
    text-align: left;
    background: #fafdf4;
    border: 1px solid #1f44b9;
    border-top: 0;
    border-bottom: 0;}
    
    .padMe1em {
      padding: 1em;}
    
    .index #body {
      padding-bottom: 12px;}
    
    .index #body .center {
      border: 1px solid #1f44b9;}

#bucket {
  padding-bottom: 12px;
  text-align: left;}

  #bucket .center {
    width: 904px;
    height: 55px;
    margin: 0 12px;
    background: #fafdf4;
    border: 1px solid #1f44b9;
    border-top: 0;
    overflow: visible;}
    
    #bucket .center a {
      width: 164px;
      height: 83px;
      display: block;
      background: url(../images/bucketCornerTrans.gif) transparent no-repeat left top;
      position: absolute;
      margin: 0 0 0 785px;}
      
      #bucket .center a h2 {
        display: none;}

#footer {
  width: 928px;
  margin: 0 auto;
  padding: 12px 0;
  font-size: 0.73em;
  color: #000;}
  
  #footer ul {
    margin: 0;
    padding: 0;
    line-height: 1.5em;}
  
  #footer a {
    color: #000;
    text-decoration: none;}

  #footer .left {
    width: 228px;
    display: block;
    float: left;
    text-align: left;}
    
    #footer .left p {
      margin-top: 0;}
  
  #footer .right {
    width: 700px;
    display: block;
    text-align: right;
    float: right;}