@charset "utf-8";
/* CSS Document */

.about, .about_2, .about_3 {
    background: url(../../Images/box_1_bg.jpg) repeat 0 0;
    float: left;
    margin-bottom: 18px;
    margin-right: 19px;
    width:314px;
}

.about img, .about_2 img, .about_3 img {
    float: left;
    height:119px;
	width:141px;
   
}

.about_right {
    float: left;
    padding: 0 4px 0 7px;
    width: 161px;
}



.bottom_box_left
	{
		float:left;
		background:url(../../Images/bottom_box_bg.png) no-repeat 0 0;
		padding:40px 0 0;
		width:648px;
	}
	
.bottom_box_right {
    float: right;
    padding: 38px 0 1px;
    width:313px;
	height:157px;
	overflow:hidden;
}

	
.involved, .involved_2, .involved_3 {
    border-right: 1px solid #000000;
    color: #542F18;
    float: left;
    font-size: 18px;
    font-weight: bold;
    height: 76px;
    padding: 0 20px;
    vertical-align: bottom;
	
}

.involved p, .involved_2 p, .involved_3 p {
    float:right;
    padding: 57px 3px 0;
    width:92px;
}



.involved img, .involved_2 img, .involved_3 img
	{
		float:left;
		width:76px;
		height:auto;
		
	}
	
.landing_para .about img
	{
		float:left;
		width:213px;
		height:115px;
		border:1px solid #a7a9a8;
		margin:0px 0px 7px;
	}
	
.landing_para .about p
	{
		color:#4a4a4a;
		clear:both;
		padding:0px;
		height:auto;
	}
	
.landing_para .about .title, .gallery_div .title, .gallery_div .title a
	{
		color:#4f63bc;
		font-size:14px;
		font-weight:bold;
		padding:0px;
	}
	
	
.gallery_div
	{
		float:left;
		width:450px;
	}
	

.img_box img
	{
		padding:4px;
		background:#fff;
		width:128px;
		border: 1px solid #FFB84A;
		height:96px;
		margin:0 4px 6px;
		
	}
	
.about p, .about_2 p, .about_3 p {
    height: 94px;
	color:#fff;
	font-size:12px;
	margin:0 auto;
	padding:0px;
	overflow:hidden;
    
}

.landing_para .about
	{
		float:left;
		width:213px;
		background:none;
		margin:15px 20px 15px 0px;
	}
	

.img_box {
    background: none repeat scroll 0 0 #89aa28;
    padding: 12px 0px 8px 6px;
}


