﻿* {
	margin:0;
	padding:0;
}
body {
	background:url(../images/main_bg.jpg) top repeat-x #dfe6bf;
	padding:0px;
	margin:0px;
}
/*------------------ HTML Tags -----------------------*/
 
h1, h2, h3, h4, h5, h6 {
	padding:0px;
	margin:0px;
}
label, select {
	cursor:pointer;
}
li {
	padding:0px;
	margin:0px;
}
ol, ul {
	padding:0px;
}
p {
	padding:0px;
	margin:0px;
	line-height:normal;
}
textarea, input, select {
	font:12px arial, helvetica, sans-serif;
	color:#666666;
	padding:2px;
	border:1px solid #cfdae2;
}
form {
	padding:0px;
	margin:0px;
}
hr {
	padding:0px;
	margin:0px;
}
img {
	border:0px;
}
b {
	font-weight:bold;
}
/* --------------------- custom --------------------- */

.clear {
	clear:both;
}
.input {
	border:1px solid #ccc;
	padding:2px
}
.page-break, .print-only {
	display:none;
}
.point {
	cursor:pointer;
}
.f_left {
	float:left;
}
.f_right {
	float:right;
}
.aligncenter {
	text-align:center;
}
.alignleft {
	text-align:left;
}
.alignright {
	text-align:right;
}
.relative {
	position:relative;
}
/* --------------------- links --------------------- */

a img {
	border:0;
}
a:focus {
	outline:0px;
}
h1 {
	margin:0px;
	font:24px Arial, Helvetica, sans-serif;
	color:#0066ff;
}
/*------------------ Wrapper -----------------------*/




#wrapper {
	width:900px;
	margin:0 auto;
}
/*------------------ Header -----------------------*/



#header {
	width:900px;
	height:164px;
}
.logo {
	width:139px;
	float:left;
	height:164px;
	margin:0 0 0 33px;
}
.header_rcol {
	width:570px;
	float:right;
}
.header_rcol i {
	font:italic bold 18px "Trebuchet MS";
	color:#000;
	float:right;
	padding:40px 10px 0 0;
	text-align:right;
}
.header_rcol i a {
	color:#ff0000;
	font-size:14px;
	text-decoration:underline;
}
.header_rcol i a:hover {
	color:#ff0000;
	text-decoration:none;
}
.top_link {
	width:360px;
	height:32px;
	background:url(../images/top_link_bg.jpg) top right no-repeat;
	float:right;
}
.top_link ul {
	margin:0px;
	padding:8px 0 0 25px;
}
.top_link li {
	margin:0px;
	list-style:none;
	float:left;
	display:inline;
	font:14px/14px "Trebuchet MS";
	color:#fff;
	border-right:1px solid #fff;
	padding:0 10px;
}
.top_link li a {
	color:#fff;
	text-decoration:none;
}
.top_link li a:hover {
	color:#fff;
	text-decoration:underline;
}
/*------------------ navigation -----------------------*/

#navigation {
	width:900px;
	height:43px;
	background:#025ada;
	border-bottom:2px solid #000;
	margin-top:40px;
}
#navigation ul {
	margin:0px;
	padding:0px;
}
#navigation li {
	margin:0px;
	float:left;
	list-style:none;
	display:inline;
	font:16px/44px "Trebuchet MS";
	color:#fff;
	padding:0 0 0 35px;
}
#navigation li a {
	color:#fff;
	text-decoration:none;
}
#navigation li a:hover {
	color:#fff;
	text-decoration:underline;
}
/*------------------ Banner -----------------------*/

#banner {
	width:900px;
	height:274px;
	margin:10px 0 0 0;
}
/*------------------ Container -----------------------*/

#container {
	width:900px;
	margin:15px 0 0 0;
}
.lcol {
	width:545px;
	float:left;
	background:#e8edcf;
	padding:15px 20px;
	font:15px/19px "Trebuchet MS";
	color:#666;
}
.lcol h1 {
	margin:0px;
	font:24px Arial, Helvetica, sans-serif;
	color:#0066ff;
}
.lcol p {
	margin:0px;
	font:16px/20px Arial, Helvetica, sans-serif;
	color:#5e7105;
}
.ten {
	padding:0 0 0 10px;
}
.rcol {
	width:295px;
	float:right;
}
/*------------------ Footer bar -----------------------*/

