@charset 'utf-8';

@import url(normal.css);



/* CSS Document */



body { font-family: Georgia, "Times New Roman", Times, serif; background: #d0e3ee url(../_images/bg-main.gif) 0 0 repeat-x; }

a:focus { outline: none; }



/* These styles apply all pages */



#wrapper { width: 909px; margin: 0 auto; }



	#identity { width: 909px; height: 148px; background: transparent url(../_images/bg-identity.gif) 0 39px no-repeat; position: relative;  font-family: Verdana, Arial, Helvetica, sans-serif; }

		#identity h1 { text-indent: -9999px; height: 93px; width: 178px; position: absolute; top: 50px; left: 7px; }

		#identity h1 a { display: block; height: 93px; width: 178px; }

		

	#identity p.contactLink { position: absolute; top: 15px; right: 90px; }

		#identity p.contactLink a { color: #fff; font-size: 11px; text-decoration: none; font-weight: bold; }

		#identity p.contactLink a:hover { text-decoration: underline; }

		

	#identity #navigation { position: absolute; top: 110px; left: 200px; }

		#identity #navigation ul li { float: left; display: inline; margin: 0 15px; }

		#identity #navigation ul li a { color: #000; font-size: 11px; text-decoration: none; }

		#identity #navigation ul li a:hover { text-decoration: underline; }

		

	

	#mainContent { width: 909px; }

		#mainContent h2 { font-size: 18px; line-height: 18px; font-weight: bold; padding: 8px 15px 4px 15px; }
		#mainContent h3 { font-size: 16px; line-height: 18px; font-weight: bold; padding: 8px 15px; }
		#mainContent h4 { font-size: 14px; line-height: 18px; font-weight: bold; padding: 8px 15px; }

		#mainContent p { font-size: 13px; line-height: 18px;  padding: 8px 15px; }
		
		#mainContent ul { font-size: 13px; line-height: 18px; padding: 8px 15px 8px 30px; list-style-type: disc; }
		#mainContent ol { font-size: 13px; line-height: 18px; padding: 8px 15px 8px 30px; }
			#mainContent li { padding: 2px 0; }
		
		#mainContent a { color: #027cc0; text-decoration: none; }
		#mainContent a:hover { text-decoration: underline; }
		
		#mainContent .iconPDF { background: url(../_images/icon-pdf.gif) 0 0 no-repeat; padding: 0 0 0 22px; }

		#mainContent .twoColumn { width: 100%; overflow: hidden; }
			#mainContent .twoColumnLeft { width: 40%; float: left; }
			#mainContent .twoColumnRight { width: 40%; float: left; }
	

		#mainContent #pageHeader { height: 100px; position: relative; }

			#mainContent #pageHeader h2#hdrAbout { height: 35px; width: 909px; background: transparent url(../_images/hdr-about-poverty-forum.gif) 0 0 no-repeat; text-indent: -9999px; position: absolute; top: 37px; left: 15px; } 
			#mainContent #pageHeader h2#hdrResources { height: 35px; width: 909px; background: transparent url(../_images/hdr-resources.gif) 0 0 no-repeat; text-indent: -9999px; position: absolute; top: 37px; left: 15px; } 
			#mainContent #pageHeader h2#hdrContactUs { height: 35px; width: 909px; background: transparent url(../_images/hdr-contact-us.gif) 0 0 no-repeat; text-indent: -9999px; position: absolute; top: 37px; left: 15px; } 
			#mainContent #pageHeader h2#hdrLetter { height: 35px; width: 909px; background: transparent url(../_images/hdr-letter.gif) 0 0 no-repeat; text-indent: -9999px; position: absolute; top: 37px; left: 15px; } 
			#mainContent #pageHeader h2#hdrPetition { height: 35px; width: 909px; background: transparent url(../_images/hdr-sign-the-petition.gif) 0 0 no-repeat; text-indent: -9999px; position: absolute; top: 37px; left: 15px; } 
			#mainContent #pageHeader h2#hdrForum { height: 35px; width: 909px; background: transparent url(../_images/hdr-forum-participants.gif) 0 0 no-repeat; text-indent: -9999px; position: absolute; top: 37px; left: 15px; } 

		#mainContent #pageHeader p.shareLink a { display: block; width: 49px; height: 16px; background: transparent url(../_images/btn-share.gif) 0 0 no-repeat; text-indent: -9999px; position: absolute; bottom: 0px; left: 15px; }

		#mainContent #pageHeader p.printLink a { display: block; width: 49px; height: 16px; background: transparent url(../_images/btn-print.gif) 0 0 no-repeat; text-indent: -9999px; position: absolute; bottom: 0px; left: 67px; }

	

		#mainContent #pageDetails { background-color: #fff; padding: 7px; }

			#mainContent #pageDetails #leftColumn { width: 614px; float: left; display: inline; background: transparent url(../_images/bg-page-detail.gif) 0 0 no-repeat; padding: 25px 0 0 0; position: relative; }

				#mainContent #pageDetails #leftColumn p { width: 565px; }

				#mainContent #pageDetails #leftColumn p.highlightText { font-size: 24px; line-height: 28px; }

				#mainContent #pageDetails #leftColumn #articleMeta { background: transparent url(../_images/bg-bottom-page-detail.gif) 0 0 no-repeat; position: relative; height: 100px; }

				#mainContent #pageDetails #leftColumn #articleMeta a { color: #000; text-decoration: none; font-weight: bold; font-size: 11px; }

				#mainContent #pageDetails #leftColumn #articleMeta a:hover { text-decoration: underline; }

				#mainContent #pageDetails #leftColumn #articleMeta p.shareLink a { display: block; width: 49px; height: 16px; background: transparent url(../_images/btn-share.gif) 0 0 no-repeat; text-indent: -9999px; position: absolute; bottom: 30px; right: 102px; }

				#mainContent #pageDetails #leftColumn #articleMeta p.printLink a { display: block; width: 49px; height: 16px; background: transparent url(../_images/btn-print.gif) 0 0 no-repeat; text-indent: -9999px; position: absolute; bottom: 30px; right: 50px; }



			#mainContent #pageDetails #rightColumn { width: 273px; float: left; margin-left: 7px; display: inline; }

			#mainContent #pageDetails #rightColumn h3.signPetition { height: 32px; width: 273px; margin: 0 0 7px 0; padding: 0; background: transparent url(../_images/hdr-column-sign-petition.gif) 0 0 no-repeat; text-indent: -9999px; }

			#mainContent #pageDetails #rightColumn #petitionForm { background-color: #dcdcdc; position: relative; height: 229px; }	

			#mainContent #pageDetails #rightColumn #petitionForm p.moreLink a { font-size: 10px; position: absolute; top: 30px; left: 10px; }

			#mainContent #pageDetails #rightColumn #petitionForm h4 { height: 32px; width: 273px; margin: 0 0 7px 0; padding: 0; background: transparent url(../_images/hdr-column-sign-petition-sub.gif) 0 0 no-repeat; text-indent: -9999px; }

						

			#mainContent #pageDetails #rightColumn #petitionForm label { color: #000; font-size: 10px; float: left; clear: left; padding: 2px 0px; }

			#mainContent #pageDetails #rightColumn #petitionForm input { float: left; clear: left; height: 24px; border: none; font-size: 18px; }

			#mainContent #pageDetails #rightColumn #petitionForm #emailField { position: absolute; top: 50px; left: 11px; } 

				#mainContent #pageDetails #rightColumn #petitionForm #emailField input { width: 244px; padding: 2px 0 0 0; }

			#mainContent #pageDetails #rightColumn #petitionForm #cityField { position: absolute; top: 108px; left: 11px; }

				#mainContent #pageDetails #rightColumn #petitionForm #cityField input { width: 167px; padding: 2px 0 0 0; }

			#mainContent #pageDetails #rightColumn #petitionForm #stateField { position: absolute; top: 108px; right: 17px; }

				#mainContent #pageDetails #rightColumn #petitionForm #stateField input { width: 60px; padding: 2px 0 0 0; }

			#mainContent #pageDetails #rightColumn #petitionForm #zipField { position: absolute; top: 165px; left: 11px; width: 100px; }

				#mainContent #pageDetails #rightColumn #petitionForm #zipField input { width: 69px; padding: 2px 0 0 0; }

			#mainContent #pageDetails #rightColumn #petitionForm input#btnSubmit { position: absolute; bottom: 21px; right: 17px; padding: 0px; height: 24px; width: 84px; }		

												

						

			#mainContent #pageDetails #rightColumn h3.resources { height: 32px; width: 273px; margin: 7px 0; padding: 0; background: transparent url(../_images/hdr-column-resources.gif) 0 0 no-repeat; text-indent: -9999px; }

			#mainContent #pageDetails #rightColumn #resources #resourceText { height: 221px; width: 273px; background-color: #f0f0f0; }

			#mainContent #pageDetails #rightColumn #resources #resourceText h4 { height: 62px; width: 273px; padding: 0;  background: transparent url(../_images/hdr-column-resources-sub.gif) 0 0 no-repeat; text-indent: -9999px; }

			#mainContent #pageDetails #rightColumn #resources #resourceText p { padding: 2px 15px 8px 15px; line-height: 15px; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; }

			

			#mainContent #pageDetails #rightColumn ul#columnLinks { margin: 7px 0 0 0; padding: 0; list-style-type: none; }

			#mainContent #pageDetails #rightColumn ul#columnLinks li { height: 35px; width: 273px; padding: 0; } 

			#mainContent #pageDetails #rightColumn ul#columnLinks li.readLetter a { height: 32px; width: 273px; background: transparent url(../_images/hdr-col-link-read-letter.gif) 0 0 no-repeat; text-indent: -9999px; display: block; }

			#mainContent #pageDetails #rightColumn ul#columnLinks li.aboutForum a { height: 32px; width: 273px; background: transparent url(../_images/hdr-col-link-about-forum.gif) 0 0 no-repeat; text-indent: -9999px; display: block; }

			#mainContent #pageDetails #rightColumn ul#columnLinks li.printPage a { height: 32px; width: 273px; background: transparent url(../_images/hdr-col-link-print-page.gif) 0 0 no-repeat; text-indent: -9999px; display: block; }

			#mainContent #pageDetails #rightColumn ul#columnLinks li.contactUs a { height: 32px; width: 273px; background: transparent url(../_images/hdr-col-link-contact-us.gif) 0 0 no-repeat; text-indent: -9999px; display: block; }

			

			

	

	

	

	

	#participants { height: 109px; background: transparent url(../_images/bg-participants.gif) 0 0 no-repeat; clear: both; margin: 15px 0; position: relative; }

	#wrapper.interior #participants { margin: 0 0 15px 0; }

		#participants #carouselHolder { height: 99px; width: 750px; position: absolute; top: 5px; left: 154px; }

		#participants #carouselHolder #carousel { height: 88px; width: 642px; padding: 10px 10px 0 10px; position: absolute; top: 0px; left: 44px; background: #c1d6e0; }

		#participants #carouselHolder a.prev { height: 98px; width: 41px; background: transparent url(../_images/bg-prev-link.gif) 0 0 no-repeat; position: absolute; left: 0px; top: 0px; }

		#participants #carouselHolder a.next { height: 98px; width: 41px; background: transparent url(../_images/bg-next-link.gif) 0 0 no-repeat; position: absolute; right: 0px; top: 0px;  }

	

	#footer { height: 197px; background: transparent url(../_images/bg-footer.gif) 0 0 no-repeat; clear: both; font-size: 11px; position: relative;  font-family: Verdana, Arial, Helvetica, sans-serif; }  

	#footer ul { position: absolute; top: 29px; left: 25px; }

	#footer ul li { float: left; display: inline; border-right: 1px solid #027cc0; padding: 0 8px 0 8px; }

		#footer ul li.first { padding: 0 8px 0 0; }

		#footer ul li.last { border: none; }

	#footer ul li a { color: #027cc0; text-decoration: none; }

	#footer ul li a:hover { text-decoration: underline; }

	#footer p.copyright { position: absolute; top: 50px; left: 25px; color: #77b9dd; font-weight: bold; }

	#footer p.civLink { position: absolute; top: 10px; right: 35px; }	

	

	.clear { clear: both; margin: 0px; padding: 0px; height: 1px; line-height: 1px; }

		

		

		

/* Styles for homepage only */		

		

	#mainPromo { width: 909px; height: 239px; background: #fff url(../_images/bg-main-promo1.jpg) 0 0 no-repeat; margin: 10px 0 0 0; position: relative; }
		.promo2 { background: #fff url(../_images/bg-main-promo2.jpg) 0 0 no-repeat !important; }

		#mainPromo #promoText { position: absolute; top: 10px; left: 370px; width: 489px; padding: 15px 20px; }

			#mainPromo #promoText h2 { text-indent:-9999px; background: transparent url(../_images/hdr-main-promo.gif) 0 0 no-repeat; height: 74px; width: 473px; }

			#mainPromo #promoText p { font-size: 12px; font-family: Arial, Helvetica, sans-serif; padding: 0; line-height: 18px; width: 490px; }

		#mainPromo p.promoBtn { text-indent: -9999px; margin: 0px; padding: 0px; height: 32px; width: 221px; background: transparent url(../_images/btn-main-promo.gif) 0 0 no-repeat; position: absolute; top: 190px; right: 75px; }

		#mainPromo p.promoBtn a { height: 32px; width: 221px; display: block; }

		

	#homeContentOne { width: 348px; float: left; display: inline; margin: 0 0 15px 0; }

		#homeContentOne h3 { width: 342px; height: 32px; margin: 8px 0; padding: 0; background: transparent url(../_images/hdr-sign-petition.gif) 0 0 no-repeat; text-indent: -9999px; }  

		#homeContentOne #petitionForm { background-color: #dcdcdc; width: 334px; height: 242px; border: 7px solid #fff; position: relative; }

		#homeContentOne #petitionForm h4 { height: 40px; text-indent: -9999px; background: transparent url(../_images/hdr-sub-sign-petition.gif) 0 0 no-repeat; }

		#homeContentOne #petitionForm p { font-size: 11px; line-height: 15px; padding: 8px 18px; font-family: Verdana, Arial, Helvetica, sans-serif; }

			#homeContentOne #petitionForm p.moreLink { position: absolute; top: 0px; right: 5px; }

			#homeContentOne #petitionForm p.moreLink a { text-decoration: none; color: #027cc0; font-size: 12px; }

			#homeContentOne #petitionForm p.moreLink a:hover { text-decoration: underline; }

			

		#homeContentOne #petitionForm label { color: #000; font-size: 12px; float: left; clear: left; padding: 5px 0px; }

		#homeContentOne #petitionForm input { float: left; clear: left; height: 29px; border: none; font-size: 18px; }

		#homeContentOne #petitionForm #emailField { position: absolute; top: 40px; left: 13px; } 

			#homeContentOne #petitionForm #emailField input { width: 303px; padding: 6px 0 0 0; }

		#homeContentOne #petitionForm #cityField { position: absolute; top: 100px; left: 13px; }

			#homeContentOne #petitionForm #cityField input { width: 210px; padding: 6px 0 0 0; }

		#homeContentOne #petitionForm #stateField { position: absolute; top: 100px; right: 20px; }

			#homeContentOne #petitionForm #stateField input { width: 60px; padding: 6px 0 0 0; }

		#homeContentOne #petitionForm #zipField { position: absolute; top: 160px; left: 13px; width: 100px; }

			#homeContentOne #petitionForm #zipField input { width: 86px; padding: 6px 0 0 0; }

		#homeContentOne #petitionForm input#btnSubmit { position: absolute; bottom: 23px; right: 20px; padding: 0px; height: 32px; width: 86px; }		

		

	#homeContentTwo { width: 243px; float: left; display: inline; font-family: Verdana, Arial, Helvetica, sans-serif; }

		#homeContentTwo h3 { width: 243px; height: 32px; margin: 8px 0; padding: 0; background: transparent url(../_images/hdr-more-info.gif) 0 0 no-repeat; text-indent: -9999px; } 

		#homeContentTwo #moreInfo { background-color: #e9e9e9; width: 243px; height: 242px; border-top: 7px solid #fff; border-bottom: 7px solid #fff;  position: relative;}

		#homeContentTwo #moreInfo h4 { height: 60px; text-indent: -9999px; background: transparent url(../_images/hdr-sub-more-info.gif) 0 0 no-repeat; }

		#homeContentTwo #moreInfo p { font-size: 11px; line-height: 15px; padding: 8px 18px; font-family: Verdana, Arial, Helvetica, sans-serif; }	

			#homeContentTwo #moreInfo p.moreLink { position: absolute; bottom: 10px; right: 5px; width: 205px; text-align: right; }

			#homeContentTwo #moreInfo p.moreLink a { text-decoration: none; color: #027cc0; font-size: 12px; }

			#homeContentTwo #moreInfo p.moreLink a:hover { text-decoration: underline; }

		

	#homeContentThree { width: 318px; float: right; display: inline; font-family: Verdana, Arial, Helvetica, sans-serif; }

		#homeContentThree h3 { width: 308px; height: 32px; margin: 8px 0 8px 7px; padding: 0; background: transparent url(../_images/hdr-learn-about.gif) 0 0 no-repeat; text-indent: -9999px; } 	

		#homeContentThree #learnAbout { background-color: #f1f1f1; width: 301px; height: 242px; border: 7px solid #fff; position: relative; }

		#homeContentThree #learnAbout h4 { height: 60px; text-indent: -9999px; background: transparent url(../_images/hdr-sub-learn-about.gif) 0 0 no-repeat; }

		#homeContentThree #learnAbout p { font-size: 11px; line-height: 15px; padding: 8px 18px; font-family: Verdana, Arial, Helvetica, sans-serif; }	

			#homeContentThree #learnAbout p.moreLink { position: absolute; bottom: 10px; right: 5px; }

			#homeContentThree #learnAbout p.moreLink a { text-decoration: none; color: #027cc0; font-size: 12px; }

			#homeContentThree #learnAbout p.moreLink a:hover { text-decoration: underline; }

		

	/* Form Styles */
	div.formRow { width: 614px; overflow: hidden; clear: both; margin: 0 0 3px 0; padding: 5px 0; font-size: 12px; background: #ecf7fd; }
	
	.over { background: #ffc !important; }
	
		div.formRow span.formLabel { width: 175px; font-weight: bold; text-align: right; float: left; }
	
		div.formRow span.formControl { width: 415px; text-align: left; float: right;  } 
	
		div.formRow textarea { width: 255px; height: 120px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
	
		div.formRow input.formButton { cursor: pointer; border: 1px solid #7c7c7c; padding: 2px; background: #a7a7a7; font-weight: normal; color: #fff; }
	
		div.formRow label { display: inline !important; }
	
		div.formRow label.error { display: block !important; font-weight: bold; color: #f00;  }
	
		div.formRow input.error { border: 1px dotted #f00; }
		div.formRow select.error { border: 1px dotted #f00; }
		div.formRow textarea.error { border: 1px dotted #f00; }
