@charset "utf-8";
/* ==[ GENERAL STYLES ]== */
body {margin:0;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;color:#53412D;text-align:left;line-height:22px;}

body.main {background:url(images/header.jpg)  repeat-x 100% top; height: 381px}
body.secondary {background:url(images/header2.jpg)  repeat-x 100% top; height: 314px}
img {
	vertical-align:middle;
	border:none;
	background-position: left top;
	z-index: 1000;
}
a {outline:none;}
.clr {clear:both;}

/* ==[ MAIN CONTAINER ]== */
div#container {width:960px;margin:0 auto;padding:0;overflow:hidden;}

/* ==[ HEADER ]== */
#logo  {
	margin: 0;
	padding: 0;
	float: left;
	clear: both;
	background-image: url(images/logo.png);
	background-repeat: no-repeat;
	background-position: left top;
	width:263px;
	height:130px;
	z-index: 1000;
	display:block;
	position: static;
}

div#header {width:675px;height:133px;margin:0;padding:0;float: right;}
   
   #header #topnav {margin:17px 8px 0 0;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:11px;font-weight:normal;float:right;}
   #header #topnav ul {margin:0;padding:0;list-style-type:none;}
   #header #topnav ul li {margin:0;padding:0 6px;border-right:1px solid #FFF;float:left;}
   #header #topnav ul li.none {border:none;}
   #header #topnav ul li a {color:#FFF;text-decoration:none;}
   
   #header #donate_button a {width:82px;height:27px;margin:10px 20px 0 0;padding:0;background:url(images/donate_button.png) no-repeat;display:block;float:right;}
   
/* ==[ CONTENTS ]== */
div#content {
	width:100%;
	margin:0;
	padding:0;
	overflow:hidden;
	position: relative;
}
   #content h1 {margin:0;padding:0;font-family:Georgia, "Times New Roman", Times, serif;font-variant:small-caps;color:#42210B;font-size:39px;line-height:46px;border-bottom:1px solid #5B4930;font-weight:lighter;}
   #content h2 {margin:20px 0 0 0;padding:0 0 5px 0;font-family:Arial, Helvetica, sans-serif;font-size:15px;font-weight:bold;color:#5B4930;text-align:left;line-height:18px;border-bottom:1px solid #D7D2CC;display:block;}
     #content h3 {
	margin:20px 0 0 0;
	padding:0 0 5px 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	font-weight:normal;
	color:#5B4930;
	text-align:left;
	line-height:25px;
	display:block;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #D7D2CC;
	border-right-color: #D7D2CC;
	border-bottom-color: #D7D2CC;
	border-left-color: #D7D2CC;
}
  
   #content p {font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;color:#53412D;text-align:left;line-height:22px;}
   #content.secondary p {margin:16px 0 8px 0;padding:0;}
   
   .sub-h2 {
	color: #d02027;
	font-weight: bold;
}

   /*[ CONTENTS -> MIDDLE TOP ]*/
   #content #middle-top {width:100%;height:300px;margin:0 0 7px 0;padding:0;}
   #content.secondary #middle-top {height:205px;}
   #content #middle-top h1 {font-size:40px;line-height:50px;}
   #content #middle-top p {font-size:13px;}
   #content #middle-top .cLeft {
	width:465px;
	float:left;
	padding-top: 18px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
   #content.secondary #middle-top .cLeft {
	width:275px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
   #content #middle-top .cLeft .readmore a {width:86px;height:28px;margin:-25px 0 0 0;padding:0;float:right;background:url(images/readmore_button.png) no-repeat;display:block;}
   
   #content #middle-top .cRight {width:465px;float:right;}
   #content #middle-top .cRight .picture {
	width:466px;
	height:236px;
	margin:0;
	padding:0;
	background:url(images/middle_picture.jpg) no-repeat top;
	
}
   #content.secondary #middle-top .cRight {
	width:678px;
	padding:0;
	position:absolute;
	margin:5px 0 0 285px;
}

   #content.secondary #middle-top .cRight .picture {
	width:678px;
	height:212px;
	margin:0;
	padding:0;
	background-image: url(images/middle_picture2.png);
	background-repeat: no-repeat;
	background-position: 100% 100%;
}
   #content #middle-top .cRight .donate a {width:82px;height:28px;margin:10px 0 0 285px;padding:0;background:url(images/donate_button.png) no-repeat;display:block;}
   
   /*[ CONTENTS ]*/
   
    .kids {
	width:450px;
	padding:10;
	float: left;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 10px;
}
   #content .cLeft {
	width:325px;
	float:left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
   #content.secondary .cLeft {width:645px;padding:0 35px 0 0;}
    #content .half {width:460px;margin:0;padding:0;float:left;}
    #content.secondary .wide {
	width:100%;
	padding-top: 0;
	padding-right: 35px;
	padding-bottom: 0;
	padding-left: 35;
}
   #content img.pic {margin:12px 0 0 35px;float:left;}
   #content .cRight {
	width:300px;
	margin:0;
	padding:0;
	float:right;
	position: static;
}
   #content.secondary .cRight {width:270px;}
   #content.secondary .mod {margin:-15px 10px 0 0;padding:110px 0 0 0;background:url(images/sidebar_bg.jpg) repeat-x top;overflow:hidden;}
   #content.secondary .cRight .getinvovled a {width:104px;height:28px;margin:5px 20px 0 0;padding:0;float:right;background:url(images/getinvolved_button.gif) no-repeat;display:block;}
    #content .cRight .sponsor {
	width:250px;
	height:50px;
	padding:0;
	float:left;
	background:url(images/sponsor-a-child.png) no-repeat;
	display:block;
	margin-top: 5px;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 50;
}
   #content .cLeft .readmore a {width:86px;height:28px;margin:0;padding:0;float:right;background:url(images/readmore_button.png) no-repeat;display:block;}
   #content .cRight .readmore a {width:86px;height:28px;margin:18px 0 0 0;padding:0;float:right;background:url(images/readmore_button.png) no-repeat;display:block;}
   #content .cLeft p, #content .cRight p {line-height:21px;}
   #content.secondary .cRight p {padding:0 15px;}
   .getinvovled a {width:104px;height:28px;margin:5px 20px 0 0;padding:0;float:right;background:url(images/getinvolved_button.gif) no-repeat;display:block;}
   
