@charset "utf-8";
/* CSS Document */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/* General */
html {height:100%; }
body {margin:0px; background-color:#677983; margin:auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000;}
div {border-width:0px; margin:0px; padding:0px;}
img {border-width:0px;}
.right_img{ margin-top:2px; margin-bottom:20px; margin-left:66px;}

table {padding:0px; border-collapse:collapse; margin:0px;}
td {padding:0px;  vertical-align:top;}
ul {margin-top: 0; margin-bottom:0;}
form {margin:auto; text-align:center;}
h1 {font-size:16px; font-family:Arial, Helvetica, sans-serif; color:#262449; padding:0px; margin-top:15px; margin-bottom:10px; }
h2 {font-weight:bold; font-size:12px; margin-bottom:0px;}
h3 {color:#ffffff; font-size:24px; margin-bottom:15px; margin-top:25px;}
a {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#636363; text-decoration:underline;}
a:hover{color:#000000;}
p {margin-top:0; margin-bottom:0.85em; text-align:justify;}
.errmsg {font-weight:bolder; color:#FF0000;}
.img_text{font-weight:bold; font-size:12px; color:#ffffff;}


/* Page layout */
#container {text-align:center; width:1024px; height:100%; margin:auto; }
#page{width:1024px; margin:auto; padding-top:14px;  background-image:url(../images/bg_border.jpg);}

/* Main Content Area */
#header {width:960px; height:200px; background:url(../images/header.jpg) no-repeat; margin:auto; }
#head_text{float:right; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#ffffff; font-weight:bolder; margin:7px 7px 0px 0px; }
#menu{float:right; width:520px; height:20px; margin-top:146px; margin-left:460px; color:#bfc7ca; font-size:17px;}
#menu a{font:14px Arial, Helvetica, sans-serif; font-weight:bold; color:#ffffff; text-decoration:none; width:93px; height:28px;}
#menu a:hover{color:#AFB8BD;}
#main {width:960px; margin:auto; padding-top:20px; text-align:justify; line-height:18px; min-height:310px; height:auto !important; height:310px;}
#left {float:left; position:static; width:560px; line-height:22px; margin-bottom:20px; }
#right{float:left; width:200px;}
#lower{clear:both; width:960px; padding-top:30px; text-align:center; font-weight:bold; }
#error_box{margin-left:130px;}
#mortgage{float:left; padding-left:120px; padding-right:16px; margin-top:20px; height:177px; width:175px; background-image:url(../images/mortgage_image.jpg);}
#loan{float:left; padding-left:120px; padding-right:16px; margin-top:20px; height:177px; width:175px; margin-right:13px; margin-left:13px; background-image:url(../images/loan_image.jpg);}
#insurance{float:left; padding-left:120px; padding-right:16px; margin-top:20px; height:177px; width:175px; background-image:url(../images/insurance_image.jpg);}

/* Footer */
#guide_contain{width:100%; height:20px; clear:both; margin:auto;}
#guide{padding:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff;}
#guide a{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; font-weight:bold; text-decoration:none;}
#guide a:hover{color:#AFB8BD;}
#footer {clear:both; margin:20px; font-size:12px; color:#9e9e9e;}
.conceptia {font-size:12px; color:#9e9e9e; font-weight:normal; text-decoration:none;}
.conceptia a:hover{text-decoration:none; color:#ffffff;}

/* Forms */
table.formtable {width:300px; margin:auto;}
table.formtable td {padding:3px;}
.formlabel {text-align:left; font-weight:bolder; font-style:italic; vertical-align:top;}
.formitem {width:275px;}
.formitemlong {width:550px;}
.formitemshort {width:75px;}
form textarea {font-family:Arial, Helvetica, sans-serif;font-size:1em;}