/**********************************************/
/*  XHTML This ********************************/
/*  @url http://www.xhtmlthis.com *************/
/**********************************************/
/*  Code is not to be redistributed or sold.  */
/**********************************************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin: 0; padding: 0;
}
body {
	background: #afac9b;
	font: 12px Arial, sans-serif;
	padding: 0 0 20px;
}
img,a img { 
	border: 0;
}
ol,ul {
	list-style: none;
}
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {
    display: inline-block;
}
html[xmlns] .clearfix {
    display: block;
}
* html .clearfix {
    height: 1%;
}

/**
  * Wrapper: Sets the overall width of all the <div>'s.
  */
.wrapper {
	width: 830px;
	margin: 0 auto;
}

/**
  * Header
  */
#header {
	background: #fff; 
}
	#top_row {
		padding: 20px 0 0;
	}
	#header h1 {
	background: url('images/header/logo.gif') no-repeat;
	width: 118px;
	height: 75px;
	}
		#header h1 a, #header h1 a:hover {
			text-decoration: none;
			float: left;
			text-indent: -100000px;
			width: 118px; height: 75px;
		}
	
	#tele {
	background: url('images/header/telephone.gif') no-repeat right center;
	width: 275px;
	height: 90px;
	float: right;
	font: .1em/.1em Arial;
	color: #fff;
	}
	#navigation {
		width: 830px; height: 40px;
	}
		#navigation li {
			float: left;
			height: 40px;
		}
		#navigation li strong {
			float: left;
			height: 40px;
			text-indent: -10000px;
		}
		#home {
			background: url('images/navigation/background.gif') no-repeat left center;
			width: 79px;
		}
			#home a {
				text-decoration: none;
				background: url('images/navigation/background.gif') no-repeat top left;
				width: 79px; height: 40px;
				float: left;
				text-indent: -100000px;
			}
			#home a:hover {
				text-decoration: none;
				background: url('images/navigation/background.gif') no-repeat left bottom;
				width: 79px; height: 40px;
				float: left;
				text-indent: -100000px;
			}
		#aboutus {
			background: url('images/navigation/background.gif') no-repeat;
			background-position: -79px -40px;
			width: 108px;
		}
			#aboutus a {
				text-decoration: none;
				background: url('images/navigation/background.gif') no-repeat;
				background-position: -79px 0;
				width: 108px; height: 40px;
				float: left;
				text-indent: -100000px;
			}
			#aboutus a:hover {
				text-decoration: none;
				background: url('images/navigation/background.gif') no-repeat;
				background-position: -79px -80px;
				width: 108px; height: 40px;
				float: left;
				text-indent: -100000px;
			}
		#program {
			background: url('images/navigation/background.gif') no-repeat;
			background-position: -187px -40px;
			width: 98px;
		}
			#program a {
				text-decoration: none;
				background: url('images/navigation/background.gif') no-repeat;
				background-position: -187px 0;
				width: 98px; height: 40px;
				float: left;
				text-indent: -100000px;
			}
			#program a:hover {
				text-decoration: none;
				background: url('images/navigation/background.gif') no-repeat;
				background-position: -187px -80px;
				width: 98px; height: 40px;
				float: left;
				text-indent: -100000px;
			}
		#blog {
			background: url('images/navigation/background.gif') no-repeat;
			background-position: -285px -40px;
			width: 78px;
		}
			#blog a {
				text-decoration: none;
				background: url('images/navigation/background.gif') no-repeat;
				background-position: -285px 0;
				width: 78px; height: 40px;
				float: left;
				text-indent: -100000px;
			}
			#blog a:hover {
				text-decoration: none;
				background: url('images/navigation/background.gif') no-repeat;
				background-position: -285px -80px;
				width: 78px; height: 40px;
				float: left;
				text-indent: -100000px;
			}
		#news-events {
			background: url('images/navigation/background.gif') no-repeat;
			background-position: -363px -40px;
			width: 142px;
		}
			#news-events a {
				text-decoration: none;
				background: url('images/navigation/background.gif') no-repeat;
				background-position: -363px 0;
				width: 142px; height: 40px;
				float: left;
				text-indent: -100000px;
			}
			#news-events a:hover {
				text-decoration: none;
				background: url('images/navigation/background.gif') no-repeat;
				background-position: -363px -80px;
				width: 142px; height: 40px;
				float: left;
				text-indent: -100000px;
			}
		#sponsors {
			background: url('images/navigation/background.gif') no-repeat;
			background-position: -505px -40px;
			width: 120px;
		}
			#sponsors a {
				text-decoration: none;
				background: url('images/navigation/background.gif') no-repeat;
				background-position: -505px 0;
				width: 120px; height: 40px;
				float: left;
				text-indent: -100000px;
			}
			#sponsors a:hover {
				text-decoration: none;
				background: url('images/navigation/background.gif') no-repeat;
				background-position: -505px -80px;
				width: 120px; height: 40px;
				float: left;
				text-indent: -100000px;
			}
		#donate {
			background: url('images/navigation/background.gif') no-repeat;
			background-position: -625px -40px;
			width: 87px;
		}
			#donate a {
				text-decoration: none;
				background: url('images/navigation/background.gif') no-repeat;
				background-position: -625px 0;
				width: 87px; height: 40px;
				float: left;
				text-indent: -100000px;
			}
			#donate a:hover {
				text-decoration: none;
				background: url('images/navigation/background.gif') no-repeat;
				background-position: -625px -80px;
				width: 87px; height: 40px;
				float: left;
				text-indent: -100000px;
			}
		#contactus {
			background: url('images/navigation/background.gif') no-repeat;
			background-position: -712px -40px;
			width: 109px;
		}
			#contactus a {
				text-decoration: none;
				background: url('images/navigation/background.gif') no-repeat;
				background-position: -712px 0;
				width: 109px; height: 40px;
				float: left;
				text-indent: -100000px;
			}
			#contactus a:hover {
				text-decoration: none;
				background: url('images/navigation/background.gif') no-repeat;
				background-position: -712px -80px;
				width: 109px; height: 40px;
				float: left;
				text-indent: -100000px;
			}

