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

body {
	margin:0;
	padding:0;
	background-color:#545454;
	font-family:Arial, Helvetica, sans-serif;
}

h1 {font-size:1.8em;}

a:link, a:visited{
	color:#4d98ce;
	text-decoration:underline;
}
a:hover, a:active{
	color:#fff;
	background-color:#4d98ce;
	text-decoration:none;
}
p {margin:0 0 10px 0; padding:0;}
.clear{clear:both;}
.a{color:#4489b8;}
.v{color:#ff9c00;}
.i{color:#124062;}
.d{color:#4c96cc;}

.top_links {text-align:right; padding-right:20px;}
.top_links a:link{color:#999999; text-decoration:none; padding:0 5px; font-size:14px;}
.top_links a:visited{color:#999999; text-decoration:none; padding:0 5px; font-size:14px;}
.top_links a:hover{color:#FFF; background-color:#4d98ce; text-decoration:none; padding:0 5px; font-size:14px;}


/*** Contact Us Page Styles ***/
#contact_us{
	font-family:Arial, Helvetica, sans-serif;
}
#contact_us .contact_name, #contact_us .contact_email, #contact_us .contact_subject, #contact_us .contact_message,#contact_us .contact_submit{
	padding:0 0 10px 0;
}
#contact_us h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:bold;
	padding-left: 35px;
}
#contact_us .map_code td {
	padding:10px 0;
}
#contact_us label input, #contact_us select{
	float:left;
}
a.map_it:link, a.map_it:visited, a.map_it:active{
	color:#999999; 
	text-decoration:underline; 
	padding:0 5px;
	margin-bottom:10px;
}
a.map_it:hover{
	color:#FFF; 
	text-decoration:none; 
	padding:0 5px;
	background-color:#4d98ce;
}
a.map_img_link, img.map_img {background:none; border:none; margin:0; padding:0;}
/*** End Contact Us Page Styles ***/

/*** Newsletter signup modal box ***/
form,fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
#newsletterform{
	float:left;
	width:375px;
}
#newsletterform h4 { font-size:13px; margin:0; padding:0;}
#newsletterform .newsletter-form-holder{
	margin:10px 0 0 0;
	padding:0;
	list-style:none;
	width:296px;
	overflow:hidden;
}
#newsletterform .newsletter-form-holder li{
	float:left;
	width:160px;
}
#newsletterform .newsletter-form-holder li ul{
	margin:0;
	padding:0;
	list-style:none;
}
#newsletterform .newsletter-form-holder li ul li{
	padding:0 0 2px;
}
#newsletterform label{
	color:#000000;
	font:13px/14px Tahoma, Verdana, sans-serif;
}
#newsletterform .input-text{
	float:left;
	border:1px solid #999999;
	width:160px;
	padding:1px 3px;
	font:13px/14px Arial, Verdana, sans-serif;
}
/*** End Newsletter signup modal box ***/

/*** Interest Page ONLY ***/
#interest_rates {margin:20px;}
#interest_rates h2, #interest_rates h4{ color:#333;}
#interest_rates h2{font-size:19px; font-weight:bold; margin:5px 0px;}
#interest_rates h4{font-size:13px;font-weight:normal;}
#rate_feed a:link, #rate_feed a:visited {
	color:#666;
}
#rate_feed a:hover {
	color:#666;
	background:none;
	text-decoration:underline;
}

#rate_feed {
	background:#FFFFFF;
	color:#333333;
	margin:0 auto;
}
#interest_rates .top_row th{
	border-bottom:1px solid #ccc;
	padding:5px;
	font-weight:bold;
}
#interest_rates .th1{ width: 25%; text-align:left;}
#interest_rates .th2{ width: 15%; text-align:left;}
#interest_rates .th3{ width: 10%; text-align:left;}
#interest_rates .th4{ width: 20%; text-align:left;}
#interest_rates .th5{ width: 30%; text-align:center;}

#rate_feed td {
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:4px 2px;
}
#rate_feed .td2, #rate_feed .td4 {
	border-left:none;
	border-right:none;
}
#rate_feed .td4, #rate_feed .td5 {text-align:center;}
tr.ratealt td{background-color:#FFFFFF;}
tr.ratealt2 td{background-color:#f0f0f0;}
/*** END Interest Rates Page Styles ***/


/* This applies only to the calculators */
#calc_links_area ul {
	list-style: none;
	margin: 10px 0 0 60px;
	padding: 0;
}
#calc_links_area ul li {
	list-style-image:url("../../images/calculator.gif");
	padding-top:3px;
}
.pop_calcs {margin-top:6px; padding-right:3px;}
#calcs_view_more{float:right;}
/* End Calculators Styles */

/* the following is for the application login page */
#app_login_page{padding-left:30px; padding-bottom:30px;}
#app_login_page ul{list-style:none; margin:0;padding:0;}
#app_login_page ul li{margin-top:15px;}
#app_login_page ul li ul li{margin:0 0 0 5px;}
.app_icons{margin-right:6px;}
#app_login_page a:link, #app_login_page a:visited{font-size:1.3em; padding:0 4px;}
#app_login_page a:hover, #app_login_page a:active{font-size:1.3em; padding:0 4px;}
#app_return_login{width:400px; margin: 0 auto;}
#app_return_login2{width:495px; margin: 0 auto;}
/* End App login styles */
/* Full App Styles */
#content1{width: 700px; padding-top: 10px; margin-left:13px;}
#application_login{width:495px; margin-left:20px;}
#full_app_header{width:700px; background:#767676 url(../../mortgage/images/app_head_bg_right.gif) right top no-repeat;}
.app_top_img{float:left;}
#full_app_header ul{list-style:none; margin:0; padding:0; float:right;}
#full_app_header ul li{float:left;}
#full_app_header ul li a:link, #full_app_header ul li a:visited, #full_app_header ul li a:hover{background:none; padding:0;}
img.app_image{margin-top:4px; border:none; margin-right:3px;}
.information_content, .property_information {margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:.9em;}
.information_content td{height:30px;}
/* End Full App Styles */

