html,body { margin: 0; padding: 0; height: 100%; }
#page { min-height: 100%; position: relative; width: 100%; }
a img { border:none; }

body { margin: 0; border-top: 5px solid #bae0ec; text-align: center; font-family: "myriad-pro",sans-serif; }
a { color: #006699; text-decoration: none; } .align-right { float: right; margin: 0 0 15px 15px; } .right { float: right; }.clear{ clear: both; } .left { float: left;}

#wrapper { text-align: left; width: 960px; margin: 15px auto 0 auto; }
/* comment here */

#header { height: 116px; }
	#header ul { list-style: none; margin: 38px 0 0 0; padding: 0; float: right; }
	#header li { float: left; background: #fecb00; }
	#header li#donate { background: none; margin-left: 10px; }
	#header li#donate a { padding: 0 !important; }
	#header a { font-family: Georgia; color: #000; font-size: 18px; display: block; padding: 13.5px 26px; background: url('images/dots.png') no-repeat 100% 50%; }
	#header a#nodot { background: none; }
	#header img#logo { float: left; max-height: 100px; }

#content { clear: both; padding-bottom: 130px; margin-top:7px; }	
	#content #slider { margin-top: 5px; margin-bottom: 10px; }
	#content h1 { margin-top: 30px; font-family: Georgia; font-size: 32px; color: #003366; border-bottom: 1px dashed #CCC; padding-bottom: 10px; }
	#content p { font-family: Arial; font-size: 17px; color: #333; }
	#content ul#subnav { list-style: none; padding: 0; margin: 0; float: right; }
		#content ul#subnav li { float: right; }
		#content ul#subnav a { display: block; padding: 15px 8px; }

#subnav .current_page_item { text-decoration: underline; }

/* Calendar & Events */

.events .fe-extrainfo-container { float: left; padding: 0; }
.events .fe-extrainfo-container * { margin-bottom:0px; }
.events .fe-extrainfo-container2 { height: auto; }
.events .entry-content .sws-gmap3-frame { padding: 0; }
.single-event-gmap-holder .fb-share-button.fb_iframe_widget { display: none; }
.single-event-venue-holder .fb-share-button.fb_iframe_widget { display: none; }
		
.bar { clear: both; background: #e8f0f2; padding: 20px; }
	#front-bar { height: 60px; }
	#front-bar p#slogan { font-family: Georgia; font-size: 18px; margin: 0; color: #666666; width: 350px; float: left;  }
	#front-bar #social { width: 200px; float: left; margin-left: 60px; }
	#front-bar #email { float: left; margin-left: 20px; height: 40px; position: relative;   }
	#front-bar #email label { position: absolute; left: 5px; top: 20px; z-index: 1; font-weight: normal; color: #999; }
	#front-bar #email .gfield_required,.gform_edit_link { display: none; }
	#front-bar #email .gfield_error { padding: 0 !important; }
	#front-bar #email .validation_error,.validation_message { display: none; }
	#front-bar #email input { position: absolute; top:26px; z-index: -4 \9; height: 32px; border:none; font-size: 17px; color: #333; padding: 6px; margin-right: 4px; width: 200px; clear: both; }
	#front-bar #email input#gform_submit_button_4 { position: absolute; top: 26px; line-height: 0; font-size: 0; left: 200px; background: url('images/cta-go.png') no-repeat; text-indent: -999em; width: 60px; height: 32px; }

#blueboxes { clear: both; margin-top: 10px; }
	#blueboxes a { float: left; text-indent: -9999em; width: 230px; height: 153px; display: block;  } 
	#blueboxes a#church_button { background: url('/wp-content/uploads/2014/09/church_button.gif') no-repeat  0 -153px; margin-right: 13px; }
	#blueboxes a#church_button:hover { background: url('/wp-content/uploads/2014/09/church_button.gif') no-repeat  0 0px; }
	#blueboxes a#beat { background: url('images/box-beat.gif') no-repeat  0 -153px; margin-right: 13px; }
	#blueboxes a#beat:hover { background: url('images/box-beat.gif') no-repeat  0 0px; }
	#blueboxes a#hope-farm { background: url('images/box-hope-farm.gif') no-repeat  0 -153px; margin-right: 13px; }
	#blueboxes a#hope-farm:hover { background: url('images/box-hope-farm.gif') no-repeat  0 0px; }
	#blueboxes a#box-blog { background: url('images/box-blog.gif') no-repeat  0 -153px; margin-right: 13px; }
	#blueboxes a#box-blog:hover { background: url('images/box-blog.gif') no-repeat  0 0px; }
	#blueboxes a#contact { background: url('images/box-contact.gif') no-repeat  0 -153px; }
	#blueboxes a#contact:hover { background: url('images/box-contact.gif') no-repeat  0 0px; }

#stats { margin-top: 40px; clear: both; }
	#stats ul { list-style: none; padding: 0; margin: 10px 0 0  0; }
	#stats li { float: left; width: 192px; text-align: center; }
	#stats h3 { margin: 0; padding: 0; font-size: 34px; }
	#stats p { margin: 0; font-family: Georgia; color: #999; font-size: 15px; }
	#stats img#streetbeat { float: left; margin-top: 20px; }
	#stats img#graph { float: right; margin-top: 20px; }

#footer { color: #444; background: #bae0ec; padding: 10px 0; height: 130px; position: absolute; bottom: 0; left: 0; width: 100%; }
	#footer p { font-size: 14px; color: #444; }
	#footer a { color: #444; }
	#footer #address { float: left; width: 300px;}
	#footer #contact { float: left; width: 300px; text-align: center; }
	#footer #footernav { float: right; width: 250px;}
		#footer #footernav ul { list-style: none; padding: 0; margin: 0; }
		#footer #footernav li { float: left; width: 125px; font-size: 17px; }
		#footer #footernav li a { color: #444; }
		
/* Donate Page */


/*gravity donation form*/
#gform_5 {
	background-color: #18b9e5;
	/*width: 44%;
	float: right;*/
	padding: 8px;
	margin-top: -15px;
}

#gform_5 .gform_title {
	font-family: times,serif;
    font-size: 29px;
    color: #003366;
    font-weight: 300;
	font-style: italic;
}

#gform_5 .gfield_radio li {
	display: inline-block;
	float: left;

}
#gform_5 label {
	margin-right: 9px;
}

