@charset "utf-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: url(images/bg-body.jpg) top center repeat-x #5b9096;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
#container {
	width: 936px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background:none;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#programs{/* programs styled give box border */
	width: 430px;
	color:#000000;
	margin:0px 0px 10px 10px;
	padding:0px 10px 0px 40px;
	/*border:#000000 1px solid; */
	text-align:left;
}
#programsrt{/* programs listed on side bar to give box border */
	width: 345px;
	color:#000000;
	margin:0px 0px 10px 10px;
	padding-left: 10px;
	/*border:#000000 1px solid; */
	text-align:left;
}
#header {
	position:relative;
	padding:0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	margin: 0px auto;
}
#header img.top {
	position:relative;
	top:0;
	left:0;
}

#header img.logo {
	position:absolute;
	top:15px;
	left:15px;
	z-index:2;
}

#header img.phone {
	position:absolute;
	top:55px;
	right:20px;
	z-index:3;
}

/*###########################################

Navigation Styles start

###########################################*/

#header ul#nav {
	list-style:none;
	position:absolute;
	padding:0;
	margin:0 auto;
	top:128px;
	left:111px;
	z-index:4;
	width:727px;
	height: 58px;
}

ul#nav li {
	float:left;
	margin:0;
	padding:0;
	height:50px;
	padding-top: 20px;
	padding-right:25px;
	}
ul#nav a:link, ul#nav a:visited{
color:#094B6E;
text-decoration:none;
}
ul#nav a:hover, ul#nav a:active{
	color:#044F09;
	text-decoration:underline;
}

	
	
	

ul#nav a.home {
	display:block;
	position:relative;
	padding:0;
	margin:0;
	width:98px;
	height:50px;
	background:url(images/bgNav-home.png) top center no-repeat;
	text-indent:-2000px;
	}

ul#nav a.home:hover {
	display:block;
	position:relative;
	padding:0;
	margin:0;
	width:98px;
	height:50px;
	background:url(images/bgNav-home.png) bottom center no-repeat;
	text-indent:-2000px;
	}

ul#nav a.programs {
	display:block;
	position:relative;
	padding:0;
	margin:0;
	width:140px;
	height:50px;
	background:url(images/bgNav-programs.png) top center no-repeat;
	text-indent:-2000px;
	}

ul#nav a.programs:hover {
	display:block;
	position:relative;
	padding:0;
	margin:0;
	width:140px;
	height:50px;
	background:url(images/bgNav-programs.png) bottom center no-repeat;
	text-indent:-2000px;
	}

ul#nav a.teacher {
	display:block;
	position:relative;
	padding:0;
	margin:0;
	width:160px;
	height:50px;
	background:url(images/bgNav-teacher.png) top center no-repeat;
	text-indent:-2000px;
	}

ul#nav a.teacher:hover {
	display:block;
	position:relative;
	padding:0;
	margin:0;
	width:160px;
	height:50px;
	background:url(images/bgNav-teacher.png) bottom center no-repeat;
	text-indent:-2000px;
	}

ul#nav a.clients {
	display:block;
	position:relative;
	padding:0;
	margin:0;
	width:104px;
	height:50px;
	background:url(images/bgNav-clients.png) top center no-repeat;
	text-indent:-2000px;
	}

ul#nav a.clients:hover {
	display:block;
	position:relative;
	padding:0;
	margin:0;
	width:104px;
	height:50px;
	background:url(images/bgNav-clients.png) bottom center no-repeat;
	text-indent:-2000px;
	}

ul#nav a.donate {
	display:block;
	position:relative;
	padding:0;
	margin:0;
	width:164px;
	height:50px;
	background:url(images/bgNav-testimonials.png) top center no-repeat;
	text-indent:-2000px;
	}

ul#nav a.donate:hover {
	display:block;
	position:relative;
	padding:0;
	margin:0;
	width:164px;
	height:50px;
	background:url(images/bgNav-testimonials.png) bottom center no-repeat;
	text-indent:-2000px;
	}

ul#nav a.contact {
	display:block;
	position:relative;
	padding:0;
	margin:0;
	width:118px;
	height:50px;
	background:url(images/bgNav-contact.png) top center no-repeat;
	text-indent:-2000px;
	}

