* { margin:0; padding:0; }

body {
	font:0.8em Arial, Helvetica, sans-serif;
	background:#fff0af url(../images/bg_body.gif) top center repeat-x;
	color: #1a3b74;
	}

h1 {
	font-size:18px;
	color:#1a3b74;
	padding:0 0 5px 8px;
	border-bottom:1px dotted #1a3b74;
	margin-bottom:5px;
	}

#center_col h2 {
	font-size:14px;
	padding:0 0 5px 8px;
	}

p {
	line-height:1.5em;
	margin-bottom:15px;
	}

img { border:0; }

a { position: relative; }

small { font-size:0.85em; }

hr {
	border:0;
  	width:90%;
	color:#1a3b74;
	background-color:#1a3b74;
	height:1px;
	text-align:center;
}

hr.dotted { border:5px dotted #1a3b74; width:100%; }

select { position:relative; }

#container {
	width:947px;
	background:url(../images/bg_container.gif) top center repeat-y;
	margin:0 auto;
	padding:0 10px;
	text-align: left;
	}

#header {
	background:url(../images/bg_logo.jpg) top center no-repeat;
	}

#logo {
	float:left;
	width:200px;
	height:97px;
	}

#logo a {
	display:block;
	width:200px;
	height:97px;
	}

#logo a span {
	display:none;
	}

#logo h1 {
	border:none;
	padding:0;
	margin:0;
}

#main_menu {
	background: url(../images/bg_main_menu.gif) top center no-repeat;
	width:947px;
	height: 51px;
	position: relative;
	text-align:left;
	}

#main_menu li {
	list-style:none;
	position:absolute;
	display: block;
	height: 51px;
	}

#main_menu li a {
	height:51px;
	display: block;
	}
	
#main_menu span {
	display:none;
	}

#main_menu .li1 { width:151px; left:23px; }
#main_menu .li2 { width:80px; left:151px; }
#main_menu .li6 { width:150px; left:231px; }
#main_menu .li3 { width:173px; left:381px; }
#main_menu .li4 { width:132px; left:554px; }
#main_menu .li5 { width:93px; left:686px; }

#main_menu .li7 { width:140px; left:779px; }

#main_menu .li1 a:hover, #main_menu .li1 a.selected { background: transparent url(../images/bg_main_menu.gif) -23px -51px no-repeat; }
#main_menu .li2 a:hover, #main_menu .li2 a.selected { background: transparent url(../images/bg_main_menu.gif) -151px -51px no-repeat; }
#main_menu .li6 a:hover, #main_menu .li6 a.selected { background: transparent url(../images/bg_main_menu.gif) -231px -51px no-repeat; }
#main_menu .li3 a:hover, #main_menu .li3 a.selected { background: transparent url(../images/bg_main_menu.gif) -381px -51px no-repeat; }
#main_menu .li4 a:hover, #main_menu .li4 a.selected { background: transparent url(../images/bg_main_menu.gif) -554px -51px no-repeat; }
#main_menu .li5 a:hover, #main_menu .li5 a.selected { background: transparent url(../images/bg_main_menu.gif) -686px -51px no-repeat; }
#main_menu .li7 a:hover, #main_menu .li7 a.selected { background: transparent url(../images/bg_main_menu.gif) -779px -51px no-repeat; }

#sub_container {
	background:#ffffff url(../images/bg_sub_container.gif) top center repeat-y;
	}

#sub_container_no_left_col {
	background:#ffffff url(../images/bg_sub_container_no_left_col.gif) top center repeat-y;
	}

#sub_container.home {
	background:#1a3b74 url(../images/bg_blue_gradient.gif) top center repeat-x;
	}

.home #content {
	background: url(../images/p_home_family.jpg) 275px 0px no-repeat;
	}

#heading {
	float:left;
	width:707px;
	height: 81px;
	background: url(../images/bg_heading.gif) top left no-repeat;
	}

#heading_tall {
	float:left;
	width:687px;
	height:154px;
	padding-right:20px;
	background: url(../images/bg_heading_tall.gif) top left no-repeat;
	}