#gform_5 .ginput_total {
	font-family: "chaparral-pro",sans-serif;
    font-size: 29px;
    color: #003366;
    font-weight: bold;

}

#gform_5 input[type=text] {
    border: 5px solid #EEE;
	font-family: "chaparral-pro",sans-serif;
    font-size: 20px;
    color: #003366;
    font-weight: bold;
	
}

#gform_5 input[type=button] {
    background-color: #003366;
	color: white;
	border: none;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 10px;
	text-align: center;
	width: 115px;
}
#gform_5 input[type=submit] {
    background-color: white;
	color: #003366;
	border: none;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 10px;
	margin-left: 10px;
	text-align: center;
	width: 115px;
}
#gform_5 #input_5_8 {
	width: 97.5%;	
}

.lockbox p {
	text-align: left !important;
	padding: 0 !important;
	font-size: 15px !important;
	margin-top: -4px !important;
}

#donate-left { float: left; }
#donate-right { float: right; background: #18b9e5; width: 268px; width: 303px \9; padding: 50px 20px; text-align: center; height: 327px; }
	#donate-right form { text-align: left; }	
	#donate-right #gifttype { clear: both; margin-top: 10px; }
	#donate-right #gifttype input { margin-right: 10px;  }
	#donate-right #gifttype label { color: #003366;  margin-top: 5px; padding: 15px 8px; display: block; width: 117px; float: left; }
	#donate-right #gifttype label.active { background: #51caeb; }
	#donate-right #gifttype {  clear: both; }
	#donate-right #gifttotal a { margin-top: 10px; border: 5px solid #EEE; background: #FFF; float: left; display: block; width: 70px; font-family: "chaparral-pro",sans-serif; font-size: 29px; color: #003366; text-align: center; font-weight: bold; }
	#donate-right #chooseamount { position: relative; clear: both; }
	#donate-right #chooseamount p { float: left; width: 100px; font-size: 14px; margin-top: 20px; }
	#donate-right #chooseamount label { position: absolute; top: 16px; right: 120px; left: 20px \9; font-family: "chaparral-pro",sans-serif; font-size: 29px; color: #003366; font-weight: bold; } 
	#donate-right #chooseamount input { width: 146px; margin-top: 10px; float: right; border: 5px solid #EEE; padding-left: 25px; font-family: "chaparral-pro",sans-serif; font-size: 29px; color: #003366;  font-weight: bold; }
	#donate-right #chooseamount input.active { border-color: #c4edf8; }
	#donate-right form input#submit { width: 117px; height: 41px; background: url('images/text-next-step.png') no-repeat; text-indent: -999em; border: none; cursor: pointer; margin-top: 20px; }
	#donate-right form input#submit { text-indent: 0em \9; background: #003366 \9; color: #FFF \9; padding: 10px \9; margin-left: -45px \9; }

img#otherways { cursor: pointer; }
#givemail { background: url('images/give-by-mail.png') no-repeat; text-align: left; padding-top: 30px; float: left; margin-right: 30px; width:300px; width: 312px \9; margin-top: 20px; display: none; }
#givefood { background: url('images/give-food.png') no-repeat; text-align: left; padding-top:  30px; float: left;  width:300px; width: 312px \9; margin-top: 20px; display: none; }
#givetelephone { background: url('images/give-by-telephone.png') no-repeat; text-align: left; padding-top:  30px; float: left; margin-right: 30px; width: 300px; width: 312px \9; margin-top: 20px; display: none; }
#more { height: 150px \9; }
	#more p { color: #333; }
	
