@charset "UTF-8";

* {
  margin: 0;
  padding: 0;
}

body {
  background:#97b6e2 url(images/bg3.jpg) repeat-x;
  text-align: center;
  font-family: "Times New Roman", Times, serif; color:#224478;
}

#wrapper {
  width: 1128px;
  margin: 0 auto; 
  text-align: left;
  background-color: #fff;
}

#top {
	height: 95px;
	padding: 0;
	margin: 0;
	width: 100%;
background-color:#224478;
	border-bottom:solid 4px #e9b500;
}
#top p {color:#FFF; margin-top:3px; display:block; text-decoration:none;}
#top .logotext {margin-top:5px;color:#cfdef1; text-align:right; display:block; float: right;}

#checklist { float:left; display:inline; text-align:left; margin-top:10px; padding-left:35px; background:#224478 url(images/checklist2010.png) no-repeat; width:629px; height:75px}
.topcontact  {text-align:left; line-height: 22px; font-size: 16px; margin:0px; padding:0px; color:#FFF; font-style: italic; display:inline;}

#logo { width: 1121px; margin: 0 auto; text-align: right; height:95px;}
.logo {border:0; padding-top:0px; display:inline; float:right;}

#header {
	background-image:url(images/header2010.jpg);
	height: 236px;
	margin:0;
	padding:0;
	width:1126px;
}


#content { 
  width: 1128px; 
  float: right; 
background:#FFF url(images/col_bg2010.jpg) top left no-repeat;
border-top: solid 5px #FFF;
  margin:0;
  padding:0;
}
#content2 {
	width: 1128px; 
    float: right; 
	background:#FFF url(images/col_bg2010.jpg) top left no-repeat;
	border-top: solid 5px #FFF;
	margin:0;
    padding:0;
}

