/* -----------------------------------------------------------------------
 *	GREEN
 *
 *  This style sheet manages all styles for the Green Recycle promo page.
 *  This style inherits from the layout.css and typography.css.
 *
 * -----------------------------------------------------------------------
 */

#recycle {
	width: 892px;
	margin: 0 auto;
}

#recycle #top-row img, #bottom-row #col1, #bottom-row #col2 {
	float: left;
	display: inline; /* IE6 double margin hack */
}

#bottom-row {
	margin-top: 10px;
}

#bottom-row #col1 {
	width: 648px;
}

#bottom-row #col2 {
	width: 222px;
	margin-left: 22px;
}

.topRound {
	background: url(/images/misc/orphan-pages/green/big-grey-rounded-top.gif) no-repeat;
	height: 20px;
}

#recycleContent {
	padding: 0 29px;
	border-right: 1px solid #d1d1d1;
	border-left: 1px solid #d1d1d1;
	background-color: #e2e2e2;
}

#recycleContent p, #recycleContent h1, #recycleContent h2 {
	padding-bottom: 10px;
}

#recycleContent h1, #recycleContent h2 {
	color: #446a35;
}

#recycleContent.safe h1, #recycleContent.safe h2 {
	color: #3a83a4;
	font-weight: bold;
}

#recycleContent p {
	line-height: 1.6em;
	color: #2c2c2c;
}

#recycleContent ul {
	margin-bottom: 20px;
	margin-left: 15px;
}

#recycleContent ul li {
	background: url(/images/misc/orphan-pages/green/img_black-arrow-right-graybg.gif) no-repeat left 6px;
	padding-left: 15px;
	padding-bottom: 5px;
	color: #2c2c2c;
}

#bottom-row #col2 ul {
	margin-top: 10px;
	margin-left: 20px;
}

#bottom-row #col2 ul li {
	font-size: .825em; /* Equivalent for 11pt at 96 ppi - (11/12) * .9 = .825em */
	color: #666;
	padding-bottom: 2px;
	padding-left: 10px;
	background: url(/images/misc/orphan-pages/green/bullet_graycross.gif) no-repeat left center;
}

#bottom-row #col2 a {
	text-decoration: none;
	color: #666;
}

#bottom-row #col2 a:hover {
	text-decoration: underline;
}

.bottomRound {
	background: url(/images/misc/orphan-pages/green/big-grey-rounded-bottom.gif) no-repeat;
	height: 20px;
}