/* ==[ FOOTER ]== */
div#footer {width:100%;height:276px;margin:25px 0 0 0;padding:20px 0 0 0;background:url(images/footer_bg.jpg) repeat-x bottom;overflow:hidden;}
   #footer .wrap {width:960px;margin:0 auto;}
   
   #footer h1 {width:100%;margin:0;padding:0 0 36px 0;border-bottom:1px solid #5B4930;overflow:hidden;display:block;}
   #footer h1.title1 {background:url(images/footer_title1.gif) no-repeat left;}
   #footer h1.title2 {background:url(images/footer_title2.gif) no-repeat left;}
   #footer h1.title3 {background:url(images/footer_title3.gif) no-repeat left;}

   #footer .box1 {width:292px;height:220px;margin:0;padding:0;background:url(images/footer_pic1.gif) no-repeat bottom right;float:left;}
   #footer .box1 p {width:165px;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;color:#53412D;text-align:left;line-height:20px;}
   #footer .box1 .sponsor a {width:117px;height:27px;margin:0 0 0 12px;padding:0;background:url(images/sponsor_button.png) no-repeat;display:block;}
   
   #footer .box2 {width:330px;height:220px;margin:0 0 0 30px;padding:0;background:url(images/footer_pic2.gif) no-repeat bottom right;float:left;}
   #footer .box2 h1 {width:213px;}
   #footer .box2 p {width:163px;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;color:#53412D;text-align:left;line-height:20px;}
   #footer .box2 .readmore a {width:86px;height:28px;margin:0 0 0 0;padding:0;float:left;background:url(images/readmore_button.png) no-repeat;display:block;}
   
   #footer .box3 {width:232px;height:220px;margin:0;padding:0;float:right;}
   #footer .box3 h1 {margin-bottom:15px;}
   #footer .box3 p {margin:0;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;color:#53412D;text-align:left;line-height:20px;}
   #footer .box3 p a,
   #footer .box3 p a:hover {color:#53412D;text-decoration:none;}
   #footer .box3 p img.bullet {margin:7px 12px 0 12px;float:left;}
   #footer .box3 .contactbox {width:153px;height:110px;margin:15px 0 0 0;padding:0 0 0 75px;background:url(images/footer_contactbg.gif) no-repeat;}
   #footer .box3 .contactbox p {color:#EAE9D0;font-size:11px;line-height:normal;}
   #footer .box3 .contactbox p.email, #footer .box3 .contactbox p.email a {color:#EAE9D0; padding-top:10px;}
   #footer .box3 .contactbox p.address {padding-top:11px;}
   #footer .box3 .contactbox p.phone {padding-top:11px;}
   
   #footer ul {margin:20px 0 0 0;padding:0;list-style-type:none;float:left;}
   #footer ul li {height:15px;margin:0;padding:0 5px;border-right:1px solid #FEFEFE;float:left;}
   #footer ul li.none {border:none;}
   #footer ul li a {margin:0;font-family:Arial, Helvetica, sans-serif;font-size:13px;font-weight:normal;color:#f1f1f1;text-decoration:none;display:block;}
   
   #footer p.copyright {margin:20px 0 0 0;padding:0;color:#f1f1f1;font-family:Arial, Helvetica, sans-serif;font-size:13px;font-weight:normal;color:#f1f1f1;text-decoration:none;line-height:normal;float:right;}

/* donation form */
form .error {color:red;font-weight:bold}

/* contact form */
#contactbox {
	float:right;
	width:460px;
	padding-left: 20px;
}
#contactbox label {
	display: block;
	font-size: 1em;
	padding: 3px;
	text-transform: uppercase;
	color: #5a5d5d;
}
	
	#contactbox label:after {
		content: ":";
	}
	
	#contactbox label.error {
		background-color: #872300;
		border: 1px solid #872300;
		padding: 5px;
		margin-top: -10px;
		width: 100%;
		color: #fff;
		text-transform: none;
	}
		#contactbox label.error:after {
			content: "";
		}

	#contactbox textarea,
	#contactbox input {
		font-size: 1.8em;
		width: 100%;
		padding: 5px;
		margin-bottom: 10px;
		background-color:  #dfddd1; 
		
		border: 1px solid #7f7565;
		border-bottom: 1px solid #bbb9a4;
		border-right: 1px solid #bbb9a4;
	}

		#contactbox textarea:focus,
		#contactbox input:focus {
			border: 1px solid #000;
		}
	
	#contactbox textarea {
		height: 165px;
	}
	
	#contactbox input.submit {
		margin-top: 10px;
		width: auto;
		padding: 5px 15px;
		background-color: #465a5b;
		border: 1px solid #313435;
		color: #fff;
		text-align: center;
	}

	/* ajaxified form:
	2 divs for display success or error message
	*/
	#contactform div.error,
	#contactform div.success {
		font-size: 2em;
		background-color: #a19f8d;
		padding: 10px;
		color: #fff;
	}
		#contactform div.error {
			background-color: #872300;
		}
#content .cmiddle-flash {
	float: left;
}

img.frame {
	padding: 6px;
	background-color: #fff;
	border: 1px solid #CCC;
	display: block;
	margin: 10px;
}