ul#nav a.contact:hover {
	display:block;
	position:relative;
	padding:0;
	margin:0;
	width:118px;
	height:50px;
	background:url(images/bgNav-contact.png) bottom center no-repeat;
	text-indent:-2000px;
	}
	#mainContent  a:link, #mainContent  a:visited  {
color:#094B6E;
text-decoration:none;


}
#mainContent  a:hover, #mainContent  a:active {
	color:#044F09;
	text-decoration:underline;
}




/*################### Navigation styles End ###################*/


#mainContent {
	position:relative;
	/* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: url(images/bg-content.png) top center repeat-y;
	min-height:750px;
}

#mainContent h1 {
	text-align:left;
	margin:20px 0 5px 20px;
	padding:0;
}

#mainContent h2 {
	text-align:left;
	margin:15px 20px;
	padding:0;
}
#mainContent h3 {
	text-align:left;
	margin:0;
	padding:5px 25px 5px 0px;
	text-decoration:underline;
	font-size:14px;
	color:#094B6E;
	
}

#mainContent p {
	
	font:14px Verdana, Geneva, sans-serif;
	color:#4c5357;
	margin:0;
	padding:5px 25px 5px 35px;
	line-height:150%;
}

#mainContent p.bolded {

font-size:10px;
font-weight:bold;
font-style: italic;

}
 #mainContent p.pro{
	text-align:left;
	font:14px Verdana, Geneva, sans-serif;
	color:#4c5357;
	margin:0;
	padding:5px 25px 5px 0px;
	line-height:150%;
}
#mainContent hr{
width:300px;
height:1px;
font-weight:bold;
text-align:center;
color:#9DD4B4;
}



#mainContent ul {
	text-align:left;
	font:12px Verdana, Geneva, sans-serif;
	color:#4c5357;
	margin-left:0px;
	padding-left:10px;
	

	
}

 #mainContent ul li {

}
#quote{
font-size:12px;
font-weight:bold;
font-style: italic;
} 

.sidebar {
	float:right;
	width:358px;
	padding:25px;
	background:url(images/bg-sidebar.gif) top left no-repeat;*/
	text-align:center;
	margin-left:20px;
	font:10px Verdana, Geneva, sans-serif;
}
#about .sidebar  {
	
	width:358px;
	padding:25px;
	background:url(images/bg-sidebar.gif) top left no-repeat;*/
	text-align:center;
	margin-left:20px;
	font:10px Verdana, Geneva, sans-serif;
	min-height:2000px;
}



.sidebar h1 {
	text-align:left;
	margin:10px;
	padding:0;
}

.sidebar p {
	text-align:left;
	font:11px Verdana, Geneva, sans-serif;
	color:#4c5357;
	padding-left:5px;
}

.sidebar img.logo {
	float:right;
	margin:0 0 10px 10px;
}

#footer {
	padding:20px 0 0 125px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background: url(images/footerArt.png) top center no-repeat;
}

p.partners {
	display:block;
	font:12px Verdana, Geneva, sans-serif;
	color:#6e9498;
}
#mainContent p.green{
	color:#99CC00;
	font-weight:bold;
}
#mainContent h2.sub{
	color:#900;
	font-weight:bold;
	text-align:center;
}
#mainContent span.donate{
	text-align:right;
	font-size:18px;
	color:#900;
	margin-left:500px;
}


/* p.partners img {
float:left;
margin:10px;
}	*/

#footer p.info {
font:11px Verdana, Geneva, sans-serif;
color:#b4d3d6;
padding:15px 0 20px 45px;
}

#footer p.info a {
font:14px Verdana, Geneva, sans-serif;
color:#b4d3d6;
margin:0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
padding:0 5px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
text-decoration:none;
}

#footer p a:hover {text-decoration:none; color:#E8FAFE;}

.bw {
	float:right;
	margin:55px 25px 15px 15px;
	color:#68a5ac;
	font:11px Verdana, Geneva, sans-serif;
	text-align:center;
	width:100px;
	}

.bw a {
	color:#68a5ac;
	font:14px Verdana, Geneva, sans-serif;
	font-weight:bold;
	text-decoration:none;
}

.bw a:hover {color:#E8FAFE;}