/*
CSS for HomeStep
www.ebendesign.com
*/

body { margin: 10px 0 0 0; background-color: #006892; padding: 0 0 25px 0; font-family: verdana, arial, sans-serif; font-size: .85em; }
#container { width: 928px; background-color: #fff; padding: 26px 31px 0 31px; margin: 0 auto; }
	#logo { width: 300px; height: 70px; float: left; display: inline; }
	#nav { width: 600px; height: 28px; float: right; display: inline; margin: 47px 0 0 0; _margin: 26px 0 0 0; text-align: right; font-size: .80em; }				
		ul#navB, ul#navB li { list-style-type: none; margin: 0; padding: 0; color: #666; }
			ul#navB li { display: inline; margin: 0 0 0 0; text-align: center; width: 85px; }
			ul#navB li a { color: #666; background: #fff; width: 85px; text-align: center; }
			ul#navB a { float: right; padding: 7px; background: #fff; text-decoration: none; color: #666; margin: 0 0 0 0; }
			ul#navB a:hover { color: #7daa75; padding: 7px; text-decoration: underline; }
			ul#navB li.active a, ul#navB li.active a:hover { background: #7daa75; color: #fff; text-decoration: none; }
						
			ul#navC { list-style-type: none; margin: 0; padding: 0; color: #666; }
			ul#navC li { float: left; margin-right: 2px; text-align: center; font-size: .85em; }
			ul#navC a { float: left; padding: 5px; background: #272727; text-decoration: none; color: #fff; width: 90px; }
			
	#content { margin: 48px 0 0 0; _margin: 0 0 0 0; .margin: 30px 0 0 0; padding: 0 0 0 0; }
		.hmPicBox { width: 609px; height: 253px; float: left; display: inline; margin: 0 0 0 0; overflow: hidden; }
		.hmLinkBox { width: 313px; float: right; display: inline; margin: 0 0 0 0; }
			.hmGiveGift { float: right; display: block; height: 26px; width: 286px; padding: 42px 15px 15px 12px; background: url(../images/bg-hmGiveGift.gif) 0 0 no-repeat #7daa75; margin-bottom: 1px; font-size: 1.1em; color: #fff; }
			.hmGetInvolved { float: right; display: block; height: 28px; width: 286px; padding: 42px 15px 15px 12px; background: url(../images/bg-hmGetInvolved.gif) 0 0 no-repeat #7daa75; margin-bottom: 1px; font-size: 1.1em; color: #fff; }
			.hmGetHelp { float: right; display: block; height: 26px; width: 286px; padding: 42px 15px 15px 12px; _padding: 42px 15px 5px 12px!important; background: url(../images/bg-hmGetHelp.gif) 0 0 no-repeat #7daa75; font-size: 1.1em; color: #fff; }
	#bottomContent { margin: 0 0 0 0; padding: 0 0 0 0; }
	#leftContent { float: left; display: inline; width: 581px; font-size: .85em; color: #666; line-height: 1.6; padding: 0 15px 0 14px; }
		#leftContent a { color: #006892; }
	#subnav { float: right; width: 313px; padding: 15px 0 15px 0; background-color: #7daa75; font-size: 1.1em; color: #fff; }
		#subnav a { display: block; padding: 5px 7px 5px 14px; width: 291px; color: #fff; }
			#subnav a:hover, #subnav a#active, #subnav .item_active { color: #fef1d1; }
	#chPicBox { float: right; width: 313px; margin: 6px 0 0 0; clear: right; }
	#yellowBox { clear: right; background-color: #fef1d1; float: right; display: inline; width: 283px; margin: 6px 0 0 0; .margin: 6px 0 0 0; _margin: 3px 0 0 0; padding: 0 15px 15px 15px; font-size: .85em; color: #666; line-height: 1.5; }
		#yellowBox a { color: #75a064; font-weight: bold; }
		.testimonials { background: url(../images/bg-testimonialQuotes.gif) center center no-repeat #fef1d1; margin-top: 6px!important; }
	#footer { margin: 70px 0 0 0; _margin: 50px 0 0 0; padding: 0 0 70px 0; color: #006993; font-size: .85em; }
		#footer a, #footer a:visited { color: #006993; }
		.fLeft { float: left; display: inline; width: 45%; }
		.fRight { float: right; display: inline; width: 45%; text-align: right; }
		
h2 { margin: 25px 0 20px 0; _margin: 25 0 0 0; padding: 0 0 0 0; height: 20px; overflow: hidden; color: #006892; font-size: 1.3em; }
	.title-homestepEvents { background: url(../images/title-homestepEvents.gif) 0 0 no-repeat transparent; height: 20px; }
	.title-successStories { background: url(../images/title-successStories.gif) 0 0 no-repeat transparent; height: 20px; }
	.title-aboutUs { background: url(../images/title-aboutUs.gif) 0 0 no-repeat transparent; height: 16px; }
	.title-testimonials { background: url(../images/title-testimonials.gif) 0 0 no-repeat transparent; height: 16px; }
a, a:visited { text-decoration: none; }
a:hover, a:active { text-decoration: underline; }
img a, a img { border: 0; }

/* miscellaneous classes */
.rounded { padding: 7px; background: #fff; text-decoration: none; color: #666; }
.filler { color: #666; }
.bottomline { border-bottom: 1px solid #8fb689; }
.clear { display: block; clear: both; height: 0; }
.logoLink { width: 300px; height: 70px; display: block; background: url(../images/img-logo.gif) 0 0 no-repeat transparent; }
.green { color: #75a064; }
.white { color: #fff; }
.floatleft { float: left; margin: 0 15px 15px 0; }
.floatright { float: right; margin: 0 0 15px 15px; }
.buttonLink { padding: 6px; background-color: #90b78a; color: #fff; float: right; margin: 0 15px 0 0; width: 80px; }

#testBox { background: #fff; width: 250px; margin: 50px auto; padding: 10px; }
	#testeBox p { padding: 10px; margin: 0; }
	
.donateButton { display: block; height: 30px; width: 159px; background: url(../images/but-donate.gif) 0 0 no-repeat transparent; }
.donateButton:hover { display: block; height: 30px; width: 159px; background: url(../images/but-donate.gif) 0 -60px no-repeat transparent; }