@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}



body{ background-image:url(images/bodybg.png);	font-family: 'SFCollegiateSolidRegular';}

#header{background-image:url(images/topbg.gif); background-repeat:repeat-x; height: 57px;}
.container{width: 960px; margin-left:auto; margin-right:auto;}

.logo{width: 330px; margin-left: 50px; display:inline; float:left; position:relative; padding-top:15px;}
.social{width: 300px; margin-left: 250px; display:inline; float:left; position:relative;}
.social img{display:inline; float:left; margin-right: 7px;}
.sharetop{padding-top:29px;}

#main{background-image:url(images/mainbg.png); height:460px; margin-top:35px; padding-top:8px;}

.top-border{height:2px; border-top:1px dashed #fff}
.bottom-border{height:2px; border-top:1px dashed #fff}
.pledge{width: 440px; display:inline; float:left; height: 430px; border-right: 1px dashed #fff; padding-top: 7px;}
.right{width: 480px; display:inline; float:left; padding-left:16px; padding-top:20px; }
.formdiv{ }


.numbers{display:inline; float:left;}

.digit{font-family: 'BebasRegular'; color:#fff; font-size:32px; height:40px; background-color: #ec6e33; padding: 4px 4px 4px 4px; margin-right:5px; display:inline; float:left; margin-top:1px;}

.total{padding-top:10px;}
.total img{padding-right:12px; display:inline; float:left;}


.callout{display:inline; float:left; width: 550px; padding-top:15px; padding-left:3px;}

.callout p{font-size:16px; line-height:19px; color:#fff; font-family: 'SFCollegiateSolidRegular'; margin-bottom:18px; text-transform:uppercase;}
.black{color:#000;}
.gray{color:#bcbcbc;}

.callout p a{color:#bcbcbc; text-decoration:none;}
.callout p a:hover{color:#000; text-decoration:none;}

#footer{background-image:url(images/footbg.png); height:90px; margin-top:12px;}


.containerfoot{width: 980px; margin-left:auto; margin-right:auto;}
.shares{display:inline; float:left; width: 370px;  }

.links{display:inline; float:left; width: 560px; padding-top: 25px;  }
.links img{display:inline; float:left; padding-left: 25px;}
 
#form{
	background-image:url(images/formbg.png); width:420px; height:200px; background-repeat:no-repeat;
}

#form2{
	background-image:url(images/formbg2.png); width:420px; height:200px; background-repeat:no-repeat;
}

#form .form_text {
			border: 1px solid #fff;
			color: #666;
			background-color: #fff;

			font-family: Arial, Helvetica, sans-serif;
			height: 20px;
			width: 340px;
			padding-top: 4px;
			padding-bottom: 2px;
			padding-left: 3px;
			padding-right: 3px;
			margin-bottom: 10px;
		}
		
#form .error {
			border: 1px solid #D63301;
			color: #666;
			background-color: #FFBABA;

			font-family: Arial, Helvetica, sans-serif;
			height: 20px;
			width: 340px;
			padding-top: 4px;
			padding-bottom: 2px;
			padding-left: 3px;
			padding-right: 3px;
			margin-bottom: 10px;
		}		
		
		
input.btn{width: 100px; background-color: #d4d4d4; color: #186da6;  border-top: 3px solid #000; border-right: 3px solid #000; height: 25px; cursor: pointer; float:right; border-bottom:1px solid #ec6e33; border-left:1px solid #ec6e33; font-family: 'SFCollegiateSolidRegular'; font-size:16px; position:relative; z-index:1000; }

input.btn:hover{width: 100px; background-color: #fff; color: #186da6;  border-top: 3px solid #000; border-right: 3px solid #000; height: 25px; cursor: pointer; float:right; border-bottom:1px solid #ec6e33; border-left:1px solid #ec6e33; font-family: 'SFCollegiateSolidRegular'; font-size:16px; }

.formdiv{width: 350px; padding: 55px 0px 0px 27px;  } 


#subscribe_response_div{width: 400px; display:inline; float:left; margin-top:-140px; margin-left:30px;} 
#subscribe_response_div p.error{padding: 0px 52px 0px 0px; margin-top:113px; float:right; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; position:relative; z-index:10;  }

#subscribe_response_div p.consent{padding: 0px 52px 0px 0px; margin-top:110px; float:left; color:#d4d4d4; font-family:Arial, Helvetica, sans-serif; font-size:10px;  position:relative; z-index:10; font-style:italic;  }

.thanks{font-size:32px; color:#FFF; width: 350px;}


.clear {clear: both; display: block; overflow: hidden; visibility: hidden;	width: 0;	height: 0;}
.trans:hover{ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	    filter: alpha(opacity=80);
        -moz-opacity:0.8;
        -khtml-opacity: 0.8;
        opacity: 0.8; cursor:pointer}