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


/* ----------------------------------------------------------------------------------------------------------
DEFAULTS
---------------------------------------------------------------------------------------------------------- */
@font-face{font-family:'Grandesign Neue Serif';font-style:normal;font-weight:400;src:url('/t/fonts/gdns.eot');src:local('Grandesign Neue Serif'), local('GrandesignNeueSerifRegular'),
url('/t/fonts/gdns.eot?#iefix') format('embedded-opentype'), url('/t/fonts/gdns.woff') format('woff'), url('/t/fonts/gdns.ttf') format('truetype');}
@font-face{font-family:'Grandesign Neue Serif';font-style:normal;font-weight:700;src:url('/t/fonts/gdnsb.eot');src:local('Grandesign Neue Serif Bold'), local('GrandesignNeueSerifBold'),
url('/t/fonts/gdnsb.eot?#iefix') format('embedded-opentype'), url('/t/fonts/gdnsb.woff') format('woff'), url('/t/fonts/gdnsb.ttf') format('truetype');}
@font-face{font-family:'Grandesign Neue Serif';font-style:italic;font-weight:400;src:url('/t/fonts/gdnsi.eot');src:local('Grandesign Neue Serif Italic'), local('GrandesignNeueSerifItalic'),
url('/t/fonts/gdnsi.eot?#iefix') format('embedded-opentype'), url('/t/fonts/gdnsi.woff') format('woff'), url('/t/fonts/gdnsi.ttf') format('truetype');}
@font-face{font-family:'Grandesign Neue Serif';font-style:italic;font-weight:700;src:url('/t/fonts/gdnsbi.eot');src:local('Grandesign Neue Serif Bold Italic'), local('GrandesignNeueSerifBoldItalic'),
url('/t/fonts/gdnsbi.eot?#iefix') format('embedded-opentype'), url('/t/fonts/gdnsbi.woff') format('woff'), url('/t/fonts/gdnsbi.ttf') format('truetype');}

.mobile { display: block; }

body { width: 100%; max-width: 100%; margin: 0; }

