@import url("/stylesheets/layoutv2.css");

/*
NRDC About Page
http://nrdc.org/about/default.asp
author: Michael Barrish (http://lumino.us)
updated: Feburary 16, 2012
====================================================================*/

/* Larger Font Size */
#col-main p, #col-main p.more, #col-main dd, #col-main dt, #col-main li {
	font-size: 108%;
}

#col-right dd, #col-right dt, #col-right li, #col-right p, #col-right p.more {
	font-size: 93%;
}

#container #content {
	background-image: none;
	background-color: #fff;
	width: 968px;
}

.experts, .jobs-support, .issues, .reports, .see {
	background: url(/_images/bg-line-horizontal.gif) repeat-x left top;
	float: left;
	padding-top: 1.5em;
	width: 100%;
}

#col-main {
	background: #fff url(/_images/bg-border-vertical.gif) repeat-y right top;
	margin-right: 15px;
	padding: 0 15px 30px 30px;
	width: 638px;
}
	
#col-main .pagebody {
	padding: 0 20px;
}
	
#col-right {
    float: left;
    font-family: "trebuchet ms","lucida grande",arial,"helvetica neue",helvetica,sans-serif;
    margin-top: 0;
    width: 250px;
}
	
.pagetop {
	float: left;
	padding: 0 20px 2em 30px;
}

.pagetop .pagehead {
	width: 918px;
}

.pagetop-content {
	padding: 0 20px;
}

.pagetop-content .cols {
	float: left;
	width: 898px;
}

.pagetop-content .col {
	margin-right: 14px;
	width: 442px;
}

.pagetop-content .col.last {
	margin-right: 0;
}

/* Leaders */

.leaders {
	background: #ededec;
	float: left;
	margin: 0 0 2em;
	padding: 20px 0 9px;
	width: 598px;
}

/* one column version */
.leaders .lead {
	padding: 0 20px;
	float: left;
	width: 274px;
}

/* two column version
.leaders .lead {
	padding: 0 20px;
}
*/

/* one column version */
.leaders .cols {
	float: left;
	margin: 0 0 .5em;
	width: 268px;
}

/* two column version
.leaders .cols {
	float: left;
	margin: 0 0 1em 40px;
	width: 536px;
}
 */

.leaders .col {
	margin: 0;
	width: 268px;
}

.leaders div.image-left {
	margin-right: 10px;
}

.leaders ul li {
	display: inline-block;
	list-style: none;
	margin: 0;
	padding: 0;
}

.leaders li a {
	color: #0530aa;
	font-weight: bold;
	text-decoration: none;
}

.leaders li a:hover {
	text-decoration: underline;
}

.leaders li:first-child a {
	border-right: 1px solid #999;
	margin-right: .5em;
	padding-right: .5em;
}

.leaders .text p {
	margin-bottom: .25em;
}

.leaders .more a {
	font-weight: bold;
}
	
.select-by-issue {
	background: #cdccca;
	clear: both;
	margin: 0 9px;
	padding: 6px 12px;
}

.select-by-issue label {
	font-size: 108%;
	font-weight: bold;
	margin-right: 3px;
}

*:first-child+html .select-by-issue label {
	position: relative;
	top: -.2em;
}

/* Experts */

.experts {
	float: left;
	width: 598px;
}

.experts .col {
	margin: 0;
	width: 284px;
}
	
.experts .first {
	margin-right: 20px;
}

.experts h3 {
	font-size: 100%;
	margin: .25em 0 1.5em;
	text-transform: uppercase;
}

.experts dd {
	margin: 0 0 .2em 1em;
}

/* See For Yourself */

.see {
	float: left;
	width: 598px;
}

.see .col {
	margin: 0 0 0 20px;
	width: 186px;
}

.see .first {
	margin-left: 0;
}

.see h3 {
	color: #666;
	font-size: 100%;
	margin: 0 0 .5em;
	text-transform: uppercase;
}

.see .charts {
	margin-bottom: 1em;
}

.see .charts img {
	max-width: 100%;
}

.see .charts a {
	background: #d1d1d1;
	display: block;
	font-size: 93%;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	width: 186px;
}

.see .charts a b {
	background: url(/about/_images/bg-enlarge.gif) 0 50% no-repeat;
	height: 20px;
	line-height: 20px;
	padding: 0 15px;
}

#content .see p.more {
	margin-top: -.4em;
}

/* Jobs and Support */

.jobs-support {
	width: 598px;
}

.jobs-support .col {
	margin: 0;
	width: 284px;
}
	
#content .jobs-support p.more {
	margin-top: -.4em;
}
	
.jobs-support .jobs {
	margin-right: 20px;
}

.support .image-left {
	margin: 0 10px 1em 0;
}

.support h3 {
	color: #227958;
	font-size: 100%;
	margin: 0 0 .5em;
	text-transform: uppercase;
}

.support p {
	color: #227958;
}

.support p.more a {
	background-position: 0 -268px;
    color: #227958;
}