@import "main.css";



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Home page styles
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#content{zoom:1}

#content #homeNavWrapper {
	background:transparent url("../../../../images/hp_main3.jpg") no-repeat left top;
	clear:both;
	display:block;
	margin-top:15px;
	}
	
	#content #homeNavWrapper ul {
		min-height:240px;
		padding-left:10px;
		background:transparent url("../../../../images/hp_main_img_footer.gif") no-repeat left top;
		}
	#content #homeNavWrapper li {
		display:block;
		float:left;
		width:242px;
		margin:185px 10px 0 0;
		padding:0;
		background:transparent url("../../../../images/hp_main_box.gif") no-repeat left top;
		}
		#content #homeNavWrapper li h2 {
			padding:12px 15px 22px 15px;
			margin:0;
			font-size:1.7em;
			line-height:1.2em;
			min-height:75px;
			}
			#content #homeNavWrapper li.helpingSomeone h2 {
				background:url("../../../../images/hp_main_box_footer_orange.gif") no-repeat center bottom;
				}
				#content #homeNavWrapper li.helpingSomeone span, #content #homeNavWrapper li.helpingSomeone a:hover, #content #homeNavWrapper li.helpingSomeone a:hover h2 a {
					color:#be4f17;
					}
			#content #homeNavWrapper li.helpForMyself h2 {
				background:url("../../../../images/hp_main_box_footer_blue.gif") no-repeat center bottom;
				}
				#content #homeNavWrapper li.helpForMyself span, #content #homeNavWrapper li.helpForMyself a:hover, #content #homeNavWrapper li.helpForMyself a:hover h2 a {
					color:#2e3192;
					}
			#content #homeNavWrapper li.forCharities h2 {
				background:url("../../../../images/hp_main_box_footer_green.gif") no-repeat center bottom;
				}
				#content #homeNavWrapper li.forCharities span, #content #homeNavWrapper li.forCharities a:hover, #content #homeNavWrapper li.forCharities a:hover h2 a {
					color:#4d8028;
					}
			
			#content #homeNavWrapper li h2 a:hover {
				text-decoration:underline;
				}
			#content #homeNavWrapper li h2 a, #content #homeNavWrapper a p {
				text-decoration:none;
				color:#535353;
				font-weight:normal;
				}
				#content #homeNavWrapper li a:hover h2 a {
					text-decoration:underline;
					}
		#content #homeNavWrapper li p {
			padding:0 15px 25px 15px;
			line-height:1.4em;
			}
			#content #homeNavWrapper li.helpingSomeone p {
				background:url("../../../../images/hp_main_box_footer_orange.gif") no-repeat left bottom;
				}
			#content #homeNavWrapper li.helpForMyself p {
				background:url("../../../../images/hp_main_box_footer_blue.gif") no-repeat left bottom;
				}
			#content #homeNavWrapper li.forCharities p {
				background:url("../../../../images/hp_main_box_footer_green.gif") no-repeat left bottom;
				}
		
		div.col {
			float:left;
			width:376px;
			margin:22px 0 5px 0;
			min-height:100px;
			display:inline;
			}
			div.col h3 {
				margin:0 20px 10px 20px;
				font-size:1.5em;
				margin-bottom:7px;
				}
			div.col h4 {
				margin:0 20px 2px 20px;
				font-size:1.2em;
				line-height:1.1em;
				}
			div.col p {
				margin:0 20px 10px 20px;
				font-size:1.2em;
				line-height:1.4em;
				}
			div.col img {
				float:left;
				margin:0 20px 10px 20px;
				}