/* Columns */
.two-col-left { width: 625px; float: right;  }
.two-col-right { width: 300px; float: left; }

.threecolleft { width: 310px; margin-right: 15px; float: left;}
.threecolmid { width: 310px; margin-right: 15px; float: right; }
.threecolright { width: 310px; float: right; }

#checkoutleft { background: #e8f0f2; float: left; padding: 10px; width: 613px; }
	#checkoutleft select { width: 200px; font-size: 20px; }
	#checkoutleft input[type="text"] {  width: 100%; height: 44px; padding: 10px; border: 1px solid #BBB; line-height: 44px;;  }
	#checkoutleft input { background-image: none !important;}
	#checkoutleft .fsform { font-family: 'Myriad Pro' !important; font-size: 15px !important; }
	#checkoutleft .fslabel { font-size: 15px !important; }
	#checkoutleft .fsSupporting { font-size: 12px !important; }
	#checkoutleft .fsFieldFocused  { background: #FFF; }
	#checkoutleft .fsFieldFocused input { border: 1px solid #003366;}
	#checkoutleft .fsTable { background: #FFF !important; }
	#checkoutleft .fsTable { margin-top: 10px !important; }
#checkoutleft #fsCell18046181 .fsCurrency { position: absolute;
top: 80px; top: 64px \9;
font-size: 19;
left: 30px; }
#checkoutleft #fsPage1364398-1 { position: relative; }
#checkoutleft #fsPage1324097-1 { position: relative; }
.fsCalendarPickerLink { display: none !important; }
#field18046181 { padding-left: 25px !important; }
#field17482594 { padding-left: 25px !important; }
	#checkoutleft img.fscreditcardlogo { margin-top: 9px; }
	#checkoutleft #fsSubmitButton1194400 { line-height: 0; font-size: 0; text-indent: -999em; display: block;  width: 126px; height: 48px; background: url('images/cta-submit.png') no-repeat !important; border:none !important; cursor: pointer; }
	#checkoutleft #fsSubmitButton1194399 { line-height: 0; font-size: 0; text-indent: -999em; display: block;  width: 126px; height: 48px; background: url('images/cta-submit.png') no-repeat !important; border:none !important; cursor: pointer; }
	#checkoutleft #fsSubmitButton1324097 { line-height: 0; font-size: 0; text-indent: -999em; display: block;  width: 126px; height: 48px; background: url('images/cta-submit.png') no-repeat !important; border:none !important; cursor: pointer; }

	.fsSectionRow,.fsCalendarPickerLink { display: none; }

#thank-you { border: 10px solid #18b9e5; margin-top: 6px; text-align: center; padding: 30px; }
	#thank-you p { font-family: Georgia; font-size: 24px; font-style: italic; color: #003366; }

#checkoutright { position: relative; background: #e8f0f2; float: right; width: 274px; width: 314px \9; padding: 30px 20px 20px 20px; }
	#checkoutright #amount { text-align: center; margin-left: 58px; display: block; margin-top: 20px; border: 5px solid #EEE; background: #FFF; width: 130px; padding: 10px; font-family: "chaparral-pro",sans-serif; font-size: 29px; color: #003366; font-weight: bold; }
	#checkoutright p { color: #003366; font-size: 17px; text-align: left; border-top: 1px dashed #CCC; padding-top: 20px; }
	
/* List Newsltters */

ul#newsletter_list { margin: 0; padding: 0; list-style: none;  }
	ul#newsletter_list li { float: left; margin-right: 20px; }
	ul#newsletter_list a { font-size: 18px; }
	ul#newsletter_list img { -moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; /* future proofing */
-khtml-border-radius: 5px; /* for old Konqueror browsers */ 
-moz-box-shadow: 0px 0px 3px 1px #DDD;
    -webkit-box-shadow: 0px 0px 3px 1px #DDD;
    box-shadow: 0px 0px 3px 1px #DDD;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=135, Color='#DDDDDD')";
    /* For IE 5.5 - 7 */
   filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=135, Color='#DDDDDD');
	
}

ul#newsletter_list a:hover img { -moz-box-shadow: 0px 0px 3px 1px #777;
    -webkit-box-shadow: 0px 0px 3px 1px #777;
    box-shadow: 0px 0px 3px 1px #777;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=135, Color='#777777')";
    /* For IE 5.5 - 7 */
   filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=135, Color='#777777');
	}
	

/* Smartphones (portrait and landscape) ----------- 
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {

	#content { padding: 0 20px; }

}
*/