.footer_bar {
	width:900px;
	margin:22px 0 0 0;
}
.footerbar_tstrip {
	width:900px;
	background:url(../images/footerbar_tstrip.jpg) top left no-repeat;
	height:6px;
}
.footerbar_mid {
	width:900px;
	background:#5db84f;
	padding:15px 0;
}
.footerbar_mid h1 {
	margin:0px;
	font:24px "Trebuchet MS";
	color:#fff;
	border-bottom:1px dashed #417932;
	padding:0 0 3px 0;
	margin:0 0 0px 0;
}
.latestnews_box {
	width:245px;
	font:11px Arial, Helvetica, sans-serif;
	color:#000000;
	float:left;
	margin:0 0 0 32px;
}
.latestnews_box h4{
font:14px Arial, Helvetica, sans-serif;
	color:#003300;
	font-weight:bold;

}
.latestnews_box h4 a{
font:14px Arial, Helvetica, sans-serif;
	color:#003300;
	font-weight:bold;
	text-decoration:underline;
}
.latestnews_box h4 a:hover{
font:14px Arial, Helvetica, sans-serif;
	color:#003300;
	font-weight:bold;
	text-decoration:none;
}
.latestnews_box span {
	font:bold 12px/20px Arial, Helvetica, sans-serif;
	color:#ab5d00;
}
.latestnews_box p {
	margin:0px;
	font:12px Arial, Helvetica, sans-serif;
	color:#000;
	padding:5px 0 0 0;
}
.project_spotlight {
	width:278px;
	float:left;
	margin:0 0 0 35px;
}
.project_spotlight img {
	width:278px;
	height:159px;
}
.follow_us {
	width:245px;
	float:left;
	margin:0 0 0 35px;
}
.follow_us1 {
	width:825px;
	float:left;
	margin:0 0 0 35px;
}
.follow_us ul, li {
	margin:0px;
	padding:0px;
}
.follow_us li {
	list-style:none;
	float:left;
	display:inline;
	padding:0 12px 0 0;
}
.contact_no {
	width:245px;
	font:22px "Trebuchet MS";
	color:#000;
	padding:15px 0 0 0;
}
.phone {
	width:245px;
	font:16px Arial, Helvetica, sans-serif;
	color:#151515;
	padding:10px 0 0 0;
}
.phone span {
	font-size:14px;
	color:#990000;
}
.email {
	width:245px;
	font:16px Arial, Helvetica, sans-serif;
	color:#151515;
	padding:10px 0 0 0;
}
.email a {
	font-size:13px;
	color:#860808;
	text-decoration:underline;
}
.email a:hover {
	font-size:13px;
	color:#860808;
	text-decoration:none;
}
.footerbar_bstrip {
	width:900px;
	background:url(../images/footerbar_bstrip.jpg) top left no-repeat;
	height:6px;
}
/*------------------ Footer -----------------------*/


#footer {
	width:900px;
	font:11px tahoma;
	color:#333333;
	padding:20px 0px 40px 0px;
	text-align:center;
}
#footer a {
	font:bold 11px tahoma;
	color:#333333;
	text-decoration:none;
}
#footer a:hover {
	font:bold 11px tahoma;
	color:#333333;
	text-decoration:underline;
}
/*---------------------------- Who We Are-----------------*/