#col1 { width: 303px; height:auto; float:left; border-right:solid 0px #224478; }
#colwrap {width:822px; float:right;}
#col2 { width: 500px; float: left; margin-left:10px; margin-bottom:10px;}
#col3 { background: none; width: 310px; float: right; margin-top:15px; padding-bottom:20px; }
#col4 {width: 250px; height: 400px;  background-color:#FFF; border:solid 1px #c7d7f0; color:#224478; margin:10px  0px 10px 30px;}
#loancol, #faqs {width: 788px; float:left; padding:10px 10px 20px 20px;}
#index {width: 450px; display:block; margin:auto; }
#prequal {width: 611px; float:left; padding-left:20px;}
.title {text-decoration:underline; font-size:18px; color:#1863fd; padding: 20px 0 25px 0;}
.mortgage {display:inline; float: right; margin:20px 0 15px 10px;}
.attorney {display:inline; float: right; margin-right:50px;}
.programs {text-decoration:underline;color:#1863fd; margin:20px 0px 20px 0px; font-size:16px;} 
.contact_table  {padding:5px 0 0 0; margin:0;}

/* ------------- FORM --------------*/

#formbg {background-image:url(images/form.jpg); margin:0; height:188px;}
#formbg2 {background-image:url(images/form2.jpg); margin:0px 0 0 11px; height:831px;}
#formbg3 {background-color:#FFF; border: solid 2px #1863fd; margin:0px 0 100px 11px;}

form {margin: 0px 0 0 20px; padding-top: 35px;}
.submit {margin:10px 0 0 40px;}
.submit2 {margin: 10px 0 10px 0px;}
.input {margin:0 0 0 20px;}
.input2 {margin:-10px 0 0 10px;}
.state {width:50px;}

/* ------------- FONTS --------------*/

h1 {
  font-size: 14px;
  font-weight: bold;
  margin: 0 20px 0 20px; 
  font-family:"Times New Roman", Times, serif;
  padding: 10px 0 10px 0;
  color:#224478;
}

h2 {
	text-decoration: underline; 
	font-weight:bold; 
	font-size:16px; 
	color:#224478; 
	padding: 5px 0 5px 20px;}

h3 {text-decoration: underline; 
	font-size:16px; 
	color:#1863fd; 
	padding: 30px 0 10px 20px;
}
	
p {
	font-size:14px;
	font-family: "Times New Roman", Times, serif;
	color:#224478;
	margin: 0 20px 0 20px;
	text-align:left;
}


a {text-decoration:none;}
a:hover {text-decoration:underline;}
a.h1link {font-family: "Times New Roman", Times, serif; color:#224478;}

#col1 p {color:#FFFFFF;}
#col4 p {color:#224478; padding: 0 2px 8px 2px; font-size:12px; margin-top:10px;}

#col1 h1 {color:#ffc600;}
#col3 h1 {margin: 0; padding-left: 10px;}
#col4 h1 {color:#fec104; text-decoration:underline; text-align:center;}

#col2 a {color:#224478; font-weight:bold;}
#col2 a:hover {color:#ffc600; text-decoration:underline;}
#col4 a {color:#224478; font-weight:bold;}

li.faq {font-weight:bold;}
#faqs p {margin:0; font-weight:normal;}
li.answer {font-weight:normal; list-style:none; padding-bottom:15px;}


#col2 li {font-size:14px;
	font-family: "Times New Roman", Times, serif;
	color:#224478;
	margin: 0 20px 0 40px;
	text-align:justify;}

.col1 {padding: 15px 27px 0 27px;}
.col2 {padding: 15px 27px 0 25px;}
.faqs {margin-left: 35px; font-size:14px; }

.loanmod {
	font-size:14px;
	font-family: "Times New Roman", Times, serif;
	color:#224478;
}

ul.services {font-size:14px;
	font-family: "Times New Roman", Times, serif;
	color:#224478;
	margin: 0 20px 0 50px;
	line-height:20px;}

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

.menu { background:#487cc4;font-family: arial, sans-serif; width:1117px; height:40px; position:relative; font-size:12px; z-index:100; margin:0px 0px 0 5px;  
}
.menu ul li a, .menu ul li a:visited { text-decoration:none; color:#000; margin-left:50px; padding:10px 5px 10px 5px; text-align:center; color:#fff; background:#487cc4;  font-size:12px; overflow:hidden; }
.menu ul {padding-top:15px; margin:0px; list-style: none;}
.menu ul li {float:left; position:relative; }
.menu ul li ul {display: none;}

li.li2 {width: 105px;}
li.li3 {width: 219px;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#ffc600; background:#5c92e2; padding-top:14px;}
.menu ul li:hover ul {display:block; position:absolute; top:11px;}
.menu ul li:hover ul li a.hide {background:#224478; color:#fff;}
.menu ul li:hover ul li:hover a.hide {background:#5c92e2; color:#ffc600;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#224478; color:#fff;}
.menu ul li:hover ul li a:hover {background:#5c92e2; color:#ffc600;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}


/* ------------- SCROLLER --------------*/

#testimonials {background-image:url(images/testimonials.png); width:292px; height: 313px; margin-top:20px;}

#scroll{
	width: 290px;
	padding: 3px;
} 

#pscroller1{
	width: 200px;
	height: 150px;
	margin: 0px 0 0 30px;
	padding: 0px;
	color: #224478;
	background-color: transparent;
	font-size:12px;
	font-weight: normal;
	font-family:"Times New Roman", Times, serif;
	font-size: 14px;
}

#pscroller1.class{
	top: 50px; left: 0px;
	padding: 5px;
	font-size: 14px;
}


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

#footer {
  height: 42px;
	padding: 0;
	margin: 5px 0 0 0;
	width: 100%;
	background-image: url(images/footer.gif);
	clear: both;
}
#footer p {color:#bfb094; text-align:center; padding: 10px;}
.footlink {color:#bfb094; text-decoration:none;}



/* ------------- DROP-IN BOX --------------*/

#dropinboxv2cover{
width: 330px; 
position:absolute; 
z-index: 100;
overflow:hidden;
visibility: hidden;
}

#dropinboxv2{
width: 326;
border: 2px solid #224478; 
border-top: none;
background-color: #FFF;
padding: 0px;
position:absolute; 
right: 0;
top: 0px;
}