/**
  * Content
  */
#content {
	background: url('images/background/background.gif') repeat-x top; 
}
	#content .wrapper {
		background: url('images/background/wrapper.gif') repeat-y left top;
		width: 828px;
		padding: 0 6px 0 4px;
	}
	
/**
  * Columns
  */
#columns {
	width: px;
	padding: 0 0 2px 2px;
}
	#columns .column {
		background: url('images/content/columns.gif') no-repeat left top;
		width: 240px; height: 210px;
		float: left;
		padding: 11px 15px 15px;
		margin-right: 3px;
	}
	#columns .hover {
		background: url('images/content/columns.gif') no-repeat right top;
		width: 240px; height: 210px;
		float: left;
		padding: 11px 15px 15px;
		margin-right: 3px;
	}
	.column h2 {
		color: #3360a6;
		padding: 0 0 18px;
		font-size: 16px;
		text-shadow: #f1efe7 1px 1px 0;
	}
	.hover h2 {
		color: #dc291e;
		padding: 0 0 18px;
		font-size: 16px;
		text-shadow: #f1efe7 1px 1px 0;
	}
	.column p {
		line-height: 18px;
		color: #6c6c6c;
	}
	.hover p {
		line-height: 18px;
		color: #876c91;
	}
	.column .go {
		position: absolute;
		margin: 155px 0 0;
	}
		.column .go a {
			text-decoration: none;
			background: url('images/content/go.gif') no-repeat left; 
			width: 36px; height: 22px;
			float: left;
			text-indent: -1000000px;
		}
		.hover .go a {
			text-decoration: none;
			background: url('images/content/go.gif') no-repeat right; 
			width: 36px; height: 22px;
			float: left;
			text-indent: -1000000px;
		}
		.column .go a:hover {
			text-decoration: none;
			background: url('images/content/go.gif') no-repeat right; 
			width: 36px; height: 22px;
			float: left;
			text-indent: -1000000px;
		}
		.column .go a:active {
			text-decoration: none;
			background: url('images/content/go.gif') no-repeat center; 
			width: 36px; height: 22px;
			float: left;
			text-indent: -1000000px;
		}
	/**
	  * Custom Headings: Changes colors when they are rolled over.
	  */
	.column h2 span, .hover h2 span {
		display: none;
	}
	
	.column #h2-who {
	background: url(images/columntitles/who.gif) no-repeat left top;
	width: 99px;
	height: 14px;
	}
	.hover #h2-who {
		background: url('images/columntitles/who.gif') no-repeat right top; 
		width: 99px; height: 14px;
	}
	
	.column #h2-students {
	background: url(images/columntitles/students.gif) no-repeat left top;
	width: 132px;
	height: 14px;
	}
	.hover #h2-students {
		background: url('images/columntitles/students.gif') no-repeat right top; 
		width: 132px; height: 14px;
	}
	
	.column #h2-success {
		background: url('images/columntitles/success.gif') no-repeat left top; 
		width: 131px; height: 14px;
	}
	.hover #h2-success {
		background: url('images/columntitles/success.gif') no-repeat right top; 
		width: 131px; height: 14px;
	}
	
	.column #h2-educators {
		background: url('images/columntitles/educators.gif') no-repeat left top; 
		width: 141px; height: 14px;
	}
	.hover #h2-educators {
		background: url('images/columntitles/educators.gif') no-repeat right top; 
		width: 141px; height: 14px;
	}
	
	
	.column #h2-free {
		background: url('images/columntitles/free.gif') no-repeat left top; 
		width: 90px; height: 17px;
		padding: 0 0 15px;
	}
	.hover #h2-free {
		background: url('images/columntitles/free.gif') no-repeat right top; 
		width: 90px; height: 17px;
		padding: 0 0 15px;
	}
	
	.column #h2-impact {
		background: url('images/columntitles/impact.gif') no-repeat left top; 
		width: 144px; height: 17px;
		padding: 0 0 15px;
	}
	.hover #h2-impact {
		background: url('images/columntitles/impact.gif') no-repeat right top; 
		width: 144px; height: 17px;
		padding: 0 0 15px;
	}

