/*
	Page-Specific Stylesheet for Truth About SCR 2009
	Rules in this sheet should be applied to a single section of the site.
	If a rule will apply to more than that, add it to global.css instead.
	All rules should be prefaced with the unique ID attribute from the body tag of the page it applies to.
	Be polite to future developers, and label any hex colors you use! - LM
*/

/* -----------------------------------------------  Homepage */
#homepage #col2 {
	background: transparent url('/images/bg-grad-whitetransp.png') 0 0 repeat-x;
}
#homepage .content {
	background: transparent url('/images/bg-transp.png') 0 0 repeat;
}
#homepage #col2 h2 {
	font-size: 2em; color: #333;
	text-transform: none;
}
#homepage #accordion h4 {
	margin: 0;
	padding: 0;
}
#homepage #intro {
	padding: 18px 18px 11px 18px;
	width: 297px;
	margin-bottom: 15px;
}
/* ---- inline use b and i ---*/
#homepage #col2 strong,
.detail .content strong {
	color: #4fa332;/*green*/
	font-family: Verdana;
	font-size: 1.2em;
}
.detail .content em {
	color: #0A6EB5; /*blue*/
	font-family: Verdana;
	font-size: 1.2em;
	font-style: normal;
	font-weight: bold;
}

#homepage #all-questions {
	background: none;
	width: 333px;
	background: transparent url('/images/bg-drop-whitetransp.png') 0 30px repeat-x;
	height: 229px;
	margin-top: 0px;
}
#homepage  #all-questions h4 {
	display: block;
	text-indent: -9999px;
	background: transparent url('/images/hdr-all-questions.png') 0 0 no-repeat;
	/*height: 60px;*/
	height: 39px;
	width: 365px;
	margin-top: -9px;
	margin-left: -10px;
	margin-right: -10px;
}

#homepage #all-questions h4 
{
	background: transparent url('/images/hdr-all-questions.png') 0 -60px no-repeat;
}
#homepage #all-questions ul {
	margin-top: 7px;
}
#homepage #all-questions ul li {
	list-style-type: none;
	background: transparent url('/images/bull-gray-arrow.gif') 0 5px no-repeat;
	padding: 0 2px 0 15px;
	margin-bottom: 2px;
	margin-left: 20px;
	width: 290px;
}
#homepage #all-questions ul li a {
	font-size: 1em;
}

/*------------------------------------------------------------------------- Question/Detail pages */
.detail #col2 {
	height: 400px;
	margin-bottom: 0;
}
#wrapper.content {
	margin-bottom: 0;
}
.detail #suppcontent {
	float: left;
	clear: both;
	width: 100%;
	padding-top: 5px;
	display: inline;
	margin-top: 80px;
	background: transparent url('/images/bg-supp-content.gif') no-repeat 50% 50%;
	position: relative;
	z-index: 1;
}
#col2 #all-questions h4 a{
	margin: 0;
	background: transparent url('/images/hdr-detail-all-questions.gif') 0 0 no-repeat;
	margin-top: 27px;
	display: block;
	text-indent: -9999px;
	height: 31px;
	width: 287px;
	float: left;
}
#col2 #all-questions h4 a:hover {
	background-position: 0 -31px;
}
.detail h1 {
	font-size: 2.5em;
	text-transform: none;
}
/* ---------------------------------------------------------  promos ----*/
.promo {
	float: left;
	width: 220px;/*300-20*/
	padding: 0 40px 0 40px;
}
.promo h3 {
	display: block;
	text-indent: -9999px;
}
#challenge {
	background: transparent url('/images/bg-epa.gif') 40px 0 no-repeat;
}
#challenge h3 {
	background: transparent url('/images/hdr-meet-challenge.gif') 0 0  no-repeat;
	width: 213px;
	height: 55px;
}
#homepage #challenge-home {
	background: transparent url('/images/bg-epa.gif') 40px 0 no-repeat;
}
#homepage #challenge-home ul li {
	width: 100px;
	float: left;
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#homepage #challenge-home h3 {
	background: transparent url('/images/hdr-meet-challenge.gif') 0 0  no-repeat;
	width: 213px;
	height: 55px;
}

#gasmileage {
	background: transparent url('/images/bg-map.gif') 50% 0 no-repeat;
}
#gasmileage h3 {
	background: transparent url('/images/hdr-la.gif') 0 0  no-repeat;
	display: block;
	width: 192px;
	height: 56px;
	text-indent: -9999px;
}
#ratio{
	background: transparent url('/images/bg-guys.gif') 70% 0 no-repeat;
}
#ratio h3{
	background: transparent url('/images/hdr-2-1.gif') 0 0  no-repeat;
	width: 111px;
	height: 57px;
}
#over200k {
	background: transparent url('/images/bg-over200k.gif') 65% 0  no-repeat;

}
#over200k h3  {
	background: transparent url('/images/hdr-over-200k.gif') 0 0  no-repeat;
	width: 199px;
	height: 61px;
}
#over12mil {
	background: transparent url('/images/bg-over12mil.gif') 0 0  no-repeat;
}
#over12mil h3  {
	background: transparent url('/images/hdr-over-12mil.gif') 0 0  no-repeat;
	width: 199px;
	height: 61px;
}
#water {
	background: transparent url('/images/bg-water.gif') 80% 0 no-repeat;
}
#water h3 {
	background: transparent url('/images/hdr-water.gif') 0 0  no-repeat;
	width: 132px;
	height: 55px;
}
#brochure {
}
#brochure img {
	float: left;
	margin: 10px 10px 5px -12px;
}
#brochure h3{
	background: transparent url('/images/hdr-download.gif') 0 0  no-repeat;
	width: 205px;
	height: 57px;
}
#brochure ul {
	list-style-type: none;
}
#brochure ul li a {
	font-size: 18px;
}
/*----------------------------------   social bookmarking -----*/
#bookmarks {
	float: left;
	margin: 17px 0 0 20px;
}
#bookmarks p {
	margin: 0 0 3px 3px;
	padding: 0;
	font-size: .9em;
}
#bookmarks ul {
	float: left;
	margin: 0;
	padding: 0;
}
#bookmarks li {
	float: left;
	display: inline;
	margin: 0 3px;
}
#bookmarks li a {
	display: block;
	width: 18px;
	height: 18px;
	text-indent: -9999px;
}
#delicious {
	background: transparent url('/images/icon-delicious.gif') no-repeat 50% 50%;
}
#digg {
	background: transparent url('/images/icon-digg.gif') no-repeat 50% 50%;
}
#reddit {
	background: transparent url('/images/icon-reddit.gif') no-repeat 50% 50%;
}
#facebook {
	background: transparent url('/images/icon-facebook.gif') no-repeat 50% 50%;
}
#newsvine {
	background: transparent url('/images/icon-newsvine.gif') no-repeat 50% 50%;
}
#stumbleupon {
	background: transparent url('/images/icon-stumbleupon.gif') no-repeat 50% 50%;
}
#technorati {
	background: transparent url('/images/icon-technorati.gif') no-repeat 50% 50%;
}
/*-------------------------------------------------------------------------- What is DEF page */

#what-is-def.detail #suppcontent {
	margin-top: 40px;
}