*{
  margin:0;
  padding:0;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}
body, html{
  margin:0;
  padding:0;
  background:#e7e7e7;
  text-align:center;
  margin-bottom:10px;
}

a{color:#87B220;text-decoration:underline;}
a:hover{color:#717171;text-decoration:none;}

/* ----- IDS ----- */

#container{
  width:780px;
  margin:8px auto;
  padding:0;
  background:#fff;
  text-align:left;
}

/* ----- HEADER ----- */

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

.subContainer, #navigation ul{
  width:780px;
  margin:0 auto;    
}
#header{
  text-align:left;
  margin:0;
  padding:10px 0 0 0;
  height:75px;
  background:#87b220;
}
#banner{
  margin:0;
  padding:0;
  padding-bottom:5px;
  background:#e7e7e7;
}

/* ----- NAVIGATION ----- */

#navigation{
  margin:0;
  padding:0;
  background:#7fa71f;
  height:24px;
  list-style:none;
}
#navigation li{
  float:left;
  clear:none;
  list-style:none;
}
#navigation li a{
  color:#fff;
  display:block;
  font-size:12px;
  text-decoration:none;
  font-weight:bold;
  padding:10px 18px;
}
#navigation li a:hover{
  color:#fff;
  background:#739B1F;
}

#active a{background:url('../images/nav_bg.gif');}

/* ----- HEADINGS ----- */

h1{
  font-size:18px;
  margin:0 0 6px 0;
}
h2{
  font-size:15px;
  margin:0 0 6px 0;
}
h3{
  font-size:14px;
  margin:12px 0 5px 0;
}

/* ----- PARAGRAPHS ----- */

p{
  color:#043f4a;
  font-size:11px;    
  line-height:17px;
  margin:0 0 15px 0;
}

/* ----- FORMS ----- */

input.ffield, textarea{
  background-color: #FFF;
  color: #000;
  border: 1px solid #bbb;
  font-size: 11px;
  padding: 3px;
}
.submit{
  padding:5px;
  margin:12px 0 0 0;
  width:220px;
  font-family: Verdana, Arial;
  font-weight: bold;
  cursor: default;
}
.quotesub {
  padding:3px 10px;
  margin:5px 0;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  cursor: default;
}
.aligncenter { text-align:center; margin-top:20px;}

/* FORM */
#form {background:#f2f7df; width:290px; padding:0; margin:0 0 15px 0;}

.formhead {
  background:#cadf89;
  color:#333;
  margin-bottom:10px;
  padding:4px 0 3px 10px;
  font-weight:bold;
  font-size:14px;
  font-family:arial, verdana;
}
select, option {
  font-family:arial, verdana;
  font-size:13px;
}
select.wide {
  width:138px;  
}
input.wide {
  width:135px;
}

fieldset {
margin:0 0 5px 0;
padding:0;
border-style:none;
}  
fieldset ul {
padding:0;
list-style:none;
}  
fieldset li {
padding-bottom:6px;  
}  
label {
float:left;
width:135px;
margin-right:8px;
text-align:right;
color:#333;
font-family:arial, verdana;
font-size:13px;
font-weight:bold;
}
.star {color:#ff0000;font-weight:bold;font-size:14px;}

/* ----- IMAGES ----- */

img{border:0;}
img a{border:0;text-decoration:none;}
img a:hover{border:none;}

/* ----- CONTENT ----- */

#content{
  padding:10px 15px;
  font-size:11px;
  float:left;
  clear:none; 
}
#loanform{
  width:760px;
  padding:10px 10px;
  background:#f5f5f5;
  font-size:11px;
  float:left;
  clear:none;
}
#frontleft{
  float:left;
  width:320px;
}
#frontright{
  float:right;
  width:400px;
  background:#fefefe;
}
#step2left{
  float:left;
  width:320px;
  margin-right:20px;
  background:#fefefe;
}
#step2right{
  float:left;
  width:400px;
  padding:10px;
  background:#fefefe;
}
#stepfinal{
  float:left;
  width:720px;
  padding:10px;
  background:#fefefe;
}

/* ----- FOOTER ----- */

#footer{
  margin:0 auto;
  margin-bottom:10px;
  height:10px;
  padding:8px 12px;
  clear:both;
  width:756px;
  text-align:left;
  font-size:10px;
  color:#484848;
  background:#f4f4f4;
}
#footer ul{
  list-style:none;    
}
#footer li{
  list-style:none;
  display:inline;    
}
#footer #copyright{
  float:left;
  clear:none;
}
#footer #links{
  float:right;
  clear:none;
}
#footer a{
  color:#606060;
  text-decoration:none;
}
#footer a:hover{
  color:#ccc;
  text-decoration:underline;
}

/* ----- CLASSES ----- */

.clear{clear:both;}