/**
  * Footer
  */
#footer {
	
}
	#footer .wrapper {
		background: url('images/content/footer.gif') no-repeat top left; 
		width: 828px;
		padding: 30px 6px 0 4px;
		font-size: 11px;
		color: #eae7d7;
	}
	#footer a {
		text-decoration: underline;
		color: #eae7d7;
	}
	#footer a:hover {
		text-decoration: none;
		color: #eae7d7;
	}
		#copyright {
			float: right;
		}
			#copyright a {
				text-decoration: underline;
				color: #fff;
			}
			#copyright a:hover {
				text-decoration: none;
				color: #fff;
			}

/**
  * Page Name
  */
#page-name {
	background: #3c3c3c;
	width: 781px;
	padding: 20px;
}
	#page-name h2 span {
		display: none;
		color: #ffea00;
	}

/**
  * Headings
  */
#h2-about {
	background: url('images/pagetitles/aboutus.gif') no-repeat;
	width: 140px; height: 25px;
}
#h2-contact {
	background: url('images/pagetitles/contact-us.gif') no-repeat top left;
	width: 169px; height: 25px;
}
#h2-program {
	background: url('images/pagetitles/program.gif') no-repeat top left;
	width: 136px; height: 25px;
}
#h2-educators {
	background: url('images/pagetitles/educators.gif') no-repeat top left;
	width: 400px; height: 25px;
}
#h2-students {
	background: url('images/pagetitles/students.gif') no-repeat top left;
	width: 400px; height: 25px;
}
#h2-hearts {
	background: url('images/pagetitles/changinghearts-title.gif') no-repeat top left;
	width: 600px; height: 25px;
}
#h2-news {
	background: url('images/pagetitles/news-and-events.gif') no-repeat top left;
	width: 216px; height: 25px;
}
#h2-sponsors {
	background: url('images/pagetitles/sponsors.gif') no-repeat top left;
	width: 205px; height: 25px;
}
#h2-donate {
	background: url('images/pagetitles/donate.gif') no-repeat top left;
	width: 109px; height: 25px;
}
#h2-scholarship{
	background: url('images/pagetitles/scholarship.gif') no-repeat top left;
	width: 330px; height: 25px;
}
#h2-faq {
	background: url('images/pagetitles/faq.gif') no-repeat top left;
	width: 90px; height: 25px;
}
#h2-sp {
	background: url('images/pagetitles/school_partners.gif') no-repeat top left;
	width: 400px; height: 25px;
}
#h2-board {
	background: url('images/pagetitles/board.gif') no-repeat top left;
	width: 400px; height: 25px;
}
#h2-pricing {
	background: url('images/pagetitles/pricing.gif') no-repeat top left;
	width: 120px; height: 25px;
}
#h2-impact {
	background: url('images/pagetitles/impact.gif') no-repeat top left;
	width: 300px; height: 25px;
}
#h2-sitemap {
	background: url('images/pagetitles/sitemap.gif') no-repeat top left;
	width: 300px; height: 25px;
}

