@charset "utf-8";
/* CSS Document */

/* --- HOME --- */
#helpus_wrapper_body{
	position:relative;
	z-index:1;
}

#helpus_splash{
	position:relative;
	z-index:1;
	background-color: #F5F5EC;
}



#helpus_content{
	position:relative;
	z-index:1;
	margin-top: 20px;

}


#helpus_content_text{
	position:relative;
	z-index:1;
	width: 920px;
	float: left;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 20px;
}

#frequency{
	position:relative;
	padding-left: 20px;
	z-index:1;

}

#online2{
	position:relative;
	z-index:1;
	margin-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	width: 880px;
	clear: both;
}


#helpus_spacer{
	clear: both;
	width: 100%;
	height: 5px;
	
}

#single_monthly_button1{
	position: relative;
	float: left;
}
#single_monthly_button2{
	position: relative;
	float: left;
	margin-left: 20px;
}



/*
Hide radio button (the round disc)
we will use just the label to create pushbutton effect
*/
input[type=radio] {
display:none; 
margin:10px;
}
/*
Change the look'n'feel of labels (which are adjacent to radiobuttons).
Add some margin, padding to label
*/
input[type=radio] + label {
	display:inline-block;
	width: 150px;
	background-color: #0099FF;
	margin-right: 2px;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
	font-size: 14px;
	height:25px;
	color: #fff;
	text-decoration: none;
	margin-bottom: 15px;
	font-weight: 700;
	text-align: center;
}
/*
Change background color for label next to checked radio button
to make it look like highlighted button
*/
input[type=radio]:checked + label { 
background-image: none;
background-color:#62C0FF;
}






/* ----------- My Form ----------- */
 .myform{
	width:865px;
	margin-left: 0px;
	margin-top: 0px;
 }
 

/* ----------- stylized ----------- */
 #stylized{
	background:;
	margin-top: 20px;
	margin-bottom: 20px;
 }

 #stylized p{
 font-size:11px;
 color:#666666;
 margin-bottom:20px;
 border-bottom:solid 1px #b7ddf2;
 padding-bottom:10px;
 }
 #stylized label{
 display:block;
 width:135px;
 float:left;
 }
 
 
  #stylized .med{
 color:#666666;
 display:block;
 font-size:14px;
 font-weight:bold;
 text-align:right;
 width:135px;
 }
 
 #stylized .small{
 color:#666666;
 display:block;
 font-size:11px;
 font-weight:normal;
 text-align:right;
 width:135px;
 }
 #stylized input{
	float:left;
	font-size:14px;
	border:solid 1px #E5E5E5;
	margin-top: 2px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 10px;
	padding-top: 6px;
	padding-right: 2px;
	padding-bottom: 6px;
	padding-left: 2px;
 }
 

 
 #donation_amount{
 display:block;
 font-weight:bold;
 text-align:right;
 width:135px;
 }
 
 
  #donation_choice{
	display:block;
	font-size:12px;
	margin-top: -30px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 10px;
	padding-top: 0px;
	padding-right: 2px;
	padding-left: 135px;
 }
 
 
  #email{
 width:234px;
 }
   #city{
 width:234px;
 }
  #zip{
 width:234px;
 }
  #address1{
 width:234px;
 }
  #address2{
 width:234px;
 }
  #last_name{
 width:234px;
 }
   #first_name{
 width:234px;
 }
 
  #text{
 border:solid 1px #aacfe4;
 }
 
 #radio{
	border: none;
 }
 
   #stylized select{
 float:left;
 font-size:14px;
 padding:6px 2px;
 border:solid 1px #E5E5E5;
 width:240px;
 margin:2px 0 20px 10px;
 }
 
 #stylized button{
	clear:both;
	margin-left:616px;
	width:155px;
	height:36px;
	text-align:center;
	line-height:18px;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bolder;
	background-color: #234E8E;
	background-repeat: no-repeat;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
 }


#helpus_bvr{
	clear: both;
	position:relative;
	z-index:1;
	width: 100%;
	background-color: #F5F5EC;
	height: 370px;
	
}

#helpus_title_bvr_slide{
	position:relative;
	z-index:1;
	padding-top: 20px;
}

#wrapper_helpus_bvr_center{
	clear: both;
	position:relative;
	z-index:1;
	width:920px;
	margin-right: auto;
	margin-left: auto;
	height:100%;
	top: 0px;
	padding-right: 30px;
	padding-left: 30px;
}

#helpus_bvr_content{
	position:relative;
	margin-left: 20px;
	
}


#helpus_bank{
	clear: both;
	position:relative;
	z-index:1;
	width: 100%;
	background-color: #EBEBDA;
	padding-bottom: 40px;
}

#helpus_title_bank_slide{
	position:relative;
	z-index:1;
	padding-top: 20px;
}

#wrapper_helpus_bank_center{
	clear: both;
	position:relative;
	z-index:1;
	width:920px;
	margin-right: auto;
	margin-left: auto;
	height:100%;
	top: 0px;
	padding-right: 30px;
	padding-left: 30px;
}

#helpus_bank_content{
	position:relative;
	margin-left: 20px;
	
}

#helpus_other_content{
	position:relative;
	margin-left: 20px;
	
}
/* --- END HOME --- */