html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
	background:#dddfe0 url(../images/bg.gif) repeat-x;
	color: #000;
	text-align: center;
}
body, table, td, div {
	line-height:normal;
	font:9pt Verdana, Arial, Helvetica, sans-serif;
}

a:link, a:visited {	
	color:#3953a4;
	text-decoration: underline;
	}
a:hover, a:active {
	color:#3953a4;
	text-decoration: none;
	}
	
a img { border: none; }
	

#calccontent h1, #calccontent h1 center, h2 {
	color:#1d325f;
	font-size:12pt;
	padding:0 0 10px 0;
	margin:0;
}
h3 {
	color:#000;
	font-size:11pt;
}
h4 {
	color:#3a89c8;
	font-size:10pt;
}

p {
	padding:0 0 12px 0;
}
ul, ol { 
	padding:10px 0;
	}
ul li {
	list-style-image: url(../images/li.gif);
	/* list-style-image: url(../images/li_blue.gif); */
	margin:0 0 5px 24px;
	padding:0;
}
ul li ul li ul {
	margin:0;
	padding:0;
}

table {	font-size: 100%; /* IE inheritance fix */ }

.tableheader {
	font-weight: bold;
	color:#0060a9;
	padding:4px;
	}
	
th {
	background-color:#0060a9;
	color:#fff;
	padding:4px;
}
	
.tablecontent1 {
	background-color:#fff;
	padding:4px;
}
	
.tablecontent2 {
	background-color:#efefef;
	padding:4px;
}

.faqQ, .faqA { 
	font-weight: bold;
	}

.faqQ { color:#0060a9; }
.faqA { color:#008035; }
	
.xsmall {
    font-size:.8em; 
	}
.small {
    font-size:.9em;
	}
.medium {
    font-size:1em;
	}
.large {
    font-size:1.1em;
	}
.xlarge{
    font-size:1.2em;
	}

.special3 {
	}
.special2 {
	}
.special1 {
	}

.disclaimer {
	font-style:italic;
	color:#666;
}
	
.required {
	color:#900;
}
	
.appfield1 {
	border:1px solid #2371b5;
	background-color:#fff;
}	
.appfield2 {
	border:1px solid #2371b5;
	background-color:#efefef;
}
	
/* =LAYOUT =DISTYLES */


/* rule to show div borders
div {
	border: 1px solid #090;
	} */

.clearfloat {
	clear: both;
	height: 1px;
	}

.page {
	width: 821px;
	margin: 0 auto;
	text-align: left;
	background:url(../images/content_bg_stretch.gif) repeat-y;
	}

.mast {
	background-color:#fff;
}
.mastL {
	float: left;
	width: 340px;
}
.mastR {
	float: right;
	width: 415px;
	text-align: right;
}	

.navMain {
	background: url(../images/mainnav_bg.gif) 0 4px repeat-x;
	width:800px;
	height:30px;
	font-family:"Trebuchet MS";
	position:relative;
}
.navMain a:link, .navMain a:visited {	
	text-decoration: none;
	display:block;
	color:#fff;
	padding:8px 15px 4px 15px;
	font-size:9pt;
	}
.navMain a:hover, .navMain a:active, .selected {
	text-decoration: none;
	background:url(../images/mainnav_on.gif) no-repeat;
	color:#fff;
	padding:8px 15px 3px 15px;
	}
a.onlineNav:hover, a.onlineNav:active, .onlineselected {background:url(../images/mainnav_online_on.gif) no-repeat;}
a.mortgageNav:hover, a.mortgageNav:active, .mortgageselected {background:url(../images/mainnav_mortgage_on.gif) no-repeat;}

.navMain ul {
	margin:0 0 0 10px;
	padding:0;
}
.navMain li {
	list-style-image:none;
	list-style-type:none;
	margin:0;
	padding:0;
	float:left;
}


.navUtil {
	font:8pt "Trebuchet MS";
	text-align:right;
	margin:25px 0 0 0;
}
.navUtil a:link, .navUtil a:visited {	
	text-decoration: underline;
	color:#000;
	}
.navUtil a:hover, .navUtil a:active {
	text-decoration: none;
	color:#000;
	}
.navUtil ul {
	margin:0;
	padding:0;
}
.navUtil li {
	list-style-image:none;
	list-style-type:none;
	margin:0;
	padding:0;
	float:left;
}


.searchBox {
	position:absolute;
	top:6px;
	right:22px;
}
.searchBox input {vertical-align:middle;}
.searchBox input.appfield1 {
	color:#8c8f91;
	font-size:9px;
	padding:2px;
	width:150px;
}


.promoWrap {
	clear:left;
	background-color:#173662;
	width:800px;
}

.pageHead {position:relative;}
.backLogin {
	position:absolute;
	top:8px;
	left:8px;
}


.content {
	background:url(../images/content_bg.gif) no-repeat;
	min-height:350px;
}
* html .content {height:400px;}

.contentWrap {margin:0 0 0 10px;}
#home .contentL {
	float: left;
	width: 262px;
}
#home .contentR {
	float: left;
	width: 538px;
	position: relative;
}
.promoPrevNext {
	position:absolute;
	top: 170px;
	left: 465px;
	z-index: 500;
}

#back .contentL {
	float: left;
	width: 503px;
	margin:27px 0 0 38px;
	display:inline;
}
#back .contentR {
	float: right;
	width: 226px;
	display:inline;
	margin:10px 12px 0 0;
}

.pageContent {
	padding:0 0 15px 12px;
	font:10pt "Trebuchet MS";
}

.editor {
	font:10pt "Trebuchet MS";
}

