body { font-family: Helvetica, Arial, sans-serif; padding: 0; margin: 0; background-color: #f3f2f2; }

body#homePage h1 { position: absolute; top: -9999px; }

/* hidden "skip to the content" and "upgrade your browser" links */
#skip {position: absolute; top: -1000px;}

#upgrade {display: none;}

.hiddenText { margin-left: -9999px; }

#wrapper { width: 960px; margin: 0 auto; background-color: #fff; }

#header { border-top: 8px solid #000; border-bottom: 1px solid #000; overflow: hidden; display: block; height: 138px; }
	#header #hdr-logo { background:url(../images/bg-hdr-logo.gif) no-repeat; height: 111px; width: 187px; display: block; float: left; }
/*	#header #slogan-wrapper{width: 700px; height: 75px;}*/
	#header #slogan {font-size: 36px; color: #000000; float: left; padding: 30px 0 0 145px; width:600px; }
	#header #tagline{font-size: 24px; font-style: italic; color: #000000; float: left; padding: 0 0 0 100px;}
	#header ul { padding: 0; margin: 0 0 0 330px; clear: both; overflow: hidden; }
	#header ul li { float: left; list-style: none; border-right: 1px solid #e5e5e5; height: 27px; padding: 0 12px 0 12px; margin: 0; }
	#header ul li a { text-decoration: none; color: #333; font-size: 14px; }
	#header ul li a:hover { text-decoration: underline; color: #016549; }
	#header ul li.last { border-right: none; padding: 0 0 0 12px; }
	
body#homePage #wrapper #header ul li#home a.selected, body#home #wrapper #header ul li#home a.selected, body#theIssues #wrapper #header ul li#theIssues a.selected, 
body#resourceCenter #wrapper #header ul li#resourceCenter a.selected, body#mediaRoom #wrapper #header ul li#mediaRoom a.selected, 
body#supporters #wrapper #header ul li#supporters a.selected { text-decoration: underline; color: #016549; }

#callOut { clear: both; width: 960px; }
	#callOut #hpFlash { float: left; display: block; }
	#callOut #takeAction { background: url(../images/bg-call-to-action.gif) no-repeat; height: 215px ; width: 265px; float: left; padding: 50px 35px 0 35px; margin: 0;  }
	#callOut #takeAction h2 { font-size: 45px; color: #99ffff; margin: 0; padding: 0; font-weight: 500; }
	#callOut #takeAction p { font-size: 17px; line-height: 19px; color: #fff; margin: 21px 0 0 8px; padding: 0; }
	#callOut #takeAction div { margin: 13px 0 0 53px; padding: 0; }
	#callOut #takeAction div a { background: url(../images/bg-hp-CTA-tell.gif); height: 37px; width: 163px; display: block; }	
	#callOut #takeAction div a:hover { background-position: 0 -38px; }
	
	#callOut #takeActionSpecial { background: url(../images/bg-call-to-action.gif) no-repeat; height: 235px ; width: 265px; float: left; padding: 30px 35px 0 35px; margin: 0;  }
	#callOut #takeActionSpecial h2 { font-size: 25px; color: #fff; margin: 0; padding: 0 0 17px 0; border-bottom: 1px solid #5a9576; }
	#callOut #takeActionSpecial p { font-size: 15px; line-height: 19px; color: #fff; margin: 21px 0 0 8px; padding: 0; font-weight: bold; }
	#callOut #takeActionSpecial div { margin: 13px 0 0 0; padding: 0; border: 1px solid #5a9576; float: right; font-size: 12px; }
	#callOut #takeActionSpecial div a { color: #fff; width: 90px; height: 22px; display: block; text-decoration: none; text-align: center; padding: 4px 0 0 0; margin: 0; }	
	#callOut #takeActionSpecial div a:hover { text-decoration: none; background-color: #1a5a38; }
	
	
#contentWrapper { clear: both; padding: 33px 0 0 33px; margin: 0; overflow: hidden; }
	#contentWrapper #mainContent { float: left; width: 568px; margin: 0; padding: 0 25px 0 0; }
	#contentWrapper #mainContent h1 { font-size: 40px; color: #000; margin: 0 0 25px 0; padding: 0; font-weight: 500; }
	#contentWrapper #mainContent p { font-size: 15px; color: #000; padding: 0 0 30px 0; margin: 0; clear: both; }
	#contentWrapper #mainContent ul { padding: 0 0 30px 30px; margin: 0; }
	#contentWrapper #mainContent ul li { font-size: 15px; color: #000; padding: 0 0 10px 0; margin: 0; }
	#contentWrapper #mainContent ul li ul { padding: 10px 0 0 30px; margin: 0; }
	#contentWrapper #mainContent ul li ul li { font-size: 15px; color: #000; padding: 0 0 10px 0; margin: 0; list-style-type: circle; }
	#contentWrapper #mainContent ol { padding: 0 0 30px 30px; margin: 0; }
	#contentWrapper #mainContent ol li { font-size: 15px; color: #000; padding: 0 0 10px 0; margin: 0; }
	#contentWrapper #mainContent ol li ul { padding: 10px 0 0 30px; margin: 0; }
	#contentWrapper #mainContent ol li ul li { font-size: 15px; color: #000; padding: 0 0 10px 0; margin: 0; list-style-type: circle; }
	#contentWrapper #mainContent a { color: #016549; text-decoration: underline; }
	#contentWrapper #mainContent a:hover { color: #016549; text-decoration: none; }
	
	#contentWrapper #mainContent h2 { padding: 0 0 15px 0; margin: 0; color: #000; font-size: 30px; clear: both; }
	#contentWrapper #mainContent h3 { padding: 0; margin: 0; clear: both; }
	#contentWrapper #mainContent h3 ul { padding: 0; margin: 10px 0 25px 0; overflow: hidden; clear: both; }
	#contentWrapper #mainContent h3 ul li { float: left; list-style: none; border-right: 3px solid #016549; padding: 0 8px 0 8px; margin: 0; }
	#contentWrapper #mainContent h3 ul li a { text-decoration: underline; color: #016549; font-size: 25px; }
	#contentWrapper #mainContent h3 ul li a:hover { text-decoration: underline; color: #000; }
	#contentWrapper #mainContent h3 ul li a.selected { text-decoration: underline; color: #000; }
	#contentWrapper #mainContent h3 ul li.last { border-right: none; padding: 0 0 0 8px; }		
	
	#contentWrapper #mainContent form { padding: 0; margin: 0; }
	#contentWrapper #mainContent form input.send { height: 23px; width: 83px; display: block; padding: 0; margin: 35px 0 0 288px; }
	
	#contentWrapper #mainContent #joinWrapper { padding: 0; margin: 0; overflow: hidden; }
	#contentWrapper #mainContent #joinWrapper h1 { font-size: 40px; color: #000; margin: 0; padding: 0 0 10px 0; font-weight: 500; }
	#contentWrapper #mainContent #joinWrapper h1 span { font-size: 17px; color: #000; margin: 0; padding: 0; font-weight: 500; }	
	#contentWrapper #mainContent #joinWrapper #joinLeftCol { padding: 0; margin: 0 70px 0 0; float: left; }
	#contentWrapper #mainContent #joinWrapper #joinLeftCol div { padding: 0; margin: 0 0 2px 0; }
	#contentWrapper #mainContent #joinWrapper #joinLeftCol div.nonValidateOrg { padding: 0; margin: 30px 0 2px 0; }
	#contentWrapper #mainContent #joinWrapper #joinLeftCol div.nonValidate { padding: 0; margin: 15px 0 2px 0; }
	#contentWrapper #mainContent #joinWrapper #joinLeftCol div.Validate { padding: 0; margin: 15px 0 2px 0; }
	#contentWrapper #mainContent #joinWrapper #joinLeftCol span.input { padding: 0; margin: 0; clear: both; width: 208px; }
	#contentWrapper #mainContent #joinWrapper #joinLeftCol span.input input { background:url(../images/bg-join-fields.gif) no-repeat; height: 23px; width: 208px; padding: 2px 0 0 4px; font-size: 12px; }	
	#contentWrapper #mainContent #joinWrapper #joinLeftCol span.input .jsvalidation { font-size: 12px; color: #990000; margin:0; padding:0; width: 208px; }
	#contentWrapper #mainContent #joinWrapper #joinLeftCol span.input p .jsvalidator { margin:0; padding:0; width: 208px; color: #990000; }	
	
	#contentWrapper #mainContent #joinWrapper #joinRightCol { padding: 0; margin: 0; overflow: hidden; float: left; }
	#contentWrapper #mainContent #joinWrapper #joinRightCol div { padding: 0; margin: 0 0 2px 0; }
	#contentWrapper #mainContent #joinWrapper #joinRightCol div.ValidateSU { padding: 0; margin: 33px 0 2px 0; }	
	#contentWrapper #mainContent #joinWrapper #joinRightCol span.input { padding: 0; margin: 0; clear: both; width: 208px; }	
	#contentWrapper #mainContent #joinWrapper #joinRightCol span.input input { background:url(../images/bg-join-fields.gif) no-repeat; height: 23px; width: 208px; padding: 2px 0 0 4px; font-size: 12px; }	
	#contentWrapper #mainContent #joinWrapper #joinRightCol span.input .jsvalidation { font-size: 12px; color: #990000; margin:0; padding:0; width: 208px; }
	#contentWrapper #mainContent #joinWrapper #joinRightCol span.input p .jsvalidator { margin:0; padding:0; width: 208px; color: #990000; }	
	
	#contentWrapper #mainContent #joinWrapper #joinRightCol select { background-color: #e0f0d0; border: 1px solid #f9c6d6; border-left: 2px solid #747c6c; border-top: 2px solid #747c6c; border-right: 2px solid #dcebcc;
	 border-bottom: 2px solid #dcebcc; margin: 0 5px 4px 0; padding: 2px; font-size: 12px; }
	
		#wrapper #contentWrapper #mainContent #hp-callOutTop { background: url(../images/bg-hp-module-top.gif); height: 49px; width: 541px; padding: 15px 0 0 22px; margin: 0; clear:both; }
		#wrapper #contentWrapper #mainContent #hp-callOutTop p { font-size: 11px; font-weight: bold; color: #13561f; padding: 0; margin: 0; padding: 0; } 
		#wrapper #contentWrapper #mainContent #hp-callOutTop h2 { font-size: 21px; color: #373737; padding: 0; margin: 0; padding: 0; }
		#wrapper #contentWrapper #mainContent #hp-callOutWrapper { border-left: 2px solid #e0f0d0; border-right: 2px solid #e0f0d0; width: 512px; padding: 0 23px 0 23px; margin: 0; display: block; clear: both; }
		#wrapper #contentWrapper #mainContent #hp-callOutWrapper .latestWrapper { width: 512px; padding: 15px 0 15px 0; margin: 0; overflow: hidden; }
		#wrapper #contentWrapper #mainContent #hp-callOutWrapper .latestWrapper div.text { padding: 6px 40px 0 0; margin: 0; width: 430px; overflow: hidden; float: left; }
		#wrapper #contentWrapper #mainContent #hp-callOutWrapper .latestWrapper div.text p { font-size: 15px; color: #000; padding: 0; margin: 0; }	
		#wrapper #contentWrapper #mainContent #hp-callOutWrapper .latestWrapper div.text p a { font-size: 15px; color: #13561f; text-decoration: underline; }
		#wrapper #contentWrapper #mainContent #hp-callOutWrapper .latestWrapper div.text p a:hover { text-decoration: none; }	
		#wrapper #contentWrapper #mainContent #hp-callOutWrapper .latestWrapper div.text ul { padding: 15px 0 30px 30px; margin: 0; }
		#wrapper #contentWrapper #mainContent #hp-callOutWrapper .latestWrapper div.text ul li { font-size: 15px; color: #000; padding: 0 0 10px 0; margin: 0; }
		#wrapper #contentWrapper #mainContent #hp-callOutWrapper .latestWrapper div.text ul li a { font-size: 15px; color: #373737; text-decoration: underline; }
		#wrapper #contentWrapper #mainContent #hp-callOutWrapper .latestWrapper div.text a:hover { color: #13561f; text-decoration: none; }
				
		/*#wrapper #contentWrapper #mainContent #hp-callOutWrapper .latestWrapper div.arrow { float: left; }
		#wrapper #contentWrapper #mainContent #hp-callOutWrapper .latestWrapper div.arrow a { background: url(../images/bg-hp-module-arrow.gif); height: 36px; width: 30px; display: block; }
		#wrapper #contentWrapper #mainContent #hp-callOutWrapper .latestWrapper div.arrow a:hover { background-position: 0 -37px; }*/
		#wrapper #contentWrapper #mainContent #hp-callOutBottom { background: url(../images/bg-hp-module-bottom.gif); height: 15px; width: 563px;  clear: both; margin: 0; padding: 0; }
		
		#wrapper #contentWrapper #mainContent #hp-callOutWrapper .latestWrapperLast { border-bottom: none; width: 512px; }
		#wrapper #contentWrapper #mainContent #hp-callOutWrapper .latestWrapperLast { width: 512px; padding: 15px 0 15px 0; margin: 0; overflow: hidden; }
		#wrapper #contentWrapper #mainContent #hp-callOutWrapper .latestWrapperLast div.text { padding: 6px 40px 0 0; margin: 0; width: 430px; overflow: hidden; float: left; }
		#wrapper #contentWrapper #mainContent #hp-callOutWrapper .latestWrapperLast div.text a { font-size: 15px; color: #373737; text-decoration: underline; }
		#wrapper #contentWrapper #mainContent #hp-callOutWrapper .latestWrapperLast div.text a:hover { color: #13561f; text-decoration: none; }		
		#wrapper #contentWrapper #mainContent #hp-callOutWrapper .latestWrapperLast div.arrow { float: left; }
		#wrapper #contentWrapper #mainContent #hp-callOutWrapper .latestWrapperLast div.arrow a { background: url(../images/bg-hp-module-arrow.gif); height: 36px; width: 30px; display: block; }
		#wrapper #contentWrapper #mainContent #hp-callOutWrapper .latestWrapperLast div.arrow a:hover { background-position: 0 -37px; }
		
		
		#wrapper #contentWrapper #mainContent #hp-callOutWrapper .latestWrapper div.text #twitter_div ul #twitter_update_list   { padding: 0; margin: 0; list-style-type: none; }
		
		#wrapper #contentWrapper #mainContent #hp-callOutWrapper .latestWrapper div.text #twitter_div #twitter_update_list li{ padding: 0; margin: 0; list-style-type: none; }
		
		#wrapper #contentWrapper #mainContent #hp-callOutWrapper .latestWrapper div.text #twitter_div #twitter_update_list{padding: 0; margin: 0;}
		#wrapper #contentWrapper #mainContent .spacer { margin: 0 0 25px 0; padding: 0; }
	
		#contentWrapper #rightNav { width: 328px; float: left; padding: 0; margin: 0; }
		#contentWrapper #rightNav .topTA { background: url(../images/bg-rNavTop-TA.gif) no-repeat; height: 5px; width: 323px; padding: 0; margin: 0; overflow: hidden; }
		#contentWrapper #rightNav .top { background: url(../images/bg-rNavTop.gif) no-repeat; height: 28px; width: 323px; padding: 0; margin: 0; overflow: hidden; }
		#wrapper #contentWrapper #rightNav .top h2 { font-size: 14px; color: #2f692b; padding: 0; margin: 6px 0 0 19px; }
		#contentWrapper #rightNav .bottom { background: url(../images/bg-rNavBottom.gif) no-repeat; height: 11px; width: 323px; padding: 0; margin: 0; }
		#contentWrapper #rightNav .middle{background-color: #E6F2D7; width: 323px; padding: 0 0px 0 0px; font-size: 14px; color: #13561f; }
		#contentWrapper #rightNav .middle p{margin: 0; padding:0 15px 0 15px; }
		#contentWrapper #rightNav .middle p a{color: #13561f;}

		
		#contentWrapper #rightNav #callTotakeAction { display: block; width: 288px; padding: 0 15px 20px 20px; margin: 0; background-color: #e6f2d7;  }
		#contentWrapper #rightNav #callTotakeAction h2 { font-size: 45px; color: #016549; margin: 0; padding: 20px 0 0 0; font-weight: 500; }
		#contentWrapper #rightNav #callTotakeAction p { font-size: 17px; line-height: 19px; color: #000; margin: 21px 0 0 8px; padding: 0; }
		#contentWrapper #rightNav #callTotakeAction div { margin: 13px 0 25px 53px; padding: 0; }
		#contentWrapper #rightNav #callTotakeAction div a { background: url(../images/rnav-tell-congress.gif); height: 37px; width: 163px; display: block; }	
		#contentWrapper #rightNav #callTotakeAction div a:hover { background-position: 0 -38px; }
		
		#contentWrapper #rightNav #callTotakeActionSpecial { display: block; width: 288px; padding: 0 15px 20px 20px; margin: 0; background-color: #e6f2d7;  }
		#contentWrapper #rightNav #callTotakeActionSpecial h2 { font-size: 30px; color: #016549; margin: 0; padding: 20px 0 0 0; }
		#contentWrapper #rightNav #callTotakeActionSpecial p { font-size: 17px; line-height: 19px; color: #000; margin: 21px 0 0 8px; padding: 0; }
		#contentWrapper #rightNav #callTotakeActionSpecial div { background-color: #f3fbe3; margin-left: auto; margin-right: auto; margin-top: 15px; width: 100px; padding: 0; border: 1px solid #b1bba7; text-align: center; }
		#contentWrapper #rightNav #callTotakeActionSpecial div a { height: 25px; width: 100px; display: block; color: #138164; text-decoration: none; font-size: 16px; padding: 6px 0 0 0; }	
		#contentWrapper #rightNav #callTotakeActionSpecial div a:hover { background-color: #e8f6ca; color: #115d3e; text-decoration: none; }
		
		#contentWrapper #rightNav #quotes { display: block; width: 288px; height:260px; padding: 0 15px 0px 20px; margin: 0; background-color: #e6f2d7; } 
	
		#contentWrapper #rightNav #quotes p.quote { font-size: 15px; color: #0b1b0f; font-family: Arial, Helvetica, sans-serif; background-color:#e6f2d7; padding: 20px 0 35px 0; margin: 0; }
		#contentWrapper #rightNav #quotes p.credits { font-size: 10px; color: #0b1b0f; font-family: Arial, Helvetica, sans-serif;background-color:#e6f2d7;  padding: 0 ; margin: 0 0 0 20px; }
	
		
		#contentWrapper #rightNav #join { display: block; width: 323px; padding: 0; margin: 0; background-color: #e6f2d7; text-align: center; }
		#contentWrapper #rightNav #join p { font-size: 15px; color: #0b1b0f; padding: 10px 0 10px 0; margin: 0; }
		#contentWrapper #rightNav #join p span { font-size: 25px; color: #13561f; padding: 0; margin: 0; }
		#contentWrapper #rightNav #join div { padding: 0 0 10px 0; margin: 0 0 0 180px; }
		#contentWrapper #rightNav #join div a { background: url(../images/rNav-sign-up.gif); height: 23px; width: 83px; display: block; }	
		#contentWrapper #rightNav #join div a:hover { background-position: 0 -24px; }
		
		#contentWrapper #rightNav #news { display: block; width: 289px; padding: 0 15px 10px 20px; margin: 0; background-color: #e6f2d7; }
		#contentWrapper #rightNav #news h3 { font-size: 17px; color: #172005; padding: 10px 0 0 0; margin: 0 0 15px 0; }
		#contentWrapper #rightNav #news p.story { font-size: 12px; color: #0b1b0f; padding: 0 0 10px 0; margin: 0; }
		#contentWrapper #rightNav #news p.source { font-size: 10px; color: #0b1b0f; padding: 0; margin: 0 0 15px 70px; }
		#contentWrapper #rightNav #news a {color: #016549; }

#footer{display:inline-block;}
#footer{display:block;}
#footer { background-color: #e9e9e9; margin: 50px 0 0 0; padding: 0 0 40px 40px; clear: both; overflow: hidden;}

	#footer ul { padding: 10px 0 0 0; margin: 0; }
	#footer ul li { float: left; list-style: none; border-right: 1px solid #999; height: 20px; padding: 0 10px 0 10px; margin: 0; }
	#footer ul li a { text-decoration: none; color: #999; font-size: 14px; }
	#footer ul li a:hover { text-decoration: underline; color: #5ed123; }
	#footer ul li.last { border-right: none; padding: 0 0 0 12px; }/**/
	#footer #award{background:url(../images/winner10.gif) no-repeat; height: 171px; width: 104px; display: block; float: right; margin: 0 20px; }

