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

* {margin:0;padding:0}
html,body
{
	height:100%;
	background-color: #f2f3f4;
	color: #313131;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

#headerWrapper {
	height: 0; 
	overflow: visible;
}

#pageWrapper{
	width: 100%;
	height: 100%;
}

#wrapper{
	width: 100%;
	height:100%;
	display:table;
	vertical-align:middle;
}
#outer{
	display:table-cell;
	vertical-align:middle;
}
#formwrap{
	position:relative;
	width: 960px;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
}
#introDiv{
	width: 960px;
	height: 582px;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	margin-top: 98px;
	margin-bottom: 70px;
	position:relative;
	text-align: center;
}

#legalDiv {
	width: 940px;
	min-height: 540px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 98px;
	margin-bottom: 70px;
	position:relative;
	background-color: #ffffff;
	padding: 10px;
	padding-top: 14px;
	text-align: left;
	position:relative;
	display: block;
}

#contentHeader {
	margin-top: 1px;
	margin-bottom: 10px;
	clear: both;
}

#scrollContainer {
	border: solid 3px #f2f3f4;
	margin: 0;
	padding: 0;
}

#scrollContainerNoBorder {
	margin: 0;
	padding: 0;
}

#scrollingContent {
	margin-top: 28px;
	margin-bottom: 28px;
	margin-left: 76px;
	margin-right: 28px;
	height: 468px;
	padding-right: 15px;
	text-align: left;
	color: #313131;
	font-size: 13px;
	overflow: auto;
}

.scroll-pane {
	width: 830px;
	height: 468px;
	overflow: auto;
	background: #ffffff;
	float: left;
}

.scrollHolder {
	margin-top: 28px; margin-bottom: 28px; margin-left: 76px; margin-right: 28px; height: 468px; padding-right: 15px; text-align: left; color: #313131; font-size: 13px overflow: auto;
}

#fxdiv {
	margin: auto;
	width: 211px;
	margin-bottom: 30px;
}

#formicadiv {
	margin: auto;
	width: 65px;
	margin-top: 40px;
}

/* MAP OVERLAY STYLES */

	.mapButtonRestart {
		position: absolute; 
		top: 50px; 
		left: 498px;
	}
	
	.mapButtonList {
		position: absolute; 
		top: 50px; 
		left: 592px;
	}


/* CONTACT FORM */

	.formRow {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #78808b;
	}
	
	.formLabelCol1 {
		text-align: right;
		vertical-align:: middle;
		padding-right: 20px;
		padding-bottom: 14px;
	}
	
	.formLabelCol2 {
		text-align: right;
		vertical-align:: middle;
		padding-right: 20px;
		padding-bottom: 14px;
	}
	
	.formInputCol1 {
		min-width: 270px;
		vertical-align:: middle;
		padding-bottom: 14px;
		padding-right: 30px;
	}
	
	.formInputCol2 {
		min-width: 270px;
		vertical-align:: middle;
		padding-bottom: 14px;
	}
	
	.formInputSingle {
		width: 100%;
		border: 1px solid #e4e6e9;
		min-height: 21px;
	}
	
	.formList {
		width: 100%;
	}
	
	.formMulti {
		width: 100%;
		height: 100%;
		resize: none;
		border: 1px solid #e4e6e9;
	}
	
	.formRow a {
		font-weight: bolder;
		color: #d42b1e;
		font-size: 13px;
		text-decoration: none;
	}
	
	.formRow a:visited {
		font-weight: bolder;
		color: #d42b1e;
		font-size: 13px;
		text-decoration: none;
	}
	
	.formRow a:hover {
		color: #78808b;
	}

/* FOOTER */

	#footerWrapper {
		width: 100%;
		height: 0;
		overflow: visible;
	}
	
	#footer {
		position: absolute;
		margin-top: -50px;
		width: 100%;
		height: 50px; 
		background-color: #ffffff; 
	}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

.clearfix {display: inline-block;}  /* for IE/Mac */

<!--[if lt IE 8]>
#formwrap {top:50%}
#featuredDiv{top:-50%;}
<![endif]-->
<!--[if IE 7]>
#wrapper{
position:relative;
overflow:hidden;
}
<![endif]-->

<!--[if IE]>
 .clearfix {
    zoom: 1;     /* triggers hasLayout */
    display: block;     /* resets display for IE/Win */
    }  /* Only IE can see inside the conditional comment
    and read this CSS rule. Don't ever use a normal HTML
    comment inside the CC or it will close prematurely. */
<![endif]-->