.nivoSlider {
    position:relative;
    width:960px; /* Change this to your images width */
    height:350px; /* Change this to your images height */
    background:url(images/loading.gif) no-repeat 50% 50%;
}
.nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
.nivoSlider a {
    border:0;
    display:block;
}

.nivo-directionNav a {  text-indent: -999em; width: 30px; height:50px; }
	.nivo-prevNav {background: url('nivo-slider/themes/orman/arrows2.png') no-repeat; left: -24px !important; }
	.nivo-nextNav {background: url('nivo-slider/themes/orman/arrows2.png') no-repeat -70px 0; right: -24px !important; }
	
	@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
/* Styles */

#field15104310,#field15104336 { width: 200px; }

}

#front-bar #email label {
	margin: 10px 0 4px;
}

#front-bar #email input {
	font-size: 14px;
}

#front-bar #email #gform_submit_button_4 {
	cursor: pointer;
}

#gform_4 input {
	font-size: 17px;
}
/* mmm */
.blog-content {
	overflow:hidden;
}
.blog-title {
	text-shadow:1px 1px 1px #ddd;
	text-transform: uppercase;
	font-size: 36px;
	padding: 0px;
	line-height: 30px;
	margin: 20px 0 0 0;
	
}
.blog-date {
	
	padding: 0px;
	margin: 10px 0px;
	color: #999 !important;
	font-style: italic;
}
.single {
	border-top:1px #ccc dashed;
	margin-top:20px;
	margin-bottom:20px;
	padding-top:20px;
	color:#069;
}
.more-link {
	background:#063764;
	font-style:bold;
	padding:10px 10px;
	color:#fff;
	float:right;
	text-transform:uppercase;
}
.more-link:hover {
	background:#4CB7E2;
}
.blog-title a:hover {
	 opacity:0.6;
	 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	 -webkit-transition: opacity 0.15s ease-in-out;
        -moz-transition: opacity 0.15s ease-in-out;
        -o-transition: opacity 0.15s ease-in-out;
        transition: opacity 0.15s ease-in-out;
}
.blog-post {
	border-bottom:1px dashed #ccc;
	padding-bottom:15px;
}
.entry-title {
	margin-bottom:0px;
}
.featured-image {
	float:left;
	margin-right:20px;
	margin-top: 15px;
}
.hawlearn-blue p {color:#fff !important;}
.hawlearn-blue {
    padding:20px 40px;
    color:#fff;
    background:#3399BB;
    width:60.5%;
    float:left;
    margin-right:3.5%;
    overflow:hidden;
    margin-bottom:122px;
}
.hawlearn-yel {
    background:#F1C341;
    text-align:center;
    overflow:hidden;
    padding:40px;
    height:119px;
}
.page-id-2575 .wp-image-2576 {
    margin-bottom:20px;
}
.page-id-2582 small {
margin-top: 10px;
margin-bottom: 30px;
float: left;
}
.parent-pageid-2551 p {
    font-size:13px !important;
}
.parent-pageid-2551 h5 {
    font-family: Georgia;
    font-size:15px;
    margin-bottom:15px;
}

/*Mailchimp embedded code*/
.asterisk {
margin-top: 0.6em !important;
}

/*Subscribe link on homepage*/
#subscribe {
    background-color: #56bfe6;
    color: white;
    padding: 20px;
    font: bold 110%/normal "myriad-pro",sans-serif;
    display: inline-block;
}

.clear { clear:both; }
iframe {
	border: none !important;
	float: right;
	width: 450px !important;

	clear: none;
}
.shade, .otherways {
	background-color: #e8f0f2 !important;
    	width: 500px;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
}

.shadep  {
	padding: 15px;
	font-size: 29px;
        font-weight: bold;
	color: #003366 !important; 
	text-align:  center;
	font-family: "myriad-pro",sans-serif;
}

.shade img {
	margin: 10px auto !important;
}

#donate-row-bottom {
	background: #D9EDF7;
	border: #bce8f1 2px solid;
	padding: 20px 10px 10px;
}

.otherwaysp, .otherwaysh3, .otherwaysh4 {
	font-size: 20px;
        font-weight: bold;
	color: #003366 !important; 
	font-family: "myriad-pro",sans-serif;
}

.otherwaysh3 {
	text-align:  center !important;
	padding: 15px;
	font-size: 150% !important;
}

.otherwaysp {
	font-size: 18px !important;
	font-weight: normal !important;
}
.otherwaysh4 {
	font-size: 120% !important;
	margin: 0;
}
.donateh2 {
	color: #003366 !important; 
	font-size: 30px; 
	font-weight: bold;
}
#thankyoup {
	font-size: 110%;
}
.leftbox {
	float: left;
	clear: none !important; 
	display: block;
}