#heading_tall img { float: left; width:291px; }
#heading_tab { float:right; margin-top:89px; background: url(../images/bg_heading_tab.gif) top center repeat-x; }
#heading_tab_left { background: url(../images/bg_heading_tab_left.gif) top left no-repeat; }
#heading_tab_right { background: url(../images/bg_heading_tab_right.gif) top right no-repeat; }
#heading_tab_content { padding:0 20px; }
#heading_tab_content h2 { font:18px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; line-height:35px; }

#welcome_heading { float:left; width:380px; height:30px; line-height:30px; padding-top:20px; padding-left:20px; }

	#welcome_heading h2 { font-size:18px; float:left; padding-right:5px; }
#page_heading { float:right; width:280px; height:30px; padding-top:20px; padding-right:20px; line-height:30px; text-align:right; }
	#page_heading h2 { font-size:18px; }
#sub_heading { float:left; }
#sub_heading h3 { font:1.1em Arial, Helvetica, sans-serif; font-weight:bold; line-height:30px; padding-left:20px; width:177px; }
#sub_heading_wide, #sub_heading_wide_ex { float:left; }
#sub_heading_wide h3 { font:1.2em Arial, Helvetica, sans-serif; font-weight:bold; line-height:30px; padding-left:30px; width:177px; }
#sub_heading_wide_ex h3 { font:1.2em Arial, Helvetica, sans-serif; font-weight:bold; line-height:30px; padding-left:30px; width:220px; }

#bread_crumbs { font-size:0.75em; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:30px; }
	#bread_crumbs a { text-decoration:none; color:#002b69; }
	#bread_crumbs a:hover { text-decoration:underline; }

#left_col {
	float:left;
	width:174px;
	padding:14px 5px;
	}

#center_col {
	float:left;
	width: 513px;
	padding:24px 0 10px 10px;
	position:relative;
	}

div.mortgage_calculator { width:493px !important; padding-right:20px; }

#center_col ul { margin-left:20px; }

#sub_container_no_left_col #center_col {
	float:left;
	width: 619px;
	padding:24px 0 10px 88px;
	}

#center_col p {
	padding:0 30px 0 8px;
	}

#right_col {
	float: right;
	width: 240px;
	padding-bottom:50px;
	}

.home #content {
	height:488px;
	}

.home #content #left_col {
	float:left;
	width:275px;
	height:550px;
	padding:0 !important;
	margin:0 !important;
	background:url(../images/home/bg_left_col.jpg) top center no-repeat;
	}

.home #content #left_col div {
	width:227px;
	padding:72px 20px 0 28px;
	}

.home #content #left_col p {
	font-size:0.9em;
	color:#ffffff;
	line-height:2.0em;
	margin-bottom:0;
	}

.home #content #center_col {
	width:431px !important;
	height:550px !important;
	padding:0 !important;
	margin:0 !important;
}

.home #content #right_col {
	float:right;
	width:241px;
	}

.home #content #right_col #form {
	width:241px;
	height:130px;
	background:url(../images/home/bg_form.jpg) top center no-repeat;
	}

#top_menu {
	float: right;
	margin-right: 10px;
	margin-top: 70px;
	font-size: 0.9em;
	color: #8A6D69;
	}

#top_menu li {
	display: inline;
}

#top_menu li a {
	color: #8A6D69;
	text-decoration: none;
	padding:3px;
	}

#sub_menu { width:174px; background: url(../images/bg_sub_menu.gif) top center repeat-y; font-size:0.9em; }
#sub_menu_top { height:10px; display:block; background:url(../images/bg_sub_menu_top.gif) top center no-repeat; }
#sub_menu_bottom { height:10px; display:block; background:url(../images/bg_sub_menu_bottom.gif) bottom center no-repeat; }

#sub_menu_list, #sub_menu_list_branch_locator { padding:0px 5px 0px 5px; }
#sub_menu_list li, #sub_menu_list_branch_locator li { list-style:none; line-height:1.5em; z-index:1; }
#sub_menu_list li a, #sub_menu_list_branch_locator a { font-weight:bold; color:#ffffff; text-decoration:none; padding-left:15px; }
#sub_menu_list li a.selected, #sub_menu_list_branch_locator li a.selected { background:url(../images/bg_sub_menu_li.gif) left no-repeat; }
html>body #sub_menu_list li a.selected, html>body #sub_menu_list_branch_locator li a.selected { background-position:-3px 3px; }

