/* CSS Document */

body {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#000000;
}
img {
	vertical-align:bottom;
}
form {
	margin: 10px 10px 10px 10px;
}
.page-wrap {
	display:block;
	clear:left;
	width:793px;
	margin: auto; 
	height: auto;
	text-align: left;
}
.header-wrap {
	clear: right;
	width:793px;
	height:59px;
	display:block;
	position:relative;
}
.header-left {
	float:left;
	width:400px;
	display:block;
	position:relative;
}
.header-right {
	float:right;
	width:380px;
	display:block;
	position:relative;
}
.navigation-wrap {
	display:block;
	clear:both;
	padding: 3px 0px 3px 0px;
	text-align:center;
}
.content-area-wrap {
	display:block;
	clear:both;
	position:relative;
}
.content-column-left {
	float:left;
	width:400px;
	display:block;
	position:relative;
}
.content-column-inner-left {
	float:left;
	width:200px;
	display:block;
	position:relative;
}
.content-column-inner-right {
	float:right;
	width:200px;
	display:block;
	position:relative;
}
.content-column-right {
	float:right;
	width:380px;
	display:block;
	position:relative;
}
.content-2column {
	display:block;
	clear:both;
}
.form-2column {
	display:block;
	clear:both;
}
.footer-wrap {
	display:block;
	clear:both;
	padding: 10px 0px 10px 0px;
	text-align:center;
	font-family:Verdana, Arial;
	font-size:0.65em;
	color: #000000;
}
.footer-wrap a:link, .footer-wrap a:visited, .footer-wrap a:hover {
	color: #000000;
}
.box-style1 {
	display:block;
	clear:left;
}
.box-style1-top {
	clear:left;
	height:5px;
}
.box-style1-bottom {
	clear:left;
	height:8px;
}
.box-style2 {
	display:block;
	clear:left;
	background-color:#CCCCCC;
}
.box-style2-top {
	clear:left;
	height:5px;
}
.box-style2-bottom {
	clear:left;
	height:5px;
}
div.step-box {
	display:block; 
	clear:both; 
	text-align:left; 
}
div.step-box h5 {
	padding:0px 0px 0px 0px; 
	margin:0px 0px 0px 0px; 
	font-weight: bold; 
	vertical-align:top; 
}
.list-box {
	display:block; 
	clear:both; 
	text-align:left;
}
.leftlist {
	display:block; 
	width:50%; 
	float:left;
}
.rightlist {
	display:block; 
	width:49%; 
	float:right;
}

/* TEXT STYLES */
a { 
	text-decoration: none;
}
a:link {}
a:visited {}
a:hover {
	text-decoration:underline;
}
ul, ol {
	padding:0px 0px 0px 0px; 
	margin:0px 0px 0px 0px;
}
h1, h2, p, br,  .text-content-note, text-navigation-header, text-navigation-content {
	clear:left;
	display:block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5 h6{
	font-size:1em;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}
p {
	font-size:1em;
	font-weight:normal;
	margin-bottom:1em;
}
ul {
	margin-bottom:1em;
}
li {
	font-size:1em;
	font-weight:normal;
}
.text-content-note {
	font-size:1em;
	font-weight:bold;
}
.text-navigation-header {
	font-size:1em;
}
a.text-navigation-header:link {}
a.text-navigation-header:visited {}
a.text-navigation-header:hover {}
.text-navigation-content {
	font-size:1em;
}
a.text-navigation-content:link {}
a.text-navigation-content:visited {}
a.text-navigation-content:hover {}
.text-navigation-footer {
	font-size:1em;
}
a.text-navigation-footer:link {}
a.text-navigation-footer:visited {}
a.text-navigation-footer:hover {}
	
/* ERROR HANDLE */
/* clearfix */
.clearfix, .field-group:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix, * html .field-group {
	height: 1%;
}
.clearfix .field-group {
	display: block;
}
/* End hide from IE-mac */

/* Firefox baseline fix for images in header */
.headerImageFix {
	vertical-align:bottom; 
	position:absolute; 
	bottom: 0px; 
	left:0px;
}

/* Form stuff */

/*
	Each container can have one or more labels and one or more fields.
	.field-container-...
		text, select, checkbox: one field and one label.
		radio: one span with a class of generic-label, and fields and labels for each option
		label: can either be a single span with a class of generic-label, or that plus any number of
		       other fields and labels (for example, a phone number field that has three inputs)
*/
.button {
	text-align:center;
}
.field-container-text label, .field-container-text input, .field-container-select label, .field-container-select select, .generic-label {
	width: 100%;
	display: block;
}
.field-container {
	margin: 0.5em 0 0 0;
	padding-left: 0;
	padding-right: 0;
}
/* inputs and select don't inherit font sizes. This will make it so they do. font-size: inherit doesn't work in IE. */
.field-group input, .field-group select {
	font-size: 1em;
}
/* In standards mode, the borders of inputs are taken into account when calculating the box model. So 100% width will end up displaying
100% + 2px (left border) + 2px (right border) wide. This doesn't apply to selects for some reason, so things don't line up. */
.field-group input, .field-group textarea, .field-group select {
	/* opera 9.5+ */
	box-sizing: border-box !important;
	/* gecko */
	-moz-box-sizing: border-box;
	/* ie is handled in conditional comments */
}
.column-1 {
	clear: left;
}
.one-column-horizontal .field-container-text label, .one-column-horizontal .field-container-select label, .one-column-horizontal .generic-label {
	float: left;
	width: 35%;
}
.one-column-horizontal .field-container-text input, .one-column-horizontal .field-container-select select {
	float: left;
	width: 60%;
}
.one-column-horizontal .field-container {
	clear: left;
	padding-top: 0.5em;
}
.two-column-vertical .field-container, .three-column-vertical .field-container {
	float: left;
	padding-right: 4%;
}
/* make checkboxes a bit lower */
.two-column-vertical .field-container-checkbox, .three-column-vertical .field-container-checkbox {
	padding-top: 1em;
}
/* widths per column. ie6 gets other widths defined in conditional comments */
.one-column-vertical .field-container {
	width: 95%;
}
.two-column-vertical .field-container {
	width: 45%;
}
.two-column-vertical .field-container.span-2 {
	width: 95%;
}
.three-column-vertical .field-container {
	width: 29%;
}
.three-column-vertical .field-container.span-2 {
	width: 62%;
}
.three-column-vertical .field-container.span-3 {
	width: 95%;
}
.error {
	clear: both;
	display: block;
	font-size: smaller;
}
/* clearfix */
.clearfix, .field-group:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix, * html .field-group {
	height: 1%;
}
.clearfix .field-group {
	display: block;
}
/* End hide from IE-mac */