@charset "utf-8";
/* CSS Document */

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
}

img {
	display: block;
	border: none;
}

h1, h2, h3, h4, h5, h6, p {
	margin: 0;
}

h1 {

}

h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	color:#772224;
}

h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #772224;
	margin: 10px 0 0 0;
}

h5 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #465560;
	margin: 10px 0 0 0;
}

a {
	color: #0943a2;
}

	a:hover {
		color:  #772224;
	}

#header {
	height: 80px;
	padding: 10px 0 10px 0;
	width: 100%;
	background: #f0f1ea;
}

	#header ul {
		list-style: none;
		margin: 0 auto;
		padding: 0;
		width: 968px;
	}
	
		#header ul li {
			width: 175px;
			float: left;
			height: 80px;
		}
		
			#header ul li a {
				display: block;
				background: #e2e5d7;
				height: 65px;
				padding: 15px 12px 0 12px;
				text-decoration: none;
				font-family: Tahoma;
				font-size: 10px;
				color: #465560;
				background-position: 50% 50%;
				background-repeat: no-repeat;
				overflow: hidden;
				border-left: 1px solid white;
			}
			
				#header ul li a:hover {
					background-color: #d5d9c6;
				}
			
				#header ul li a strong {
					text-indent: -9999px;
					height: 12px;
					background-position: 0 0;
					background-repeat: no-repeat;
					display: block;
					overflow: hidden;
					margin: 0 0 5px 0;
				}
				
				#header ul li a em {
					font-style: normal;
				}
				
					#header ul li#n-cfbc {
						width: 87px;
					}
				
					#header ul li#n-cfbc a {
						text-indent: -9999px;
						background-image: url(/i/bug.gif);
						border: none;
					}
					
				
					li#n-about a strong {
						background-image: url(/i/newnav/what.gif);
					}
					
					li#n-prayer a strong {
						background-image: url(/i/newnav/prayer.gif);
					}
					
					li#n-updates a strong {
						background-image: url(/i/newnav/updates.gif);
					}
					
					li#n-pledges a strong {
						background-image: url(/i/newnav/pledges.gif);
					}
					
					#header ul li#n-milestones {
						border: none;
					}
					
					li#n-milestones a strong {
						background-image: url(/i/newnav/milestones.gif);
					}
					
			#header ul li.selected a {
				background: white;
			}
					
#subhead {
	width: 100%;
	height: 100px;
	background: url(/i/subnav.gif) repeat-y 50% 0;
	margin: 0 0 20px 0;
}

	#submain {
		margin: 0 auto;
		width: 972px;
	}
	
		#subnav {
			float: left;
			width: 586px;
			height: 100px;
			padding: 0 15px 0 15px;
		}
		
			#subnav ul {
				list-style: none;
				padding: 12px 0 0 0;
				margin: 0;
				font-family: Tahoma;
				font-size: 11px;
				height: 52px;
			}
			
				#subnav ul li {
					float: left;
					margin: 0 10px 0 0;
				}
				
					#subnav ul li a {
						color: black;
						padding: 1px;
					}
					
						#subnav ul li a:hover, #subnav ul li.selected a {
							background: white;
							text-decoration: none;
							color: #772224;
						}
						
					#subnav ul li.selected a {
						font-weight: bold;
					}
				
			#subnav h2 {
				display: block;
				text-indent: -9999px;
				overflow: hidden;
				background-position: 0 0;
				background-repeat: no-repeat;
				height: 22px;
				width: 500px;
			}
			
				#t-what {
					background-image: url(/i/t/whatisimpact.gif);
				}
				
				#t-timeline {
					background-image: url(/i/t/timeline.gif);
				}
				
				#t-prayer {
					background-image: url(/i/t/prayer.gif);
				}
				
				#t-pledges {
					background-image: url(/i/t/pledges.gif);
				}
				
				#t-milestones {
					background-image: url(/i/t/milestones.gif);
				}
				
				#t-updates {
					background-image: url(/i/t/updates.gif);
				}
		
		#sublogo {
			float: left;
			width: 356px;
		}
		
			#sublogo h1 {
				display: block;
			}
			
				#sublogo h1 a {
					display: block;
					width: 271px;
					height: 55px;
					text-decoration: none;
					text-indent: -9999px;
					background: url(/i/impact_sm.gif) no-repeat 0 0;
					margin: 23px auto 0 auto;
					overflow: hidden;
				}
					