#sub_menu_list li a:hover, #sub_menu_list_branch_locator li a:hover { color:#fdda53; }
	
	/*#sub_menu_list li ul { display:none; position:relative; width:120px; margin-left:20px; margin-top:-5px; padding:0px; z-index:100; filter:alpha(Opacity=95); -moz-opacity:.95; opacity:.95; }*/
	#sub_menu_list li ul { position:relative; width:120px; margin-left:23px; padding:0px; z-index:100; filter:alpha(Opacity=95); -moz-opacity:.95; opacity:.95; }
	#sub_menu_list_branch_locator li ul { position:relative; width:120px; margin-left:23px; padding:0px; z-index:100; filter:alpha(Opacity=95); -moz-opacity:.95; opacity:.95; }
	
	/*#sub_menu_list li.li1 ul { display:none; position:relative; width:100px; margin-left:-40px; margin-top:15px; padding-left:0px; padding-top:5px; padding-bottom:5px; z-index:100; filter:alpha(Opacity=95); -moz-opacity:.95; opacity:.95; }
	html>body #sub_menu_list li.li1 ul { margin-left:-45px; margin-top:15px; }
	
	#sub_menu_list li.li2 ul { display:none; position:relative; width:260px; margin-left:-107px; margin-top:15px; padding-left:0px; padding-top:5px; padding-bottom:5px; z-index:100; filter:alpha(Opacity=95); -moz-opacity:.95; opacity:.95; }
	html>body #sub_menu_list li.li2 ul { margin-left:-112px; margin-top:15px; }
	*/
	
	#sub_menu_list li ul li, , #sub_menu_list_branch_locator li ul li { margin:0; padding:0; line-height:15px !important; }
	#sub_menu_list li ul li a, #sub_menu_list_branch_locator li ul li a { font-size:0.95em; color:#ffffff !important; margin:0; padding:0; font-weight:normal; }
	#sub_menu_list li ul li a:hover, #sub_menu_list li ul li a.selected, #sub_menu_list_branch_locator li ul li a:hover, #sub_menu_list_branch_locator li ul li a.selected { color:#fdda53 !important; background:none !important; }
	
	/*
	*:lang(en) #sub_menu li.li1 ul {
		margin-left:30px !important;
		margin-top:0px !important;
	}
	
	*:lang(en) #sub_menu li.li2 ul {
		margin-left:30px !important;
		margin-top:0px !important;
	}
	*/
	
#sub_menu_list li ul li, #sub_menu_list_branch_locator li ul li { line-height:20px; z-index:200; }
#sub_menu_list li:hover ul, #sub_menu_list li.over ul { display:block;  }
#sub_menu_list li ul li a, #sub_menu_list_branch_locator li ul li a { color:#1a3b74; }
#sub_menu_list li ul li a:hover, #sub_menu_list_branch_locator li ul li a:hover { color:#1a3b74; text-decoration:underline; }

#questions, #refinancing { display:block; padding-top:50px; }

