/*----------------------------------------------------------------------------------------
home.css
----------------------------------------------------------------------------------------*/

/* typography
----------------------------------------------------------------------------------------*/
h2 {
	color: #998774;
	font-size: 1.9em;
	overflow: hidden;
	font-weight: bold;
	text-transform: uppercase;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-image: url(../img/hdr/hdr_module_home.gif);
	height: 20px;
	margin: 0 0 9px 0;
}
h2.hdr_testimonials { background-position: left -60px; }
h2.hdr_blog { background-position: left -40px; }
h2.hdr_donate { background-position: left -20px; }
h2.hdr_spotlight { background-position: left top; }

/* #content
----------------------------------------------------------------------------------------*/
#content { padding: 0 0 70px 0; }

/* .slideshow
----------------------------------------------------------------------------------------*/
.slideshow {
	position: relative;
	height: 431px;
	margin: 0 -320px;
	padding: 0 320px;
	/* border-bottom: 3px solid #ebebeb; */
}
	.slideshow .slide {
		position: absolute;
		height: 431px;
		width: 1600px;
		top: 0;
		left: 0;
	}
		.slideshow .slide img {
			position: absolute;
		}
		.slideshow .slide .btn {
			position: relative;
			top: 279px;
			left: 734px;
		}
	.slideshow .controls {
		position: absolute;
		z-index: 100;
		left: 1157px;
		bottom: 18px;
	}
		.slideshow .controls ul { width: 110px;}
			.slideshow .controls li { 
				float: left;
				padding: 0 10px 0 0; 
			}
				.slideshow .controls li.last { 
					padding: 0; 
				}
			.slideshow .controls li a {
				float: left;
				background: url(../img/btn/btn_slide_controls.png) no-repeat;
				_background: url(../img/btn/btn_slide_controls_8bit.png) no-repeat;
				height: 25px;
				text-indent: -9999px;
				cursor: pointer;
				display: block;
			}
			.slideshow .controls li.slide1 a { 
				width: 29px; 
				background-position: left bottom;
			}
			.slideshow .controls li.slide1 a:hover,
			.slideshow .controls li.active a.toggle1 { background-position: left top; }
			
			.slideshow .controls li.slide2 a { 
				width: 29px; 
				background-position: -29px bottom; 
			}
			.slideshow .controls li.slide2 a:hover,
			.slideshow .controls li.active a.toggle2 { background-position: -29px top; }
			
			.slideshow .controls li.slide3 a { 
				width: 29px; 
				background-position: -58px bottom; 
			}
			.slideshow .controls li.slide3 a:hover,
			.slideshow .controls li.active a.toggle3 { background-position: -58px top; }

/* .touts
----------------------------------------------------------------------------------------*/
.touts {
	position: relative;
	margin: -65px 0 0 -6px;
	z-index: 2;
}
	.touts .tout { float: left; }
	.touts .tout#tout_left { width: 310px; }
	.touts .tout#tout_center { width: 320px; }
	.touts .tout#tout_right { width: 320px; }
		.touts .tout h3 {
			color: #fff;
			font-size: 1.8em;
			text-indent: -9999px;
		}
			.touts .tout h3 a {
				color: #fff;
				display: block;
				height: 192px;
				overflow: hidden;
				background-position: left bottom;
				background-repeat: no-repeat;
			}
			.touts .tout#tout_left h3 a {
				background-image: url(../img/tout/tout_experience.png);
				_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/website/img/tout/tout_experience.png', sizingMethod='image');
				_background: none;
				_margin: -192px 0 0 0;
				width: 310px;
			}
			.touts .tout#tout_center h3 a {
				background-image: url(../img/tout/tout_learn.png);
				_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/website/img/tout/tout_learn.png', sizingMethod='image');
				_background: none;
				_margin: -192px 0 0 0;
				width: 320px;
			}
			.touts .tout#tout_right h3 a {
				background-image: url(../img/tout/tout_involved.png);
				_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/website/img/tout/tout_involved.png', sizingMethod='image');
				_background: none;
				_margin: -192px 0 0 0;
				width: 320px;
			}
			#container .touts .tout h3 a:hover {
				background-position: left top; 
				_margin: -2px 0 -192px 0;
			}
				.touts .tout h3 a em { 
					font-size: .8em; 
					font-style: normal;
				}

/* .modules
----------------------------------------------------------------------------------------*/
.modules {
	border-top: 3px solid #e5e5e5;
	padding: 2px 0 0 0;
}
	.modules .module_wrap { 
		padding: 31px 0 0 10px;
		border-top: 1px solid #e5e5e5;
	}
	.modules .module {
		float: left;
		width: 236px;
	}
	.modules .module.last { margin: 0 -4px 0 0; }
		
		.modules .module h3 {
			font-weight: bold;
			font-size: 1.4em;
			color: #39C0C3;
			margin: 0 0 5px 0;
		}
		.modules .module p { 
			line-height: 1.3; 
			margin: 0 0 6px 0;
			padding: 0 10px 0 0;
		}
		.modules .module .col_a {
			float: left;
			width: 80px;
		}
		.modules .module .col_b {
			float: left;
			
			width: 150px;
		}