#container{
	margin: 0 auto;
	width: 972px;
}


	a#video {
		display: block;
		width: 135px;
		height: 44px;
		overflow: hidden;
		text-decoration: none;
		text-indent: -9999px;
		background: url(/i/play.gif) no-repeat 0 50%;
		opacity: .5
	}
	
		a#video:hover {
			opacity: 1;
		}
	
	
.center {
	text-align: center;
}

	.center #video {
		margin: 140px auto 0 auto;
	}


.half {
	width: 50%;
	float: left;
}

	#homeLogo {
		text-indent: -9999px;
		width: 464px;
		height: 95px;
		display: block;
		margin: 120px auto 120px auto;
		background: url(/i/impact_lg.gif) no-repeat 0 50%;
	}
	
#content {
	float: left;
	width: 753px;
	padding: 0 0 0 15px;
	line-height: 2.2em;
}

	#content h2 {
		margin: 3px 0 12px 0;
	}

	#content p {
		margin: 3px 0 10px 0;
	}
	
#sidebar {
	float: left;
	width: 175px;
	margin: 0 0 0 20px;
	line-height: 1.6em;
	font-size: 11px;
}

	#sidebar h4 {
		border-bottom: 1px solid #f0f1e8;
		padding: 15px 0 3px 0;
		color: #762123;
		text-transform: uppercase;
		font-size: 11px;
	}
	
	#sidebar ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
		#sidebar ul li {
			padding: 3px 0 3px 0;
			border-bottom: 1px solid #f0f1e8;
		}
		
		#sidebar ul li a {
			color: #455560;
		}
		
			#sidebar ul li a:hover {
				color: #762123;
				background: #e8ebdd;
			}

#clearer {
	clear: both;
	height: 20px;
	width: 100px;
}

#footer {
	clear: both;
	background: #f0f1ea;
	font-family: Tahoma;
	font-size: 11px;
	margin: 0 0 20px 0;
}

	#fbody {
		margin: 0 auto;
		width: 972px;
		padding: 15px 0 15px 0
	}
	
		#fright {
			padding: 20px 0 0 0;
			float: right;
			text-align: right;
		}

	#footerLogo {
		text-decoration: none;
		overflow: hidden;
		display: block;
		width: 185px;
		height: 54px;
		text-indent: -9999px;
		background: url(/i/cflogo.gif) no-repeat 0 0;
	}
	
/* Other Stylisitc Elements */


.quote {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: italic;
	width: 200px;
	padding: 20px 25px 20px 25px;
	margin: 10px 15px 10px 15px;
	border-top: 1px solid #c68b2b;
	background: #fbf7f0 url(/i/quote_l.gif) no-repeat -10px -10px;
	border-bottom: 1px solid #c68b2b;
	color: #772224;
}

	.quote strong {
		display: block;
		background: url(/i/quote_r.gif) no-repeat 140px 0;
		margin: 0 -25px -20px 0;
		padding: 10px 25px 20px 0;
		line-height: 1.4em;
	}

.marginRight {
	margin-right: -100px;
	position: relative;
	z-index: 500;
}

.right {
	float: right;
	margin-right: 0;
}

	.textRight {
		text-align: right;
	}
	
		.textRight tr td, .textRight tr th {
			text-align: right;
		}

.left {
	float: left;
	margin-left: 0;
}

/* TABLES */

table {
	border: 1px solid #f0f1ea;
	border-collapse: collapse;
	width: 100%;
	clear: both;
	margin: 15px 0 0 0;
}

	table tr td, table tr th {
		padding: 3px 6px 3px 6px;
		text-align: left;
	}
	
		table tr.odd td {
			background: #f0f1ea;
		}
		
		table tr.total td {
			font-weight: bold;
			color: white;
			font-size: 14px;
			background: #687934;
		}
		
/* Messages */


.msg, .msgerror, .msgsuccess, .msgno {
	padding: 12px 15px 12px 36px;
	border: 1px dotted #727272;
	line-height: 1.4em;
	margin-bottom: 15px;
	background-color: #f5f5f5;
	background-repeat: no-repeat;
	background-position: 12px 12px;
}

	#two .msg, #two .msgerror, #two .msgsuccess, #two .msgno {
		padding: 10px 10px 10px 36px;
		margin: 10px 0 0 0;
		background-position: 10px 10px;
		background-color: white;
	}

.msg {
	background-image: url(/i/icons/information.gif);
}

.msgerror {
	background-image: url(/i/icons/cancel.gif);
	border-color: #e20000;
}

.msgsuccess {
	background-image: url(/i/icons/accept.gif);
	border: 1px dotted #73cb00;
	background-color: #eaf7d9;
}