a { color: #1879BD; font-weight: 700; }

body #HWI .mobile-menu { display: none; }

.C.mobile { clear: both; margin: 0; padding: 0; border-bottom: 1px solid #FFF; font-size: 10px; line-height: 2em; }

#ContentW { padding: 0 20px; }
	#ContentW img { max-width: 100%; height: auto; }

#doncon { display: none; }
#donconm{ display: block; }

/* Mobile Menu */
body #HWI #menu-toggle { width: 30px; margin: 13px 0 0 13px; position: absolute; top: 0px; height: 45px; left: 0px; cursor: pointer; }
	body #HWI #menu-toggle span { display: block; background: #9dacb9; height: 2px; margin: 0 0 6px 0; }
	body #HWI .mobile-menu.show { display: block !important; }
	body #HWI .mobile-menu { width: 80%; max-width: 100%; background: #294a63; z-index: 99999; position: relative; margin-top: -16px; }

		body #HWI .mobile-menu .social { list-style-type: none; 	height: 50px;     border-top: 1px solid #4d728c;     border-bottom: 1px solid #1e3a4e;     width: 100%;     margin: 0 !important; 	box-sizing: border-box; 	-webkit-box-sizing: border-box; 	-moz-box-sizing: border-box; 	padding: 0 20px; 	overflow:hidden; }
		body #HWI .mobile-menu .social li { float: left; 	display: block; 	overflow:hidden; 	height:50px; 	margin: 0 8px 0 0; }
		body #HWI .mobile-menu .social li:not(:first-child) { /*height: 35px; 	width: 35px; 	margin: -17px 8px 0 0; 	*/
			text-indent:-3000px; }
		body #HWI .mobile-menu .social li:last-child { margin-right:0px; }
			body #HWI .mobile-menu .social.mobile li a.fb,
			body #HWI .mobile-menu .social.mobile li a.tw,
			body #HWI .mobile-menu .social.mobile li a.yt,
			body #HWI .mobile-menu .social.mobile li a.li { 	display: block; height: 35px; width: 35px; margin:6px 0 0 0; 	}

			body #HWI .mobile-menu .social.mobile li a.fb{background-image:url(/t/img/jw-mobile-social.png);background-position: 0 0}
			body #HWI .mobile-menu .social.mobile li a.tw{background-image:url(/t/img/jw-mobile-social.png);background-position: -47px 0}
			body #HWI .mobile-menu .social.mobile li a.yt{background-image:url(/t/img/jw-mobile-social.png);background-position: -94px 0}
			body #HWI .mobile-menu .social.mobile li a.li{background-image:url(/t/img/jw-mobile-social.png);background-position: -142px 0}

			body #HWI .mobile-menu .social.mobile li { 	color: #8997a1; font: 16px/50px "PT Sans Narrow", Arial; 	}
	.mobile.mobile-search { display: block; width: 100%; height: 50px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 0 20px; position: relative; border-bottom: 1px solid #1e3a4e; margin: 0; }

		.mobile.mobile-search form p input[type=text] { width: 100%; 	height: 30px; 	border-radius: 10px; 	-moz-border-radius: 10px; 	-webkit-border-radius: 10px; 	margin-top: 10px; 	box-sizing: border-box; 	-webkit-box-sizing: border-box; 	-moz-box-sizing: border-box; 	padding: 0 10px; 	background: #8997a1; 	border: none; 	color: #fff; }
		.mobile.mobile-search form p input[type=submit] { position: absolute; 	right: 30px; 	top: 17px; 	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAMAAABhq6zVAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAA5UExURQAAAP///////////////////////////////////////////////////////////////////////wo6NW8AAAASdFJOUwDM+S3yFdcK5WQ6hX6wUrqzieuSbD8AAABVSURBVAjXXY1LEsAgDEJJ1KjV/rj/YVuN00XZMG8IBMjdGK+AoSwc0mNAo9YUTsb0QmEduRs5z3f2f3Iz1hzMO2uNlud2K1RRSoL/ArZIWwSnDxCKPDjmA4Tra/LEAAAAAElFTkSuQmCC') no-repeat; 	border: none; }
		.mobile-menu .menu { list-style-type: none; 	margin: 0; 	padding: 0; }
			.mobile-menu .menu li {     border-top: 1px solid #4d728c; 	    border-bottom: 1px solid #1e3a4e; 	}
				.mobile-menu .menu li a { 		display: block; 	    	padding: 15px 20px; 	    	color: #fff; 	    	font: 16px "PT Sans Narrow", Arial; 	    	text-transform: uppercase; 	    	text-decoration: none; }
	.mobile-menu #menu-mobile-secondary-menu li a { color: #8997a1; }


/* Header */
body.simple-donation_page #HW,
body.advanced-donation_page #HW { background: #FFF; position: relative; padding: 0 0 1px 0; margin: 0 auto; width: 100%; background: #c6cfd6 url(/t/img/donation/HW-bg.png) repeat-x 0 0; height: 45px; }

	body.simple-donation_page #HW #HW-logo, body.advanced-donation_page #HW #HW-logo { display: block; text-decoration: none; border: 0; text-align: center; margin: 0; padding: 0; width: 100%; height: 100%; background: transparent url(/t/img/donation/HW-logo.png) no-repeat center 0; overflow: hidden; }

/* Content */
#donform { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
#donform button, #donform input, #donform label, #donform select, #donform textarea {     font-family: Helvetica,Arial,sans-serif; }

#donform h3 { font: 24px 'Grandesign Neue Serif', serif; color: #284a64; text-align: center; }
	#donform p { text-align: center; color: #000; font: 14px Helvetica,Arial,sans-serif; }
body #donform div.amountbtns label { width: 47%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
#donform div.amountbtns label.btn-selected,
#donform div.amountbtns label:hover,
#donform div.amountbtns label:active { background: #e72f35; border-color: #c52025; }
		#donform div.amountbtns label.btn-selected,
		#donform div.amountbtns label:hover,
		#donform div.amountbtns label:active { background:#e72f35 !important; border-color:#c52025 !important; }


#donform div.amountbtns label.btn-1,
#donform div.amountbtns label.btn-2,
#donform div.amountbtns label.btn-3 { color: #FFF; background: #00b4ff; border-color: #0195d1; }
#donform div.amountbtns label { position: relative; overflow: hidden; background: none repeat scroll 0 0 #4472b9; cursor: pointer; border: 1px solid #4472b9; border-radius: 5px; box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.15); color: #FFF; text-align: center; font-family: Arial,sans-serif; font-style: normal; font-weight: 700; font-size: 18px; line-height: 40px; display: block; float: left; height: 42px; width: 190px; padding: 0; margin: 3px; outline: 0 none; white-space: nowrap; }
#donform div.amountbtns label.lamtother,
#donform div.amountbtns label.lamtother:hover,
#donform div.amountbtns label.lamtother:active { color: #294a63; background: #FFF; border-color: #284a63; font-family: Helvetica,'Helvetica Neue',Arial,sans-serif; }
#donform div.amountbtns label input#amtothertxt1 { position: static; left: auto; top: auto; text-indent: 10px; background-image: none !important; border: none; }
#donform div.amountbtns label input { position: absolute; left: -3000px; top: 0; }


input[type="checkbox"],
input[type="radio"] { box-sizing: border-box; }

#donform div.monthlydon { position: relative; width: 100%; height: auto; margin: 0 auto; padding-bottom: 45px; clear: both; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
	#donform div.monthlydon label { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; position: relative; display: block; min-height: 50px; width: 100%; padding: 10px 15px 15px 35px; margin: 0; overflow: hidden; outline: 0 none; background: none repeat scroll 0 0 #284a65; cursor: pointer; border: 1px solid #284a65; border-radius: 5px; box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.15); transition: all 0.1s ease 0s; color: #FFF; text-align: left; font-family: Helvetica,'Helvetica Neue',Arial,sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 34px; clear: both; }
		#donform div.monthlydon label a { color: #FFF; 	text-decoration: none; 	border-bottom: 1px solid #FFF; 	font-weight: 400; }
	#donform div.monthlydon input#recur { position: absolute; top: 18px; left: 15px; z-index: 999; }
#donform div.paypersdon { position: relative; width: 100%; margin: 0 auto; padding: 0; }
	#donform div.paypersdon div.cf2 { position: relative; margin: 0 auto; width: 100%; padding: 5px 0; }
	#donform div.paypersdon label.bill_sepmsg { display: block; width: 100%; margin: 10px auto 0 auto; font-size: 14px; line-height: 20px; }
	#donform div.paypersdon label { color: #000222; position: relative; font-size: 12px; line-height: 30px; }
	#donform div.paypersdon #card { clear: both; display: block; margin-bottom: 10px; width: 60%; }
	#donform div.paypersdon #cardNumber { width: 100%; height: 50px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #c9c7c4; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 0 15px; }
	#donform div.paypersdon .lcccode #cardCode { display: block; clear: both; width: 50px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; height: 50px; border: 1px solid #c9c7c4; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 0 15px; }
	#donform div.paypersdon .ccexpdate select { width: 25%; }
	#donform div.paypersdon .cf2 p { text-align: left; }

	#donform div.paypersdon #firstName,
	#donform div.paypersdon #lastName,
	#donform div.paypersdon #addr1,
	#donform div.paypersdon #addr2,
	#donform div.paypersdon #city,
	#donform div.paypersdon #email,
	#donform div.paypersdon #phone,
	#donform div.paypersdon #firstNamebill,
	#donform div.paypersdon #lastNamebill,
	#donform div.paypersdon #addr1bill,
	#donform div.paypersdon #citybill { width: 100%; height: 50px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #c9c7c4; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 0 15px; clear: both; }
	#donform div.paypersdon #addr2 { margin-top: 15px; }


	#donform div.paypersdon #state,
	#donform div.paypersdon #statebill { width: 45%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 0 15px; clear: both; margin-top: 15px; height: 25px; }
	#donform div.paypersdon #zipCode,
	#donform div.paypersdon #zipbill { width: 50%; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #c9c7c4; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 0 15px; clear: both; height: 50px; }
	#donform #paybilldon { display: none; }
	#donform #donsubmit { position: relative; overflow: hidden; background: none repeat scroll 0 0 #e72f35; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#C30006), to(#eb2d2f)); background: -webkit-linear-gradient(top, #eb2d2f, #C30006); background: -moz-linear-gradient(top, #eb2d2f, #C30006); background: -ms-linear-gradient(top, #eb2d2f, #C30006); background: -o-linear-gradient(top, #eb2d2f, #C30006); cursor: pointer; border: 1px solid #ae0001; border-radius: 5px; box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.15); color: #FFF; text-align: center; font-family: Helvetica,'Helvetica Neue',Arial,sans-serif; font-style: normal; font-weight: 400; font-size: 18px; line-height: 40px; display: block; float: left; height: 42px; width: 230px; padding: 0; margin: 0; outline: 0 none; white-space: nowrap; clear: both; }
	#donform #donreset { padding: 10px 0 0 0; border: 0; border-bottom: 2px ridge #e1e1e1; color: #a9a8a8; background: transparent; font-weight: 700; font-family: Helvetica,Arial,sans-serif; line-height: 16px; display: block; clear: both; }
	#paypalform { display: none; }
	.amountbtns .cf2 { float: left; width: 47%; height: 40px; margin: 3px; border: 1px solid #284a63; border-radius: 5px; }
	a#iscpaypaldonatebtn { cursor: pointer; display: block; width: 100%; height: 40px; overflow: hidden; text-decoration: none; background: transparent url(/t/img/donation/PP_logo_h_100x26.png) center no-repeat; }
#donform #cc_question { display:inline-block; background:transparent url(/t/images/cc-question.png) 0 0 no-repeat; height:13px; width:9px; text-decoration:none; border:0; }

#donform div.paypersdon input.warning { border-color:#F42529; }


/* Footer */
#DonW { padding: 0 20px; }
#DonW h2 { padding: 0 0 5px 0; color: #294A63; font-size: 18px; font-weight: 400; font-family: 'Grandesign Neue Serif', serif; margin: 0; }
#DonW #donatelinks { width: 100%; padding: 0 0 18px 0; margin: 0 auto; overflow: hidden; color: #959595; font: 400 12px/20px 'Helvetica Neue',Helvetica,Arial,sans-serif; }

	#DonW #donatelinks a { display: block; clear: both; color: #1879BD; text-decoration: none; font-size: 12px; font-weight: 400; }

	#DonW #donatelinks span { display: none; }
	#DonW #donfooterm { width: 100%; max-width: 100%; clear: both; color: #8E8E8E; font: 400 14px/20px Helvetica,Arial,sans-serif; border-top: 1px solid #CCC; padding: 20px 0 0 0; margin: 0 auto; text-align: center; }
	#DonW #donfooterm p { text-align: center; }
	#DonW #donfooterm p a { text-decoration: none; font-weight: 400; color: #1879bd; border-bottom: 2px solid #b2cae4; }


#donconm .donconfeatured { padding-top: 20px; }
	#donconm .donconfeatured img { max-width: 100%; height: auto; }