.who_we_are {
	width:860px;
	background:#e8edcf;
	padding:15px 20px;
}
.who_we_are p {
	font:15px "Trebuchet MS";
	color:#494949;
	line-height:18px;
	padding: 0 0 10px 0;
}
.who_we_are h1 {
	margin:0px;
	font:18px Arial, Helvetica, sans-serif;
	color:#025ada;
	padding:5px 0 10px 0;
}
.who_we_are h2 {
	margin:0px;
	font:bold 15px Arial, Helvetica, sans-serif;
	color:#5e7105;
	padding:5px 0 10px 0;
}
.who_we_are ul, li {
	margin:0px;
	padding:0px;
}
.who_we_are ul {
	padding:0px 0 0 0px;
}
.who_we_are li {
	list-style:none;
	font:15px "Trebuchet MS";
	color:#494949;
	background:url(../images/bullet_02.jpg) 0 9px no-repeat;
	padding:5px 5px 0 18px;
	line-height:19px;
}
.who_we_are a {
	color:#494949;
	text-decoration:none;
}
.who_we_are a:hover {
	color:#494949;
	text-decoration:underline;
}
.our_mission {
	width:860px;
}
.our_mission ul, li {
	margin:0px;
	padding:0px;
}
.our_mission ul {
	padding:5px 0 0 10px;
}
.our_mission li {
	list-style:none;
	font:15px "Trebuchet MS";
	color:#494949;
	background:url(../images/bullet_03.jpg) 0 12px no-repeat;
	padding:8px 0 0 25px;
}
.our_mission li a {
	color:#494949;
	text-decoration:none;
}
.our_mission li a:hover {
	color:#494949;
	text-decoration:underline;
}
.donate_table {
	font:bold 16px Trebuchet Ms;
	color:#666;
}







.buttons{
float:right;
width:370px;
}

.buttons ul{
margin:0;
padding:0;
}

.buttons li{
background: url(../images/buttonbg.jpg) no-repeat;
color:#FFFFFF;
display:inline;
float:left;
font:bold 13px Arial,Helvetica,sans-serif;
height:26px;
list-style-type:none;
margin:0 5px 0 0;
padding:5px 0;
text-align:center;
width:117px;
}


.buttons li a{
 
color:#FFFFFF;
 
}


.buttons li a:hover{
 
color:#FFFFFF;
 
 
}

.text_01{
	font:15px "Trebuchet MS";
	color:#494949;
	line-height:18px;
	}



.text_02 ul, li {
	margin:0px;
	padding:0px;
}
.text_02 ul {
	padding:5px 0 0 10px;
}
.text_02 li {
	list-style:none;
	font:15px "Trebuchet MS";
	color:#494949;
	background:url(../images/bullet_02.jpg) 0 9px no-repeat;
	padding:5px 0 0 18px;
	line-height:19px;
}
.text_02 li a {
	color:#494949;
	text-decoration:none;
}
.text_02 li a:hover {
	color:#494949;
	text-decoration:underline;
}

.text_02 p {
	font:15px "Trebuchet MS";
	color:#494949;
	line-height:18px;
	padding: 0 0 10px 0;
}


.text_02 h1 {
	margin:0px;
	font:18px Arial, Helvetica, sans-serif;
	color:#025ada;
	padding:5px 0 10px 0;
}
.text_02 h2 {
	margin:0px;
	font:bold 15px Arial, Helvetica, sans-serif;
	color:#5e7105;
	padding:5px 0 10px 0;
}

.text_04 {
 	font:15px "Trebuchet MS";
	color:#494949;
 }

.text_04 span{
 	color:#ff0000;
 }







/*slider*/
.items {display:none;}	
.slider {
	width:900px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
	height:274px;
/*	background:url(http://helpinghandsglobal.org/images/banner_bg_tail.png) 0 0 repeat;*/
	}	
.slider li{
	list-style:none;
}	
.slider .banner {
	position:absolute;
	bottom:0;
	left:0;
	color:#888888;
	height:108px;
	padding-top:30px;
	padding:30px 100px 0 40px;
	z-index:10 !important;
	line-height:18px;
	}	
.slider .banner strong {
	display:block;
	font-size:26px;
	text-transform:uppercase;
	color:#191919;
	line-height:1.2em;
	font-weight:500;
	letter-spacing:-1px;
	margin-bottom:6px;
	}	