/* End Short App Styles */
#short_app_content{width:700px; padding-top:10px; margin-left:13px; font-family:Arial, Helvetica, sans-serif; font-size:.9em;}
.short_app_hd{margin-top:10px;}
.short_app_submit{margin-top:10px; padding-right:5px;}
/* End Short App Styles */

#body_container{
	width:780px;
	margin:0 auto;
}
#header{
	background:#545454 url(image/d1_c1_top.jpg) top center no-repeat;
	height:141px;
}
#logo{padding-left:54px; float:left; font-size:1.3em;}
#top_links{float:right;margin-right:30px; color:#FFF;}

/*-----------Begin CSS Drop Down Menu-----------*/

#menu_bar {
	height:43px;
	padding-left:24px;
	margin-left:1px;
	background:url(image/d1_c1_menu_bg.jpg) top no-repeat;
}

/* Begin CSS Popout Menu */

#menu{
width:100%;
float:left;
}

#menu a, #menu h2{
font: 16px/16px arial,helvetica,sans-serif;
display:block;
margin:0;
/*padding:13px 0 14px 0;*/
text-align:center;
}

#menu h2{
color:#fff;
padding:13px 0 14px 0;
}

#menu a{
text-decoration:none;
}

#menu ul li ul li a{
background:#eee;
text-decoration:none;
padding:7px;
}

#menu a, #menu a:visited{
color:#000;
}

#menu a:hover{
color:#000;
}

#menu ul li ul li a:hover{
color:#000;
background:#ddd;
}

#menu a:active{
color:#060;
}

#menu ul{
list-style:none;
margin:0;
padding:0;
float:left;
width:146px;
}

#menu ul li ul{
list-style:none;
margin:0;
padding:0;
float:left;
width:220px;
}


#menu li{
position:relative;
}

#menu ul ul{
position:absolute;
z-index:500;
top:auto;
display:none;
}

#menu ul ul ul{
top:0;
left:100%;
}

/* Begin non-anchor hover selectors */

/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */

div#menu h2:hover{
/*background:#000;*/
}

div#menu li:hover{
cursor:pointer;
z-index:100;
}

div#menu li:hover ul ul,
div#menu li li:hover ul ul,
div#menu li li li:hover ul ul,
div#menu li li li li:hover ul ul
{display:none;}

div#menu li:hover ul,
div#menu li li:hover ul,
div#menu li li li:hover ul,
div#menu li li li li:hover ul
{display:block;}

/* End of non-anchor hover selectors */

/* Styling for Expand */

#menu a.x, #menu a.x:visited{
font-weight:bold;
color:#000;
background:#eee;
}

#menu a.x:hover{
color:#a00;
background:#ddd;
}

#menu a.x:active{
color:#060;
background:#ccc;
}
/* End CSS Popout Menu */

#body_content{
	position:relative;
	width:730px;
	margin:0 auto;
	background-color:#ffffff;
	padding:10px 5px;
}
#r_col{
	width:230px;
	float:right;
}
/* The box style */
#rcol_box{background: url(image/d1_boxtop_bg.gif) no-repeat top left; padding-top:6px;}
#box_content{background: url(image/d1_c1_box_bg.gif) repeat-y; padding:4px 0 10px 25px;}
#box_bot{background: url(image/d1_boxbot_bg.gif) no-repeat; height:6px;}
/* End Box Style */
#contact_info{
	color:#4d98ce;
	font-size:14px;
}
.name{font-size:1.5em; color:#396585;}
.photo{margin-right:4px;margin-top:3px; text-align:center;}
#email_link {
	clear:both;
	padding-top:10px;
	text-align:center;
	width:199px;
}
#email_link a:link, #email_link a:visited{
	font-size:14px;
	color:#4d98ce;
}
#email_link a:hover{
	font-size:14px;
	color:#fff;
	background-color:#4d98ce;
}
#mission_statement{
	margin-top:10px;
	font-style:italic;
	font-size:14px;
}
.rate_txt{color:#396585; font-size:1.3em;}
.rate_table {
	height: 102px;
	width: 197px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .6em;
	color: #000000;
	text-decoration: none;
	margin-top:10px;
}
.rate_disc{
	color:#CCCCCC;
}
#r_image{
	width:490px;
	padding-top:6px;
	float:left;
}

#body_text{
	position:relative;
	width:490px;
	padding:10px 3px;
	float:left;
	font-size:.8em;
}
#wizard_links{position:relative; width:490px;}
#wiz1{position:relative; float:left; width:242px;}
#wiz2{position:relative; float:right; width:241px;}
#newsletter{width:740px; background-color:#FFFFFF; margin-left:20px;}
#sub_newsletter{width:740px; background-color:#FFFFFF; margin-left:20px; text-align:center;}


#footer{
	background: url(image/d1_c1_footbg.gif) top repeat-x;
	width:740px;
	margin:0 auto;
	color:#999999;
	font-size:14px;
	position:relative;
}
#footer_menu{position:relative; height:32px; text-align:center; padding-top:12px;}
#copyright{text-align:right; padding-right:4px; position:relative;}
#footer_info{margin-top:6px;}

#footer_logos{float:right; margin-top:6px;}
#footer_logos a:link, #copyright a:link{color:#999999; text-decoration:none;}
#footer_logos a:visited, #copyright a:visited{color:#999999; text-decoration:none;}
#footer_logos a:hover, #copyright a:hover{color:#FFF; background:none; text-decoration:underline;}