@import url(pageparts/css/reset.css);

hr { display: none; }
.clearall { clear: both; height: 0px; }

html { text-align: center; background: url('pageparts/images/back.gif') top center repeat; color: #222222; }
body { margin: 0 auto; width: 654px; text-align: left; }

#container { background: white; width: 630px; padding: 10px 10px 9px; border: 2px solid #cccccc; margin-top: 70px; }

#pagehead { width: 630px; height: 150px; background: url('pageparts/images/splash/logo.gif') top left no-repeat; margin-bottom: 10px; }
	#pagehead h1, #pagehead p { font-size: 0; text-indent: -5000px; overflow: hidden; height: 0; }

#pagebody { width: 630px; }
	#help { float: left; width: 290px; border: 1px solid #e6e6e6; padding: 7px 9px 8px; margin: 0 10px 10px 0; }
		#help h4 { font: normal 175%/1em Georgia; color: #152a67; margin-bottom: .2em; }
		#help p { font: normal 75%/1.5em Verdana; }
	#action { float: right; width: 310px; height: 230px; margin: 0 0 10px 0; background: url('pageparts/images/splash/family.jpg') 0px 40px no-repeat; }

	p#donate a { font-size: 0; text-indent: -5000px; overflow: hidden; display: block; width: 150px; height: 30px; background: url('pageparts/images/splash/donatebutton.gif') 0px 0px no-repeat; margin-bottom: 10px; float: left; }
		p#donate a:hover { background: url('pageparts/images/splash/donatebutton.gif') 0px -30px no-repeat; }
		p#donate a:active { background: url('pageparts/images/splash/donatebutton.gif') 0px -60px no-repeat; }
	p#volunteer a { font-size: 0; text-indent: -5000px; overflow: hidden; display: block; width: 150px; height: 30px; background: url('pageparts/images/splash/volunteerbutton.gif') 0px 0px no-repeat; margin-bottom: 10px; float: right; }
		p#volunteer a:hover { background: url('pageparts/images/splash/volunteerbutton.gif') 0px -30px no-repeat; }
		p#volunteer a:active { background: url('pageparts/images/splash/volunteerbutton.gif') 0px -60px no-repeat; }



#pagefoot { width: 630px; padding-top: 37px; background: url('pageparts/images/splash/footer.gif') 0px 0px no-repeat; }
	#pagefoot p { font: normal 65% Verdana; color: #999; }
		p.paidfor { float: left; }
		p.copyright { text-align: right; }