.slider .banner a {
	display:inline-block;
	font-weight:bold;
	color:#000;
	background:url(http://helpinghandsglobal.org/images/dropdown_marker.gif) right 7px no-repeat;
	padding:0 7px 0 4px;
	text-decoration:none;
	}	
.slider .banner a:hover {
	color:#888888;
	}	
.slider .pagination {
	position:absolute;
	top:240px;
	right:30px;
	overflow:hidden;
	z-index:99 !important;
	}	
.slider .pagination li {
	float:left;
	margin-left:10px;
	}	
.slider .pagination li:first-child {margin:0;}
.slider .pagination li a {
	display:inline-block;
	width:20px;
	height:19px;
	background:url(../images/pagination_bg.png) right 0 no-repeat;
	}
.pagination li a:hover, .pagination li.current a {background-position:0 0;}
.slider .button_prev, .slider .button_next {
	position:absolute;
	left:50%;
	margin-left:-34px;
	display:inline-block;
	width:69px;
	height:39px;
/*	background:url(http://helpinghandsglobal.org/images/buttons_bg.png) 0 0 no-repeat;*/
	z-index:50;
	}
.slider .button_prev {
	background-position: right bottom;
	top:423px;
}	
.slider .button_next {
	background-position:right 0;
	}
.slider .button_prev:hover {background-position:left bottom;}
.slider .button_next:hover {background-position:left 0;}







.slogan{
	margin:0px;
	font:bold 18px Arial, Helvetica, sans-serif;
	color:#5e7105;
	padding:5px 0 10px 0;
}



/*      New Css Add Nov 04, 2014  */

.clear-right { clear:right; }
/* 
.header-top { background:url('../images/header-banner.jpg') left top; width:400px; height:89px; padding-left:168px; margin-top:25px; }
 */
.header-top div { float:left; }
.header-top-text { width:250px; font-size:21px;padding-top:20px; }
.header-top-btn { padding:20px 0 0 20px; vertical-align:middle; }
.fullcol { width:auto; }


.donate { font-family:Arial, Helvetica, sans-serif; }
.donate-top { background: #dbe1bf; text-align:center; padding:25px 20px; font-size:21px ; font-family:"Arial Narrow", Arial; }
.donate h3 { font-size:21px; font-weight:normal; color:#42925d; padding:35px 0 15px; }
.gift-amount { float:left; width:275px; display:table; margin-bottom:35px;  }
.gift-amount > div { display:table-cell; vertical-align:middle; }
.gift-amount-txt { font-size:13px; }
.amount-btn { width:70px; height:38px; background:url('../images/btn-green.jpg') repeat-x; font-size:15px; color:#fff; border:0; border-radius:5px; margin:0 8px 0 11px; cursor:pointer; }
.amount-btn.selected {background-image: url("../images/btn-red.jpg");cursor: pointer;}
.amount-btn:hover { background-image:url('../images/btn-blue.jpg'); cursor:pointer; }
.other-btn { background-image:url('../images/btn-green.jpg'); }
.other-btn.selected{ background-image:url('../images/btn-red.jpg'); }
.other-btn:hover { background-image:url('../images/btn-blue.jpg'); }
.other { height:38px; width:120px;padding-left:30px; border-radius:4px; font-size:16px; border:#828867 solid 1px; background:transparent url('../images/doler-icon.png') 10px center no-repeat; }
.donat-frequence { 	float:left; width:100%; }
.donat-frequence strong { font-size: 14px; float: left; margin-top: 12px; margin-right: 10px; }
.donat-frequence .amount-btn { width:auto; height:auto; padding:6px 14px; margin:4px 3px;  }
.pay-info h3 { padding:15px 0; }
a.amount-btn { display:inline-block; vertical-align:top; padding:13px 30px; width:auto; height:auto; background-color:#36a763; color:#fff; font-size:17px; }
a.amount-btn:hover { text-decoration:none; color:#fff; background-color:#025ada; }
.pers-info { font-size:17px; font-family:"Arial Narrow", Arial; padding:10px 0 0;  }
.pers-info label { width:225px; display:inline-block; font-size:13px; cursor:default; }
.pers-info input,.pers-info select { height:28px; width:385px; border:#d3d3d3 solid 1px; padding:0; font-size:13px; padding-left:10px; background:url('../images/input-back.jpg') left bottom repeat-x; }
.pers-info select { width:395px; }
.donate-btn input { background:url('../images/donate-now.png') no-repeat; width: 271px; height:50px; border:0; cursor:pointer; margin:20px 100px 30px 280px; }
.contact-info { background:none; }
.contact-info h3 { padding-top:5px; }
.contact-info div { width:49%; display:inline-block; margin-bottom:25px;  }
.contact-info input { width:80%; height:35px; border:#d3d3d3 solid 1px; padding:0 10px; font-size:16px; background:url('../images/input-back.jpg') left bottom repeat-x; }
.text-right { text-align:right; }

.bill-info { padding:25px 0 15px; }
.bill-info-left { float:left; width:500px; font-size:16px; }
.bill-info-left p { padding-bottom:20px; }
.bill-info-left input[type=text] { height:30px; width:450px; padding:3px 10px; border:#d3d3d3 solid 1px; background:url('../images/input-back.jpg') left bottom repeat-x; }
.expires { padding-bottom:0 !important; }
.expires input[type=text] { width:170px; }
.expires b { font-size:25px; display:inline-block; padding:4px; }
.card-info input[type=text]{ width:280px;  }
.card-info { margin:11px 0; }
.card-info input.security { width:80px; margin:0 10px; }
.payment-option input, .payment-option img { display:inline-block; vertical-align:middle; }
.payment-option img { margin:0 15px 0 5px; }
.bill-info-right { float:right; width:335px; }
.bill-info-right input, .bill-info-right select { width:300px; height:30px;  padding:3px 10px; border:#d3d3d3 solid 1px;  }
.bill-info-right select { height:37px; width:320px; }
.bill2 input { width:130px; }
.bill2 select { width:150px; margin-right:13px; }

.our-program a { text-decoration:none; width:235px; border:#fff solid 8px; box-shadow:0 1px 3px #aaa; }
.our-program a:hover { text-decoration:none; border:#ff5521 solid 8px; }
.our-program a:hover .img-box { opacity:1; }
.our-program-box { display:block; float:left; font:19px Arial; text-align:center; margin:25px 20px 25px 16px; }
.our-program-box:nth-child(3n) { margin-right:0;}
.our-program-box h2 { background:#fff; color:#000; text-transform:uppercase; height:70px;  font : 14px Open Sans; font-weight:normal; vertical-align:middle; display:table-cell; padding:0; margin:0; width:inherit; }
.our-program-box h2 small { text-transform:none; font-size:14px; }
.our-program-box .img-box { opacity:0.8; overflow:hidden; height:195px; width:235px; }
.our-program-box img { min-height:270px; min-width:235px; max-width:300px; max-height:230px; }

.program-detls-top { text-align:center; margin-top:15px; }
.program-detls-top img { height:250px; border:#fff solid 10px; box-shadow:0 1px 3px #aaa; margin:10px 25px; width:350px; }
.our-program-details h3 { font-size:29px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; text-align:left; margin-bottom:25px; margin-top:20px; }
.program-content { font-size:16px; font-family:Arial, Helvetica, sans-serif; color:#000; margin-bottom:25px; }
.blut-ul li { padding-bottom:8px; background-image:url('../images/bluie01.png'); line-height:160%; }
.paypallogo1 { position: absolute; margin-left: 660px; margin-top: 15px; }

.donat-frequence { border-top:#c3cf8c solid 1px; padding-top:15px; }
.donat-frequence > div { float:left; }
.calender { font-size:13px; margin-left:35px; margin-top:10px; }
.calender input { height:23px; width:150px; margin-top:8px; padding: 0 5px; }

.recurr-btn { width:70px; height:38px; background:url('../images/btn-green.jpg') repeat-x; font-size:15px; color:#fff; border:0; border-radius:5px; margin:0 8px 0 11px; cursor:pointer; }
.recurr-btn:hover { background-image:url('../images/btn-blue.jpg'); cursor:pointer; }
.recurr-btn.selected { background-image:url('../images/btn-red.jpg'); cursor:pointer; }

#errmsg{color: red; position: relative; right: 0; left: 114px; top: -30px; }

who_we_are.donate div:nth-child(6) { clear: both; margin-left: 280px; margin-top: -15px; }

.pay-donate{
	border:none !important;
}
.pay-amount{
	width: 100%;    
    margin-bottom: 45px;
    text-align: center;
    margin: 45px 0 45px 0;
}