/* CSS Document */
@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Roboto|Impact');

body,td,th {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
}
a { 
	color: #185077;
	text-decoration: none;
}
a.footer {
	color: #D6D6D6;
}
a:hover { 
	color: #000066;
}
#bg {
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#headerbg {
	height: auto;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 30px;
	padding-bottom: 30px;
	overflow: hidden;
	font-size: 38px;
	font-weight: 900;
	font-family: 'Impact', sans-serif;
	letter-spacing: 1px;
	color: #FFF;
	background-color: #1f1f1f;
}
#contentbg {
	height: auto;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 70px;
	overflow: hidden;
}
#content {
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
	margin-right: 20px;
}
#footerbg {
	height: auto;
	margin-right: auto;
	margin-left: auto;
	padding: 20px;
	overflow: hidden;
}
#footer {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
}
#container {
    width: 100%;
    height: auto;
    display: table;
    margin: 0 auto;
    overflow: hidden;
}
#first-half {
	width: 100%;
    height: auto;
    box-sizing: border-box;
}
#second-half {
	width: 100%;
    height: auto;
    box-sizing: border-box;
    margin: 20px 0px 0px 0px;
}
#optin-form-container {
	width: 90%;
    height: auto;
    margin: 0 auto;
}
#optin-form-row {
	height: auto;
	width: 100%;
	display: inline-block;
	padding: 5px 0px 5px 0px;
}
.subscribe-input {
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: right center;
	border: 1px solid #444;
	padding: 10px 30px 10px 10px;
	width: 100%;
	height: 42px;
	box-sizing: border-box;
	font-size: 16px;
	border-radius: 6px;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, .05);
}
.email-icon {
	background-image: url(../images/mail.png);
}
.button-red {
	-moz-box-shadow: 0px 1px 0px 0px #CC0000;
	-webkit-box-shadow: 0px 1px 0px 0px #CC0000;
	box-shadow: 0px 1px 0px 0px #CC0000;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ff0000), color-stop(1, #CC0000));
	background:-moz-linear-gradient(top, #ff0000 5%, #CC0000 100%);
	background:-webkit-linear-gradient(top, #ff0000 5%, #CC0000 100%);
	background:-o-linear-gradient(top, #ff0000 5%, #CC0000 100%);
	background:-ms-linear-gradient(top, #ff0000 5%, #CC0000 100%);
	background:linear-gradient(to bottom, #ff0000 5%, #CC0000 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#CC0000',GradientType=0);
	background-color:#ff0000;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #CC0000;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:20px;
	padding:12px 50px;
	text-decoration:none;
	text-shadow:0px -1px 0px #5b6178;
	width: 100%;
}
.button-red:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #CC0000), color-stop(1, #ff0000));
	background:-moz-linear-gradient(top, #CC0000 5%, #ff0000 100%);
	background:-webkit-linear-gradient(top, #CC0000 5%, #ff0000 100%);
	background:-o-linear-gradient(top, #CC0000 5%, #ff0000 100%);
	background:-ms-linear-gradient(top, #CC0000 5%, #ff0000 100%);
	background:linear-gradient(to bottom, #CC0000 5%, #ff0000 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#CC0000', endColorstr='#ff0000',GradientType=0);
	background-color:#CC0000;
}
.button-red:active {
	position:relative;
	top:1px;
}
.headline {
	font-size: 42px;
	font-weight: 900;
	font-family: 'Impact', sans-serif;
	text-align: center;
	line-height: 1.2;
}
.sub-headline {
	font-size: 30px;
	font-weight: 900;
	text-align: center;
	text-shadow: 1px 1px 1px;
}
.small {
	font-size: 12px;
}
.red {
	color: #7a0f18;
}
.blue { 
	color: #003860; 
}
.gray {
	color: #444;
}
.lightgray {
	color: #D6D6D6;
}
@media only screen and (min-width: 960px) {
	#content {
		width: 950px;
		padding: 5px;
    	margin: 0 auto;
	}
	#container {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	#first-half {
		width: 330px;
	    float: left;
	}
	#second-half {
		width: 600px;
	    float: left;
	    margin: 0px 0px 0px 20px;
	}
}
@media only screen and (min-width: 500px) {
	#optin-form-container {
		width: 400px;
	}
}