.landing_para ul
	{
		margin:0 auto;
		padding:0px 0px;
		clear:both;
	}

 @media all and (max-width:778px)	{
.about, .about_2, .about_3
	 	{
			width:auto;
			margin-right:0px;
		}
		
.about_right
	{
		width:437px;
		
 }
 
.footer, .socialicon, .wrapper, .header, .hed_right
	{
		width:auto;
	}
	
.wrapper
	{
		margin:0 5px;
	}
	
.footer_left, .footer_right
	{
		width:auto;
		text-align:center;
		float:none;
	}
	
.search_top_box
	{
		margin-right:5px;
		padding:0 0 4px !important;
	}
	
.bottom_box_left, .bottom_box_right
	{
		width:auto;
	}

	
.bottom_box_left
	{
		background:url(../../Images/involved_768_bg.png) no-repeat 50px 0;
		margin-bottom:73px;
	}
	
.involved, .involved_2, .involved_3
	{
		padding:0 48px;
	}
	
.involved p, .involved_2 p, .involved_3 p
	{
		clear:both;
		float:none;
		padding:8px 1px 0;
		width:97px;
	}
	
.involved img, .involved_2 img, .involved_3 img
	{
		float:none;
		width:auto;
		height:75px;
		
	}
	
.bottom_box_right
	{
		background:url(../../Images/story_768_bg.png) no-repeat 0 0;
	}
	
.about p, .about_2 p, .about_3 p
	{
		height:auto;
	}
	
.landing_para .about
	{
		float:none;
		width:auto;
		margin:15px 0;
		clear:both;
	}
	
.landing_para .about p
	{
		float:left;
		width:367px;
		margin-left:8px;
		clear:right;
	}
	
.gallery_div
	{
		width:auto;
		margin-top:12px;
	}
	
.img_box
	{
		padding:12px 7px 8px;
	}
	
.img_box img
	{
		width:174px;
		margin:0 3px 6px;
	}
	
.landing_para ul
	{
		display:table;
		width:372px;
		float:right;
		clear:none;
	}

	 
 }
 
 @media all and and (max-width:778px)  {
.about, .about_2, .about_3, .about img, .about_2 img, .about_3 img
	{
		width:196px;
	}
	
.about
	{
		background:#b05e2c;
	}
	
.bottom_box_left
	{
		width:407px;
	}
	
.involved, .involved_2, .involved_3
	{
		padding:0 17px;
	}
	
.bottom_box_right
	{
		background:url(../../Images/story_650_bg.png) no-repeat 0 0;
		width:196px;
		margin:0 auto;
	}
	
.img_box img
{
	height:auto !important;
	width:100% !important;
	margin-bottom:6px;
}
	
.img_box
	{
		padding:10px;
	}
}

 @media all and (max-width:778px) {
	 .about, .about_2, .about_3 {
    background: url(../../Images/box_1_bg.jpg) repeat 0 0;
    float:none;
    margin:14px 5px !important;
    width:auto !important;
}

.about img, .about_2 img, .about_3 img {
    float:none;
    height:auto;
	width:100%;
   
}

.landing_para .about img
	{
		width:100% !important;
		max-width:100% !important;
		height:auto !important;
		float:none;
	}
	
.gallery_div
	{
		float:none;
		width:auto;
	}
	

.img_box img
{
	height:auto !important;
	width:100% !important;
	margin:0 0 6px;
}


.wrapper
	{
		width:auto !important;
	}

.involved, .involved_2, .involved_3 {
    border-bottom: 1px solid #000000;
    color: #542F18;
    float:none !important;
    font-size: 18px;
    font-weight: bold;
    height: 100px !important;
    padding: 0 20px;
    vertical-align: bottom;
	width:auto;
	border-right:none !important;
	
}
.involved p, .involved_2 p, .involved_3 p {
    float:right;
    padding:33px 3px 0 !important;
    width:auto !important;
}

.bottom_box_left
	{
		background:url(../../Images/bottom_box_bg_2.png) no-repeat 0 0 !important;
		float:none !important;
		margin:0 7px !important;
	}
	
.bottom_box_right
	{
		float:none !important;
		margin:20px 5px !important;
		width:auto !important;
	}
	
.socialicon
	{
		width:auto !important;
	}
	
.footerleft, .footer_left, .footerright, .footer_right, .footer, .header, .bottom_box_left
	{
		width:auto !important;
		text-align:center !important;
		float:none !important;
		
	}
	
.hed_right
	{
		width:auto !important;
/*		floatright !important;
*/	}
	
.about_right
	{
		width:auto;
	}
	
.involved img, .involved_2 img, .involved_3 img
	{
		float:left;	
		
	}
	
.img_box
	{
		padding:8px 13px 2px 6px !important;
		}

	
.involved p, .involved_2 p, .involved_3 p
	{
		float:right;
		clear:none;
	}
	
.bottom_box_right {
    background: url("../../Images/bottom_box_right_bg.png") no-repeat scroll 0 0 transparent;
}

.landing_para .about p
	{
		width:auto !important;
		float:none !important;
		margin:0 auto !important;
	}



 }
 
 @media all and (max-width:778px) {
	 
	.about_right
		{
			width:auto !important;
		}
 }
 
.about_2
	{
		background:url(../../Images/box_2.jpg) repeat-x 0 0 #f64557;
	}
	
.about_3
	{
		background:url(../../Images/box_3_bg.jpg) repeat-x 0 0 #00302a;
		margin-right:0px;
	}


.about h2, .about_2 h2, .about_3 h2 {
    color: #fff;
    font-size: 13px;
    height: 23px;
    margin: 2px 0 0px;
    overflow: hidden;
}


.about a, .about_2 a, .about_3 a
	{
		color:#fff;
		text-decoration:none;
	}

p {
    margin: 0 auto;
    padding: 0;
}
.about .title, .trans_box .title, .box_left .title, .box_middle .title, .box_right .title {
    color: #467313;
    font-size: 18px;
    height: 21px;
    margin-bottom: 5px;
    overflow: hidden;
}
/*.read_more a {
    color: #21134E;
    font-weight: bold;
    padding: 10px 0 0 3px;
    text-decoration: none;
}
.read_more {
    margin: 0 auto;
    padding: 0;
}
*/
.involved_2
	{
		padding:0 0 0 30px;
	}
	
.involved_3
	{
		padding:0 13px 0 33px;
	}
	
.involved img, .involved_2 img, .involved_3 img
	{
		vertical-align:bottom;
	}


.bottom_box_right a
	{
		color:#532F18;
		text-decoration:none;
		font-size:12px;
	}

.bottom_box_right h2
	{
		font-size:13px;
		color:#532f18;
		padding-bottom:10px;
	}
	
.bottom_box_right p
	{
		color:#532f18;
		font-size:12px;		
	}
	

	

.gallery_div .title
	{
		padding: 0 0 10px;
	}

.donate_div
	{
		float:right;
		padding:6px 0px;
	}
	

.donate_div div {
    clear: both;
    float: right;
    vertical-align: bottom;
	padding-bottom:10px;
}

.donate_div div img
	{
		vertical-align:bottom;
		margin:0 10px;
		width:52px;
		height:52px;
	}
	
.donate_div div p {
    color: #542F18;
    float: left;
    font-size: 15px;
    font-weight: bold;
    padding: 27px 0 0;
}

.donate_div .devider
	{
		border:none;
		margin:0 auto;
	
	}
	
.donate_div .devider img
	{
		width:auto !important;
		height:auto !important;
	}