/**
  * Sub Content
  */
#sub-content {
	padding: 2px 0 0 2px;
}
	#left {
		background: url('images/content/left.gif') no-repeat top; 
		width: 571px;
		padding: 5px 20px 20px;
		float: left;
		min-height: 403px;
		height: auto !important;
		height: 403px;
	}
		#left h2 {
			font: bold 14px Arial, sans-serif;
			color: #3360a6;
			padding: 15px 0 3px;
		}
		#left p {
			color: #7b7b7b;
			padding: 5px 0;
			line-height: 18px;
		}
			#left p a {
				text-decoration: underline;
				color: #e01d25;
			}
			#left p a:hover {
				text-decoration: none;
				color: #e01d25;
			}
	#right {
		background: url('images/content/right.gif') no-repeat top; 
		width: 166px;
		padding: 20px;
		float: left;
		min-height: 403px;
		height: auto !important;
		height: 403px;
	}
		#right li {
			padding: 5px 0;
			font-size: 12px;
		}
			#right li a {
				text-decoration: none;
				color: #e01d25;
			}
			#right li a:hover {
				text-decoration: underline;
				color: #e01d25;
			}
/*--------- Fancy Slider and Coin Slider Styles ------ */
#fancy_show, #coin_show {margin:0px 10px 10px 10px; padding:0px; height:240px; overflow:hidden}
.fancy_slider{
	position:absolute;
	
	z-index:10;
	width:600px;
	height:240px;
	top:138px;
	left:22px;
	background:url(none) no-repeat left top;
	padding:10px
}
#fancy_show p img {padding:0px;margin:0px 0px 0px 0px;}
.ft-title, div.cs-title{width:100%; padding:0px; position: absolute; bottom:0; left: 0; z-index: 1000; color: #fff; background:#b60015}
.ft-title a, div.cs-title a{color:#e7f7ff; text-decoration:underline}
.ft-title a:hover, div.cs-title a:hover{text-decoration:none}
.cs-buttons {font-size: 0px}
.cs-buttons a {padding:4px; margin-right:4px; background:url(../images/slnav.png) center left no-repeat}
a.cs-active {background:url(../img/slnav_active.png) center left no-repeat}
.cs-prev,.cs-next, .cs-prev:hover,.cs-next:hover {background:#002f62; color: #fff; padding: 0px 10px; }
.cs-prev:hover,.cs-next:hover {text-decoration:underline}

#slide_desc {position:relative; width:250px; height:160px; color:#003867; margin-top:15px}
#slide_desc h3 {font-family:Arial, Helvetica, sans-serif}
.hide_overflow {overflow:hidden}
.slider {position:absolute; z-index:10; width:819px; height:273px; top:-250px; left:290px; background:url(../images/slider_frame.png) top left no-repeat; padding:22px}
.inner_shadow{position:absolute; z-index:100}
#slider_nav {margin:0px; padding:0px; list-style:none;position:absolute; top:8px; cursor:pointer}
#slider_nav li {width:8px; height:8px; float:left; margin-right:4px}
#slider_nav a {display:block; padding:4px; background:url(../images/slnav.png) center left no-repeat}
#slider_nav a.activeSlide {background:url(../images/slnav_active.png) center left no-repeat}
#slider_nav a:focus { outline: none; }
.desc {display:none}
#fader{margin:0px; padding:0px; list-style:none;width:566px; height:239px; overflow:hidden}
#fader li{margin:0px; padding:0px}
#hide_slider, #show_slider {position:absolute; z-index:200; font-size:10px; top:-275px; right:17px}
#show_slider {display:none; top:-106px}
#hide_slider a {color:#8BAAC1; background:url(../images/close.png) center right no-repeat; padding-right:17px}
#show_slider a {color:#8BAAC1; background:url(../images/enable.png) center right no-repeat; padding-right:17px}
#hide_slider a:hover {color:#003867; background:url(../images/close_hover.png) center right no-repeat}
#show_slider a:hover {color:#003867; background:url(../images/enable_hover.png) center right no-repeat}