.msgno {
	padding: 12px 15px 12px 15px;
	background: white;
	border: 1px dotted #c3c3c3;
	background: #f5f5f5;
}

.faq  p {
	padding: 0 0 10px 0;
	border-bottom: 1px dotted #c68b2b;
}

#timeline {
	padding: 15px;
	height: 250px;
}

	#timelineBody {
		height: 250px;
		clear: both;
	}
	
	#timelineImage {
		width: 842px;
		float: left;
		height: 250px;
	}
	
		#timelineMain {
			width: 842px;
			height: 250px;
			overflow: hidden;
			position: relative;
		}
		
			#timelineSlide {
				position: absolute;
			}
	
	.timelineSide {
		float: left;
		width: 50px;
		padding: 110px 0 0 0;
	}
	
.timelineSide a {
	display: block;
	width: 29px;
	height: 29px;
	overflow: hidden;
	text-decoration: none;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 0 0;
}

	#movePrevious {
		background-image: url(/i/prev.gif);
	}
	
	#moveNext {
		background-image: url(/i/next.gif);
		margin: 0 0 0 21px;
	}
	
	.timelineSide a:hover {
		background-position: 0 -29px;
	}
	
		a.off, a.off:hover {
			background-position: 0 -58px;
		}
		
#timelineDates {
	list-style: none;
	margin: 0;
	padding: 0 50px 30px 50px;
}

	ul#timelineDates li {
		float: left;
		width: 10%;
		text-align: center;
	}	

/* Milestones */

.milestone {
	margin: 5px 0 10px 0;
	padding: 15px 0 15px 0;
	border-top: 1px solid #d1d6b9;
	border-bottom: 1px dotted #d1d6b9;
}

	.milestone h4 {
		float: left;
		width: 180px;
		font-size: 12px;
	}
	
	.milestone h2 {
		margin: 5px 0 0 185px;
		font-size: 20px;
	}
	
/* BLOG CRAP */

/* FORMS */

#respond {
	margin-top: 20px;
	color: #455560;
	font-size: 18px;
}

	#commentform p {
		margin: 0 0 10px 0;
	}

	#commentform p input {
		padding: 7px;
		width: 200px;
		border: 1px solid #515151;
	}
	
		#commentform p label {
			display: block;
			font-size: 12px;
			font-weight: bold;
		}
	
	#commentform p textarea {
		padding: 7px;
		width: 640px;
		border: 1px solid #515151;
	}
	
	#commentform div input {
		font-weight: bold;
		padding: 5px 10px 5px 10px;
	}
	
/* Comments */

/* COMMENTS */

#comments {
	color: #455560;
	font-size: 18px;
}

.commentlist {

}

	.commentbox {
		padding: 10px 15px 10px 15px;
		margin: 15px 0 0 0;
		background: #e8ebdd;
	}

		.commenttop {
			padding: 0;
		}
	
		.commentdate {
			float: right;
			font-size: 10px;
			color: #455560;
		}
		
			.commentdate a {
				color: #455560;
			}
			
			.commentdate a:hover {
				color: #762123;
				background: white;
			}
		
		.commenttitle {
			font-weight: bold;
			font-size: 14px;
			color: #762123;
		}
		
			.commenttitle em {
				font-size: 10px;
				font-weight: normal;
			}
		
			.commenttitle a {
				border-bottom: 1px dotted #762123;
				color: #762123;
				text-decoration: none;
			}
			
				.commenttitle a:hover {
					border-bottom: 1px solid black;
					color: black;
					background: white;
				}
		
		.commentbody {
			padding: 0;
			margin: 8px 0 0 0;
			line-height: 22px;
		}
		
			#content .commentbody p {
				margin: 0;
				padding: 0;
			}
			
.meta {
	border-top: 1px dotted #687819;
	border-bottom: 5px solid #687819;
	margin: 10px 0 29px 0;
	padding: 5px 0 8px 0;
	font-size: 11px
}

	.meta small {
		float: none;
		font-weight: bold;
		text-transform: uppercase;
	}
	
	.meta a {
		color: #762123;
	}
	
		.meta a:hover {
			color: black;
		}
		
/* NAV */

.navigation {
	height: 20px;
	font-size: 10px;
	border-bottom: 1px dotted #d1d6b9;
	border-top: 1px dotted #d1d6b9;
	margin: 0 0 18px 0;
}

	.navigation a {
		color: #687719;
	}
	
		.navigation a:hover {
			color: #c40000;
		}

	.alignleft {
		float: left;
	}
	
	.alignright {
		float: right;
	}