.contentBg {
	background:url(../images/home_bg.gif) repeat-x;
	width:800px;
	margin-top:-2px;
	min-height:260px;  
	height:auto !important;
  	height:260px;

}

#sectionLinksContainer {
	display: none;
}
.inthissection {
	background:#fff url(../images/section_bg.gif) bottom repeat-x;
	border:1px solid #aeb1c5;
	font-family:"Trebuchet MS";
}
.inthissection li {
	list-style-image:none;
	list-style-type:none;
	margin:0 0 4px 0;
	padding:0;
}
.inthissection a:link, .inthissection a:visited {
	color:#616265;
	text-decoration:none;
	display:block;
	height:16px;
	padding:0 0 0 20px;
	background:none;
}
.inthissection a:hover, .inthissection a:active {
	color:#616265;
	text-decoration:none;
	background:#dae3f3 url(../images/li.gif) 4px 2px no-repeat;
}


.loginBox {
	padding:15px 0 0 42px;
	color:#fff;
	position:relative;
}
.loginBtn {
	position:absolute;
	top:94px;
	.top: 97px;
	_top: 97px;
	right:47px;
	.right: 46px;
	_right: 46px;
}
.loginBox input.appfield1 {vertical-align:middle; margin-bottom:4px;}
.loginBox input.userid {width:172px;}
.loginBox input.password {width:120px;}
.loginBox label {display:block; font-size:8pt;}
.loginOB h1 {
	color:#fff;
	font:bold 10pt "Trebuchet MS";
	margin:0;
	padding:0 0 8px 0;
}
.loginCol {font-family:Arial, Helvetica, sans-serif;}
.loginOB img {vertical-align:middle; margin-right:4px;}
.loginAlert {display:none;}

.loginForgot {}
.loginForgot a:link, .loginForgot a:visited {
	font:7pt Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
}
.loginForgot a:hover, .loginForgot a:active {
	text-decoration:underline;
}
.firstLi {font-weight:bold;}
li.lastLi a:link, li.lastLi a:visited {background-image:none;}
.loginLinks {margin:15px 0 0 0; font-family:Arial, Helvetica, sans-serif;}
.loginLinks ul {margin:0; padding:0;}
.loginLinks li {display:inline; margin:0 2px 0 0;}
.loginLinks a:link, .loginLinks a:visited {
	color:#fff;
	text-decoration:none;
	font-size:8pt;
	padding-right:8px;
	background:url(../images/olb_divider.gif) right no-repeat;
}
.loginLinks a:hover, .loginLinks a:active {
	color:#fff;
	text-decoration:underline;
}




.home {
	background:url(../images/home_bg.gif) repeat-x;
	width:800px;
	min-height:200px;
}
* html .home {height:200px;}
.homePad {
	padding:8px 10px 10px 10px;
	font-size:8pt;
	color:#505053;
	line-height:13pt;
}
.homePad p {padding:0 0 8px 10px;}
.homePad hr {padding:0; width:95%; text-align:center;}
.homeL h2, .homeMid h2, .homeR h2 {
	color:#1f2b5a;
	font-size:11pt;
	padding:2px 0 8px 0;
}
.homeL, .homeMid, .homeR {
	background:#fff url(../images/home_module_bg.gif) bottom repeat-x;
	border:1px solid #a9adc3;
	margin:12px 12px 12px 0;
	width:250px;
	color:#505053;
	min-height:220px;
}
* html .homeL, * html .homeMid, * html .homeR {height:220px;}
.homeL {
	float: left;
	display:inline;
	margin-left:12px;
	position:relative;
	}
.homeMid {
	float: left;
	position:relative;
	}
.homeR {
	float: left;
	margin-right:0;
	position:relative;
	}
	
.home_2 {
	padding: 0 11px;
}

.learnmore {
	position:absolute;
	bottom:10px;
	left:18px;
}
	
.foot {
	background:url(../images/foot_bg.gif) left bottom no-repeat;
	margin:0 auto;
	width:821px;
	height:130px;
	}
	
.foot hr {width:774px; text-align:center; color:#8e9093;}
.footL {
	float: left;
	width: 180px;
	display:inline;
	margin-left: 40px;
}	
.footV {
	float: left;
	display:inline;
	}	
.footR {
	text-align: right;
	float: right;
	width: 500px;
	display:inline;
	margin:0 20px 0 0;
	font:8pt Arial, Helvetica, sans-serif;
	color:#76787a;
	}
.footR img {vertical-align:middle; margin-left:10px;}
.footR a:link, .footR a:visited {
	color:#76787a;
	text-decoration:underline;
}
.footR a:hover, .footR a:active {
	color:#76787a;
	text-decoration:none;
}

#ex_dis{
 display:none;
 width:40%;
 padding:10px;
 background-color:#FFFFFF;
 position:absolute;
 z-index:10000;
 border:1px solid #3A302F;
 top: 50px;
 left: 30%;
 overflow: hidden;
}


.collapsible {
	margin-left: 20px;
	/* display: none; */
}
h3.collapseLink a{
	background: url(../images/arrow_right.gif) center left no-repeat;
	padding-left: 18px;
	display: block;
	font-size: 10pt;
}
h3.collapseLink {
	margin-bottom: 10px;
}
h3.expandedLink a{
	background:url(../images/arrow_down.gif) center left no-repeat !important; 
	display: block;
}
h3.collapseLink span {
	font-weight: normal;
}



#hpaBanner {
	text-align: center;	
}
#hpaBanner a {
	border: 0;
	width: 300px;
	height: 64px;
	display: block;
	margin: auto;
}