@charset "UTF-8";

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	/* letter-spacing: 0.02em; */
	font-family: Arial, Helvetica, sans-serif;
	background: #e6e6e6;
	margin: 0px;
	padding: 0px;
}

sup {
	line-height: 1px;
	font-size: 0.85em;
}

a {
	text-decoration: none;
	color: #941300;
}

a:hover {
	color: #AE1C00;
	background:#F9EFAE;
}

a.nohilight:hover {
	background: none;
}

ul {
	line-height: 1.4em;
	margin: 0.8em;
	padding-left: 0.6em;
}

ul li {
	margin-bottom: 0.6em;
	list-style-position: outside;
	list-style-type: disc;
}

.headercontainer {
	background: #aaaaaa;
	background-image: url(../images/headerbg.jpg);
	background-repeat: repeat-x;
	border: none;
	height: 80px;
	width: 100%;
	margin: 0;
	padding: 0;
	position: relative;
}

.header {
	width: 960px;
	height: 80px;
	border: none;
	position: relative;
	margin: 0 auto;
	padding: 0;
}

.header img {
	border: 0;
	float: left;
}

.header a:hover {
	margin: 0px;
	background: none;
}

.menucontainer {
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 0;
	border: none;
	margin: 0;
}

.header ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}

.header li {
	font-size: 1.6em;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	border: none;
}

.activemenuitem {
	display: block;
	color: #101010;
	background: #e6e6e6;
	margin: auto 0 0 0;
	border: none;
	padding: 10px 15px 10px 15px;
}

.header li a {
	display: block;
	color: #282828;
	text-decoration: none;
	margin: auto 0 0 0;
	border: none;
	padding: 10px 15px 10px 15px;
}

.header li a:hover {
	color: #101010;
	background: #c9c9c9;
}

.content {
	font-size: 1.4em;
	line-height: 1.5em;
	color: #323232;
	width: 960px;
	border: none;
	margin: 0px auto;
	padding: 25px 0px 65px 0px;
}

.banner {
	width: 960px;
	height: 220px;
	border: none;
	margin: 0px;
	padding: 0px;
	background-position: left top;
	background-repeat: no-repeat;
	background-color: #000000;
}

.bannerbox {
	background: #000000;
	position: relative;
	font-size: 1.1em;
	vertical-align: bottom;
	width: 300px;
	margin: 0px;
	padding: 25px 30px;
}

.bannerbox h1 {
	margin: 0px;
	padding: 0px;
	color: #dddddd;
	font-size: 1.4em;
}

.bannerbox p {
	margin: 0px;
	margin-top: 0.8em;
	padding: 0px;
	color: #999999;
	font-size: 1.1em;
}

.midheaderbox {
	display: block;
	margin: 20px 0 0 0;
	padding: 15px 30px 10px 30px;
	border: none;
	background-color: #666666;
}

.midheaderbox h2 {
	margin: 0;
	padding: 0;
	font-size: 1.3em;
	color: #ffffff;
}

.midheaderbox p {
	margin-top: 0.4em;
	color: #dddddd;
}

.boxrow {
	display: block;
	margin: 0;
	padding: 30px 0 0 0;
	border: none;
	overflow: hidden;
}

.thirdbox, .halfbox, .twothirdbox {
	float: left;
	display: inline-block;
	width: 280px;
	margin: 0 60px 0 0;
	padding: 0;
	border: none;
	border: none;
}

.halfbox {
	width: 440px;
	margin-right: 80px;
}

.twothirdbox {
	width: 620px;
	margin-right: 60px;
}

.thirdbox h2, .halfbox h2, .twothirdbox h2 {
	margin: 0;
	padding: 0;
	font-size: 1.3em;
	color: #202020;
}

.thirdbox h3, .halfbox h3, .twothirdbox h3 {
	margin: 0;
	padding: 0;
	font-size: 1.1em;
	color: #555555;
}

.thirdbox p, .halfbox p, .twothirdbox p {
	margin-top: 0.7em;
	color: #202020;
}

.last {
	margin-right: 0;
}

input[type=submit] {
	font-weight: bold;
	font-size: 0.9em;
	color: #eeeeee;
	background-color: #555555;
	margin-top: 5px;
	margin-left: 0px;
	padding: 5px;
	border: 1px solid #222;
}

input[type=radio] {
	margin-top: 0.6em;
}

input[type=submit]:hover {
	color: #FFFF00;
	background-color: #000;
}

input[type=text], textarea {
	font-size: 1em;
	font-weight: normal;
	color: #111111;
	background-color: #eeeeee;
	margin-top: 5px;
	padding: 3px;
	border: 1px solid #222;
	width: 175px;
	margin: 0px;
}




/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {
	height: 100%;
}

body > #wrap {
	height: auto; 
	min-height: 100%;
}

#main {
	padding-bottom: 80px;
}  /* must be same height as the footer */

#footercontainer {
	background: #aaaaaa;
	position: relative;
	margin-top: -80px; /* negative value of footer height */
	height: 80px;
	clear:both;
} 

.footer {
	color: #444444;
	font-size: 1.1em;
	line-height: 1.3em;
	position: relative;
	vertical-align: middle;
	width: 960px;
	border: none;
	margin: 0px auto;
	padding: 25px 0px 5px 0px;
}

.footer a:hover {
	background: none;
}

.hidden {
	display: none;
}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */