/* CSS Document */

/* styling for single-column, full-page interior rounded-corner white box - used in conjuction
with #wrapper3 */
#wrapper2 {
  clear: both;
  width: 675px;
  margin: 5px auto;
  background: #FFFFFF url(images/rd-top.gif) no-repeat top left;
  }

#wrapper3 {
  clear: both;
  width: 675px;
  margin: 0 auto;
  background: url(images/rd-bottom.gif) no-repeat bottom left;
  }

/* style for left column of two column layout - white background */
#leftcolumn {
  float: left;
  width: 335px;
  margin: 5px 5px 5px 12px;
  background: #FFFFFF url(images/columnfooter.gif) no-repeat bottom left;
  }

/* used with #leftcolumn - style to create rounded-corner top of column */
#leftcolumn h3 {
  float: left;
  width: 335px;
  padding: 10px 0;
  margin: 0;
  background: url(images/columnheader.gif) no-repeat top left;
  }

/* style for right column of two column layout - white background */
#rightcolumn {
  float: right;
  width: 335px;
  margin: 5px 12px 5px 0;
  background: url(images/columnfooter.gif) no-repeat bottom left;
  }

/* used with #rightcolumn - style to create rounded-corner top of column */
#rightcolumn h3 {
  float: right;
  width: 335px;
  padding: 10px 0;
  margin: 0;
  background: url(images/columnheader.gif) no-repeat top left;
  }

/* style for right column of two column layout - gray background */
#rightcolumn_alt {
  float: right;
  width: 335px;
  margin: 5px 12px 5px 0;
  background: url(images/columnfooter_alt.gif) no-repeat bottom left;
  }

/* used with #rightcolumn_alt - style to create rounded-corner top of column */
#rightcolumn_alt h3 {
  float: right;
  width: 335px;
  padding: 10px 0;
  margin: 0;
  background: url(images/columnheader_alt.gif) no-repeat top left;
  }

#sidebar_bottom {
  float: right;
  width: 225px;
  margin: 10px 12px 10px 12px;
  background: url(images/sidebarfooter.gif) no-repeat bottom left;
  }

#sidebar_top {
  float: right;
  width: 225px;
  margin: 0;
  background: url(images/sidebarheader.gif) no-repeat top left;
  }

/* style for background to highlight current page in navigation */  
#current {
  background: url(images/on-bg.gif) repeat-x top left;
  color: #00FF33;
  }

#banner {
  width: 660px;
  margin: 0 20px;
  padding: 0 0 10px 10px;
  }

#right_text {
  float: right;
  width: 300px;
  margin: 5px 5px 5px 0;
  }

.bannerelements {
  padding: 0 25px 0 0;
  }

.rtimg {
	float: right;
	margin: 5px;
}

.leftimg {
	float: left;
	margin: 5px 10px 5px 0;
}

.title {
  text-transform: uppercase;
  font-weight:bold;
  color:#990000;
  font-size: 120%;
  padding: 10px 0 0 15px;
  }

.subtitle {
  color:#990000;
  text-transform: uppercase;
  }
  
p {
  padding: 0 15px 0 15px;
  }
  
li {
  font-size: 100%;
  padding: 0 15px 5px 20px;
 }

a {
  text-decoration:underline;
  color: #339933;
  }
 
dl {
  padding: 0 15px;
  }

dt {
  font-weight: bold;
  }
  
dd {
  margin: 0 0 5px 25px;
  }

/* Styles used for RecycleNOW chapter information page */  
.chaptername {
  text-transform: uppercase;
  color:#990000;
  padding: 7px 0 0 15px;
  }

.chapterinfo {
  font-size: 95%;
  margin: 0 10px 0 0;
  }

.chapterheader {
  margin: 0 0 0 10px;
  }

/* Styles used for Philly Recycling Info page */
.recyclinginfo_body {
  padding: 0 250px 0 15px;
  }
 
#mythbusting {
  float: left;
  background:url(images/mythbusting.gif) no-repeat top left;
  width: 410px;
  height: 175px;
  margin: 20px 0 0 10px;
  padding: 115px 0 0 0;
  } 
  
.myth {
  padding: 0 50px 0 25px;
  color:#FFFFFF;
  font-size:110%;
  }

.myth strong {
  font-size: 125%;
  font-weight: bold;
  }
  
  #icons {
	  float: right;
	  margin: 5px 15px 0 0;
  }