h4.loan_info_heading { background:#fcec9e url(../images/bg_loan_info_heading.gif) top right no-repeat; font-size:14px; font-weight:normal; padding:3px; }
.loan_number {  }
.loan_address { }
.loan_info { width:480px; margin:5px 10px 20px 10px; }
.loan_info th { border:none !important; border-bottom:1px dotted #1a3b74 !important; padding-left:0 !important; }
.loan_data { text-align:right; }
.loan_view_details { text-align:right; padding-top:10px; }

#container_wrapper_bottom { margin:0 auto; background:url(../images/bg_footer.gif) top center no-repeat; width:967px; }

#footer { margin:0 auto; width:927px; height:20px; padding:10px 20px 20px 20px; font-size:0.8em; color:#666666; }
#footer_menu { text-align:center; color:#1a3b74; }
	#footer_menu li { display:inline; font-size:1.1em; }
	#footer_menu a { color:#1a3b74; text-decoration:none; padding:3px; }

#registration_form table { width:470px; }
	#registration_form table td { font-size:0.85em; font-weight:bolder; padding:3px; }
		#registration_form table td.label { text-align:right; padding-right:10px; width:150px; }
	#registration_form table input { width:180px; position:relative; }
	#registration_form table input.zip_code { width:56px !important; margin-left:5px; }
	#registration_form table input.loan_number { width:106px !important; }
	#registration_form table input.bday_date { width:40px !important; }
	#registration_form table input.bday_month { width:40px !important; }
	#registration_form table input.bday_year { width:50px !important; }
	#registration_form table input.ssn { width:50px !important; }
	#registration_form table input.register { width:90px !important; height:20px !important; margin-top:20px; }
	#registration_form p { font-size:0.8em; margin:20px 0 20px 15px; }

#my_profile_form { padding-bottom:50px; }
#my_profile_form table { width:400px; }
	#my_profile_form table td { font-size:0.85em; padding:3px; }
		#my_profile_form table td.label { text-align:right; padding-right:10px; width:180px; font-weight:bolder; }
	#my_profile_form table input { width:180px; position:relative; }
	#my_profile_form table input.zip_code { width:56px !important; margin-left:5px; }
	#my_profile_form table input.loan_number { width:106px !important; }
	#my_profile_form table input.bday_date { width:40px !important; }
	#my_profile_form table input.bday_month { width:40px !important; }
	#my_profile_form table input.bday_year { width:50px !important; }
	#my_profile_form table input.ssn { width:50px !important; }
	#my_profile_form div.register { text-align:right; margin-right:50px; }
	#my_profile_form input.register { width:90px !important; height:20px !important; margin-top:20px; }
	#my_profile_form table input.phone1 { width:25px !important; }
	#my_profile_form table input.phone2 { width:25px !important; }
	#my_profile_form table input.phone3 { width:30px !important; }
	#my_profile_form p { font-size:0.8em; margin:20px 0 20px 15px; }
#branch_locator_form table { width:400px; }
	#branch_locator_form table td { font-size:0.85em; padding:3px; height:30px; }
		#branch_locator_form table td.label { text-align:right; padding-right:10px; width:120px; font-weight:bolder; }
	#branch_locator_form table input { width:120px; position:relative; }
	#branch_locator_form table input.state { width:40px !important; }
	#branch_locator_form table input.zip_code { width:56px !important; }
	#branch_locator_form table input.button { width:73px; height:20px; }
	#my_profile_form p { font-size:0.8em; margin:20px 0 20px 15px; }
h1.branch_locator {
	border-bottom:none;
	font-size:18px;
	color:#1a3b74;
	padding:0 0 5px 8px;
	border-top:1px dotted #1a3b74;
	margin-top:15px;
	margin-bottom:5px;
}
/*-- CLASSES --*/

.dialog_box { width:274px; background:url(../images/bg_dialog_box.gif) top center repeat-y; }
	.dialog_box .dialog_box_top_wrapper { background:url(../images/bg_dialog_box_top.gif) top center no-repeat; }
	.dialog_box .dialog_box_bottom_wrapper { background:url(../images/bg_dialog_box_bottom.gif) bottom center no-repeat; }
	.dialog_box .dialog_box_content { padding:11px 8px 10px 8px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; height:180px; }
	.dialog_box .dialog_box_content p { margin:10px 0px 10px 10px; }
	.dialog_box .dialog_box_content input { position:relative; }

.dialog_box_small { width:210px; background:url(../images/bg_dialog_box_small.gif) top center repeat-y; }
	.dialog_box_top_small_wrapper { background:url(../images/bg_dialog_box_top_small.gif) top center no-repeat; }
	.dialog_box_bottom_small_wrapper { background:url(../images/bg_dialog_box_bottom_small.gif) bottom center no-repeat; }
	.dialog_box_content_small { padding:11px 8px 10px 8px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; height:180px; }
	.dialog_box_content_small p { margin:10px 0px 10px 10px; }
	.dialog_box_content_small input { position:relative; }

.red, .red a { color:#cc2229; }

.copy { text-align:center; font-size:1.1em; color:#000000; padding-top:5px; }

#login td { padding:2px; font-size:0.85em; }
#login a { color:#fdd952; }

#site_map { margin-left:20px; margin-bottom:50px; }
#site_map ul { margin-left:20px; }
#site_map li { list-style:none; line-height:1.8em; }

#extraLoanFields { display:none; }
.showExtraLoanFields { display:block !important; }

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}

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

/*11-08-06 Licensing table of data */
table#license_table  {border:1px solid #000; margin-right:12px; border-collapse:collapse;}
table#license_table td, th {border:1px solid #000; padding: 5px}
table#license_table th {background-color:#CCCCCC;}

div#privacy_container {width:490px;}
div#privacy_container ul, ol {padding-left:30px;}

/*11-14-06 Fix for Homepage paragraph */
#left_col p { font-size:1.1em;}

/*Reveal more loan input fields on registration*/
#answer01 {display:none;}

/*11-30-06 Licenses in Branch Locator page*/
div#licenses { color:#ffffff; }
div#branch { font-size:0.9em; color:#000000; padding-left:10px; }
ul#branch_list li { list-style:none; }
ul#branch_list a { font:1.1em; color:#1a3b74; text-decoration:none; }
#print_logo, #print_footer { display:none; }


/* TRANSMENU */
/* this is the clipping region for the menu. it's width and height get set by script, depending on the size of the items table */
.transMenu {
	position:absolute;
	overflow:hidden;
	left:-1000px;
	top:-1000px;
	}

/* this is the main container for the menu itself. it's width and height get set by script, depending on the size of the items table */
.transMenu .content {
	position:absolute;
	}

/* this table comprises all menu items. each TR is one item. It is relatively positioned so that the shadow and background transparent divs can be positioned underneath it */
.transMenu .items {
	position:relative;
	left:0px; top:0px;
	z-index:2;
	}

.transMenu.top .items {
	border-top:none;
	}

/* each TR.item is one menu item */
.transMenu .item {
    color:#336;
    font-size:14px;
	font-weight:bold;
    font-family:sans-serif;
    text-decoration:none;
	/* this is a hack for mac/ie5, whom incorrectly cascades the border properties of the parent table to each row */
	border:none;
	cursor:pointer;
	cursor:hand;
	}

/* this DIV is the semi-transparent white background of each menu. the -moz-opacity is a proprietary way to get transparency in mozilla, the filter is for IE/windows 5.0+. */
/* we set the background color in script because ie mac does not use it; that browser only uses a semi-transparent white PNG that the spacer gif inside this DIV is replaced by */
.transMenu .background {
	position:absolute;
	left:0px; top:0px;
	z-index:1;
	-moz-opacity:.9;
	filter:alpha(opacity=90);
	}

/* same concept as .background, but this is the sliver of shadow on the right of the menu. It's left, height, and background are set by script. In IE5/mac, it uses a PNG */
.transMenu .shadowRight {
	position:absolute;
	z-index:3;
	top:3px; width:2px;
	-moz-opacity:.4;
	filter:alpha(opacity=40);
	}

/* same concept as .background, but this is the sliver of shadow on the bottom of the menu. It's top, width, and background are set by script. In IE5/mac, it uses a PNG */
.transMenu .shadowBottom {
	position:absolute;
	z-index:1;
	left:3px; height:2px;
	-moz-opacity:.4;
	filter:alpha(opacity=40);
	}

/* this is the class that is used when the mouse is over an item. script sets the row to this class when required. */
.transMenu .item.hover {
	background:#0a1c5c;
	color:white;
	}

/* this is either the dingbat that indicates there is a submenu, or a spacer gif in it's place. We give it extra margin to create some space between the text and the dingbat */
.transMenu .item img {
	margin-left:10px;
	}


/* CALCULATOR */
div.inputinfo { background-color:#1a3b74 !important; }
div.analysis { background-color:#fdda53 !important; color:#1a3b74 !important; }
td.pdf { display:none; }