/* ! - - MASTER ELEMENTS
	
Logo blue: 
#00467f
rgba(0, 70, 127, 1)

Logo green: 
#076324
rgba(7, 99, 36, 1)

 */
 
 html, body{
	margin:0;
	padding:0;
	text-align:center;
	background-color: #d9edff;
	0FF-background-image: url(images/bkg-body-tile.gif);
	background-repeat: repeat-x;
	border-top: 5px solid #b2daff;
} 
 
#page{
	width:1039px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	background-image: url(images/mid-tile.gif);
	background-repeat: repeat-y;
	background-position: right center;
	0FF-border-top: 13px solid #d9edff;
	0FF-background-color: #ecf6ff;
} 
 
#branding{
display: none;
} 


/* END NEW CODE FROM 1-2 */

#brandingprint{
display:none;
}
/* BRANDING INTERIOR DIVS */
#brleft{
	width:180px;
	height:128px;
	float:left;
	position:relative;
	background-image: url(images/br-lft-bkg.gif);
	background-repeat: no-repeat;
 }

#brleft img{
margin-top:9px;
margin-bottom:12px;
}

#brtworight{
 0FF-width:615px;
 0FF-height:128px; 
 0FF-float:right; 
 position:relative; 
 0FF-background: url(images/branding-tile-gradientWt.png) repeat-y left center;
  }
 
#brright{
	width:180px;
	height:128px;
	float:right;
	position:relative;
	background-image: url(images/badge-new-look.png), url(images/br-rt.gif);
	0FF-background-image:url(images/badge-new-look.png), url(images/br-rt-bluBtm.png);
	background-image: url(images/badge-new-look.png), url(images/br-rt-bluTopBtm.png);
	background-position: 15px center, 0 center;
	background-repeat: no-repeat;
	_background:none;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/badge-new-look.png',sizingMethod='crop');
 }

/* !--- NEW BRRIGHT IMG STYLES */

#brright{
	width:180px;
	height:128px;
	float:right;
	position:relative;
	background-image: url(images/badge-new-look.png), url(images/br-rt.gif);
	background-position: 15px center, 0 center;
	background-image: url(images/br-rt-bluTopBtm.png);
	background-position: 0 center;
	background-repeat: no-repeat;
 }

#brright img {
	padding: 0;
	margin: 0 0 0 15px;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out; 
}

#brright img:hover {
	-webkit-transform: rotate(-7deg);
	-moz-transform: rotate(-7deg);
	-o-transform: rotate(-7deg);
	transform: rotate(-7deg);
}


#brcontentwrapper {
	display: block;
	width: 245px;
	float: left;
	padding: 5px 0 4px 0;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out; 
}

#brcontentwrapper:hover {
0FF--webkit-box-shadow:  0px 0px 8px 3px rgba(0, 0, 0, .20);
0FF-box-shadow:  0px 0px 8px 3px rgba(0, 0, 0, .20);
background-color: #FFF;
}


#brcontent {
}


/* ! - - - END BRANDING INTERIOR DIVS */

 
#midleft{
 width:175px; 
 float:left; 
 position:relative;
 background-color: transparent; 
 margin-top: 12px;
 }

 
#midtworight{
 width:615px; 
 float:right; 
 position:relative;
 padding-top: 8px; 
  }
 
#midright{
	width:180px;
	float:right;
	position:relative;
	margin-top: 0px;
 }
 
#midcontent{ 
 float: left; 
 display:inline; 
 position: relative; 
 width:435px;
 margin-top: 5px;
 }
#content p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: normal;
	color: #000000;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 8px;
	margin-left: 10px;
	padding: 0px;
	line-height: 140%;
}
#content .emergency p.emergency-text {
	font-size: 16px;
	line-height: 110%;
	border-bottom: 1px solid gray;
	padding-bottom: 10px;
}
#content .emergency p.emergency-timestamp {
	font-size: 10px;
	font-family: Helvetica, Geneva, sans-serif;
	font-style: italic;
}



#content h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	margin: 0px 20px 3px 10px;
	padding: 0px;
}

#content h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	margin: 0px 20px 0px 10px;
	padding: 0px;
}
#content h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin: 0px 20px 0px 10px;
	padding: 0px;
}
#content h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin: 0px 20px 0px 10px;
	padding: 0px;
}
#content h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin: 0px 20px 0px 10px;
	padding: 0px;
}

#makepayment .new-announcement-title h2.announcement-title,
#mymortgage .new-announcement-title h2.announcement-title {
	text-align: center;
	color: rgba(0, 70, 127, .75);
	border-top: 2px solid rgba(0, 70, 127, .25);
//	outline: 1px solid blue;
//	background-color: #d9edff;
	font-size: 18px;
	font-style: italic;
	padding-bottom: 2px;
	margin: 0;
}

.new-announcement-container {
	background-color: rgba(0, 70, 127, .1);
	width: 93%;
	padding: 0 0 1px;
	margin: 0 20px 5px 10px;
}
.announcement-box {
	background-color: rgba(255,255,255, .75);
	width: 94%;
	padding: 5px;
	margin: 0 2% 2%;
}

.new-announcement-container .announcement-box img.art-right {
	float: right;
}
.new-announcement-container .announcement-box img.art-left {
	float: left;
	margin: 0 3px 5px 0;
}


/*IMAGE CAPTION*/

.photocaption {
	font-size:12px;
	color: #666;
	font-style:italic;
	line-height: 110%;
	padding-top: 3px;
}

/* ! - - - REVERSE MORTGAGE SPECIFIC STYLES ------------------------------------------- */

#content_reverse {
width: 435px;
overflow: hidden;
}

#content_reverse p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: normal;
	color: #000000;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding: 0px;
}

#content_reverse p.quote {
color: #666666;
font-style:italic;
margin-right:30px;
margin-bottom: 3px;
background-image: url(images/quote-bkg.gif);
background-repeat: no-repeat;
background-position: top left;
}

#content_reverse p.quotecredit {
color: #1563ac;
font-style:normal;
font-size: 12px;
}


#content_reverse h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	margin: 0px 20px 3px 10px;
	padding: 0px;
}

#content_reverse h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	margin: 0px 20px 0px 10px;
	padding: 0px;
}
#content_reverse h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	margin: 0px 20px 0px 10px;
	padding: 0px;
}
#content_reverse h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	margin: 0px 20px 0px 10px;
	padding: 0px;
}
#content_reverse h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	margin: 0px 20px 0px 10px;
	padding: 0px;
}

#content_reverse p.footnote {
color: #666666;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}

#content_reverse p.examplebox {
background-color: #ededed;
padding: 2px 5px 5px 5px;
}

#content_reverse p.reverse-mortgage-footnote {
	font-style: italic;
	color: red;
}

/* END REVERSE MORTGAGE ------------------------------------------------------- */

/* ! - - - ARTICLE SPECIFIC STYLES ------------------------------------------- */

#content_article {
width: 435px;
overflow: hidden;
}

#content_article ul li,
#content_article p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: normal;
	color: #000000;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding: 0px;
	line-height: 140%;
}

#content_article p.quote {
color: #666666;
font-style:italic;
margin-right:30px;
margin-bottom: 3px;
background-image: url(images/quote-bkg.gif);
background-repeat: no-repeat;
background-position: top left;
}

#content_article p.quotecredit {
color: #1563ac;
font-style:normal;
font-size: 12px;
}


#content_article h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	margin: 0px 20px 3px 10px;
	padding: 0px;
}

#content_article h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	margin: 0px 20px 0px 10px;
	padding: 0px;
}
#content_article h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	margin: 0px 20px 0px 10px;
	padding: 0px;
	border-top:solid 2px #1563AC;
}
#content_article h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	margin: 0px 20px 0px 10px;
	padding: 0px;
}
#content_article h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	margin: 0px 20px 0px 10px;
	padding: 0px;
}

#content_article .byline {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	margin-top: 2px;
	margin-right: 20px;
	margin-bottom: 3px;
	margin-left: 10px;
	padding: 0 0 3px;
	border-bottom: 2px solid #ddd;
}

#content_article .dateline {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-transform:uppercase;
	color:#999999;
	margin-top: 2px;
	margin-right: 20px;
	margin-bottom: 2px;
	margin-left: 10px;
	padding: 1px 0px 1px 1px;
	background-color:#ededed
}


#content_article h3 a:link,
#content_article h3 a:visited {
	color: #1563AC;
	text-decoration: none;
}
#content_article h3 a:hover {color:#6392C1;
	text-decoration: underline;
	}
#content_article .returnlink {
background-image: url(images/link-cursor-bkg.gif);
	background-repeat: no-repeat;
	padding-left:15px;
	padding-top: 0px;
	padding-bottom:2px;
}

#content_article .articlecat_money, #content_article .articlecat_rm {
background-color:#125696;
margin-top:10px;
margin-bottom: 1px;
color:#FFFFFF;
text-transform:uppercase;
font-weight:bold;
font-size:10px;
padding:2px 2px 2px 3px;
}

#content_article .sidebar{
background-color: #ecf6ff;
float: right;
width: 150px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 130%;
color: #13589a;
text-align: left;
margin-top: 3px;
padding: 5px 10px 10px;
border: solid 1px #d9edff;
}

/* ! ----- ARTICLE LISTS ----- */

#content_article li{
list-style:;
list-style-type:;
list-style-image:;
list-style-position:;
float:;
margin: 0px 20px 10px 10px;
*-margin: 0px 20px 10px 0px;
padding:;
}
#content_article li p{
}
#content_article ol{
width:;
margin:;
padding:;
}
#content_article ul{
width:;
margin:;
padding: 0px 0px 0px 20px;
*-padding: 0px 0px 0px 0px;
}
#content_article ol li{
}
#content_article ul li{
}


/* END ARTICLE STYLES ------------------------------------------------------- */



.pagetitle {
	background-color:#eaf7ff;
	border-top:solid 1px #e1eaf3;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px !important;
	font-weight: bold;
	color: #6392C1;
	padding: 1px 10px 2px 3px !important;
	margin-bottom:5px !important;
}

.pagetitle a:link,
.pagetitle a:visited {
	color: #6392C1;
	text-decoration: none;
}
.pagetitle a:hover {color:#6392C1;
	text-decoration: underline;
	}

.rmmisconception{
	font-weight: bold;
	color:#CC0000;
}
.rmtruth{
	font-weight: bold;
	color: #01a352;
}

/* ! ----- LISTS ----- */

#content li{
listy-style:;

list-style-type:;
list-style-image:;
list-style-position:;
float:;
margin:;
padding:;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	font-weight: normal;
	color: #000000;
	line-height: 115%;
	margin-bottom: 3px;
	margin-top: 0px;
	padding-top: 0px;
}
#content li p{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	font-weight: normal;
	color: #000000;
	line-height: 115%;
	margin-bottom: 3px;
	margin-top: 0px;
	padding-top: 0px;

}
#content ol{
width:;
margin:;
padding:;
	list-style-type: upper-alpha;
}
#content ul{
width:;
margin-top: 0px;
margin-right: 30px;
padding:;
}
#content ol li{
	margin-top: 0px;
	padding-top: 0px;
	margin-right: 30px;

}
#content ul li{
	margin-top: 0px;
	padding-top: 0px;
	margin-right: 30px;
	margin-bottom: 7px;
}

/* !--- LIST STYLES - REVERSE MORTGAGE SPECIFIC -------------------------------- */
#content_reverse li{
listy-style:;

list-style-type:;
list-style-image:;
list-style-position:;
float:;
margin:;
padding:;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: normal;
	color: #000000;
	line-height: 120%;
	margin-bottom: 6px;
	margin-top: 0px;
	padding-top: 0px;
}
#content_reverse li p{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: normal;
	color: #000000;
	line-height: 120%;
	margin-bottom: 6px;
	margin-top: 0px;
	padding-top: 0px;

}
#content_reverse ol{
width:;
margin:;
padding:;
	list-style-type:decimal;
}
#content_reverse ul{
width:;
margin:;
padding:;
}
#content_reverse ol li{
	margin-top: 0px;
	padding-top: 0px;
	margin-right: 30px;

}
#content_reverse ul li{
	margin-top: 0px;
	padding-top: 0px;
	margin-right: 30px;
}

/* END LISTS - REVERSE MORTGAGE -------------------------------- END LIST - REV MORT ----------- */



.imageright {
	float:right;
	padding: 0px;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 3px;
}

.imageleft {
	float:left;
	padding: 0px;
	margin-top: 3px;
	margin-right: 3px;
	margin-bottom: 0px;
	margin-left: 0px;
}

/* !--- PROMOTIONAL BOX STYLES */

#promo p,
#promo .promolink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #1362ab;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 8px;
	margin-left: 0px;
	padding: 0px;
	line-height: 115%;
}
#promo h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin: 10px 20px 0px 0px;
	padding: 0px;
	color: #1362ab;
}
#promo h1:first-of-type {
	margin: 0px 20px 0px 0px;
}

#promo p a:link,
#promo p a:visited, #promo h1 a:link,
#promo h1 a:visited {
	color: #1362ab;
	text-decoration: none;
}
#promo p a:hover, #promo h1 a:hover {color:#1362ab;
	text-decoration: underline;
	}

#promo a.promolink {
	border: 1px solid #D9EDFF;
	display: inline-block;
	padding: 5px;
	margin: 0 0 5px;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#promo a.promolink:hover {
	border: 1px solid #B2DAFF;
}


/* END PROMOTIONAL BOX STYLES */

/* ! - - FOOTER STYLES */

#footer{
	background-color:#FFF;
	clear:both;
	padding-top: 15px;
	padding-bottom: 20px;
 }
#footertop{
	height:6px;
	background-image: url(images/footer-tile-top.gif);
	background-repeat: repeat-x;
}
#footermid{
	width:787px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	background-color: #FFF;
	padding: 0px 0px 0px 0px;
	margin-top: 0px;
	margin-bottom: 0px;
} 
#footerleft{
 width:737px; 
 float:left; 
 position:relative;
 padding-bottom:5px;
 padding-left:130px;
 }
 
#footerright{
 width:240px; 
 0FF-float:right; 
 position:relative;
 padding-bottom:5px;
  }
#footerbottom{
	height:7px;
	background-image: url(images/footer-tile-btm.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	margin-bottom: 0px;
	padding-bottom:0px;
}
#footer .social-media-links a.social-media,
#footerleft p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 140%;
	font-weight: normal;
	color: #1362ab;
	margin: 0px 0px 5px;
	padding: 0px;
}

#footer .social-media-links a.social-media,
#footer .social-media-links a:link.social-media,
#footer .social-media-links a:visited.social-media,
#footerleft p a:link,
#footerleft p a:visited {
	color: #1362ab;
	text-decoration: none;
}
#footer .social-media-links a:hover.social-media,
#footerleft p a:hover {color:#1362ab;
	text-decoration: underline;
	}

#subfooter{
display:none;
	width:795px;
	height:10px;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	padding-bottom:0px;
	background-image: url(images/mid-tile.gif);
	background-repeat: repeat-y;
} 

.footerlogobox {
	width: auto;
	height: 200px;
	display: block;
	float: left;
	margin-right: 27px;
}
.footerlogobox img {
	width: 100%;
}

.footertextcenter {
	display: block;
	margin-left: 179px;
}

#footerleft p.equalhousing {
	margin-top: 7px;
}

#footer .social-media-links {
	display: block;
	margin: 7px 0 0;
}
#footer .social-media-links a.social-media.facebook {
	display: inline-block;
	background-image: url(images/icon-facebook.png);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: contain;
	padding: 5px 5px 5px 33px;
}

#footer .footertextcenter p a img {
	float: left;
	clear: right;
	vertical-align: middle;
}

#footer .footertextcenter p a.social-media.facebook img {
	float: none;
	clear: none;
	vertical-align: middle;
}

#footer .footerlogobox .social-media-links {
	margin-top: 15px;
}



/* !--- NAVIGATION STYLES */

 #navmain ul
 {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font-family: "Trebuchet MS", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin-top: 0px;
 }


#navmain a 
{
	display: block;
	padding: 3px 0px 3px 8px;
	0FF-width: 172px;
	text-decoration: none;
	border-top: 1px solid #FFF;
	0FF-background-image: url(images/nav-tile-n.gif);
	background-repeat: repeat-y;
	0FF-background-color: #d1e9ff;
	background: #ecf6ff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VjZjZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMWU5ZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  #ecf6ff 0%, #d1e9ff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ecf6ff), color-stop(100%,#d1e9ff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #ecf6ff 0%,#d1e9ff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #ecf6ff 0%,#d1e9ff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #ecf6ff 0%,#d1e9ff 100%); /* IE10+ */
background: linear-gradient(to right,  #ecf6ff 0%,#d1e9ff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecf6ff', endColorstr='#d1e9ff',GradientType=1 ); /* IE6-8 */
}

 #navmain a:link, #navmain a:visited
 {
 color: #1563ac;
 text-decoration: none;
 0FF-letter-spacing: .015em;
 }

 #navmain a:hover
 {
	color: #fff;
	0FF-background-image: url(images/nav-tile-h.gif);
	background-repeat: repeat-y;
	background-color: #125696;
	background: #1563ac; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE1NjNhYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMjU2OTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  #1563ac 0%, #125696 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#1563ac), color-stop(100%,#125696)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #1563ac 0%,#125696 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #1563ac 0%,#125696 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #1563ac 0%,#125696 100%); /* IE10+ */
background: linear-gradient(to right,  #1563ac 0%,#125696 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1563ac', endColorstr='#125696',GradientType=1 ); /* IE6-8 */
 }

/* END NAVIGATION STYLES */


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

form{
width:;
margin: 0px 20px 0px 10px;
padding:;
}
fieldset{
border:;
width:;
margin:;
padding:;
}
legend{
font:;
color:;
margin:;
padding:;
}
label{
margin:;
padding:;
font-size:;
font-family:;
}
input{
border:;
margin:;
padding:;
font-size:;
font-family:}
textarea{
border:;
margin:;
padding:;
font-size:;
font-family:;
}
input, textarea{
}
select{
border:;
margin:;
padding:;
font-size:;
font-family:;
}
optgroup{
font:;
}
option{
font:;
}

/* - - - - NEW - TABLE STYLES - - - - - - */
/* !----- TABLES ----- */

table{
width:380px;
margin:0px 0px 10px 10px;
padding:0px;
text-align:;
background-color: #FFFFFF;
N0T-border: solid 2px #d7d7d7;
font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: normal;
	color: #000000;
}
caption{
font:;
color:;
position:;
text-align:;
display:;
}
thead{
font:;
font-family: Georgia;
color:;
text-align:;
background-color:;
margin:;
padding:;
}
tbody{
font:;
color:;
text-align:;
background-color:;
margin:;
padding:;
}
tfoot{
font:;
color:;
text-align:;
background-color:;
margin:;
padding:;
}
tr{
font:;
color:;
background-color:;
}
tr .alt{
font:;
color:;
background-color:;
}
th{
font-size: 18px;
N0T-padding-top: 5px;
}
td{
width:;
margin:;
padding:;
}

.investment tbody tr.even td {
      background-color: #eee;
    }
    .investment tbody tr.odd  td {
      background-color: #fff;
    }

.lastrow {
background-color: #c8c8c8;
}

.headingtitle {
padding-top: 5px;
}

.boxborder {
width: 405px;
border: solid 2px #ededed;
margin: 0px 10px 10px 10px;
}

#content_reverse .boxborder p {
margin: 0px 20px 0px 10px;
padding: 5px 0px 5px 0px;
}

/* !--- EMERGENCY MESSAGE */

.emergency {
	border: 4px solid #b00b00;
	background-color:#fff8b0;
	background-color: #fef9e7;
	padding: 7px;
	margin: 10px 20px 10px 10px;
	-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}

#content p.emergency {
	padding: 7px;
	margin: 10px 20px 10px 10px;
	-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}

/* EDITED ON 080515 TO MAKE RED TEXT APPEAR AFTER 'LOGIN' BUTTONS */
.redtext,
#content .redtext {
	color: #b00b00;
}

/* SECONDARY-MESSAGE on HOME PAGE */
#content .secondary-message p.secondary-text {
	font-size: 16px;
	line-height: 110%;
//	border-bottom: 1px solid gray;
	padding-bottom: 10px;
}
.secondary-message {
	border: 4px solid #00467f;
	background-color:#fff8b0;
	background-color: #ededed;
	background-color: rgba(0, 70, 127, .1);
	padding: 7px;
	margin: 10px 20px 10px 10px;
	-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}

#content p.secondary-message {
	padding: 7px;
	margin: 10px 20px 10px 10px;
	-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}


/* !--- PROMOTIONAL COLUMN STYLES */

.promoitem {
	0FF-border-bottom: 1px solid lime;
	background: transparent url(images/promo-btm-dingbat1b.png) left bottom no-repeat;
	padding-bottom: 5px;
	margin-bottom: 3px;
}

.promoitem.cfpbpromo {
	padding-bottom: 10px;
}

/* !--- BADGE PROMO FOR NEW ARTICLE */

.promobadge img {
	margin: 0 0 0 15px;
	padding: 0 0 0 0px;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
-webkit-transform: rotate(7deg);
-moz-transform: rotate(7deg);
-o-transform: rotate(7deg);
transform: rotate(7deg);
}

.promobadge img:hover {
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
}

/* !---MAKE-A-PAYMENT PAGE RED-TITLE */

#makepayment #content h4,
#mymortgage #content h4 {
	font-size: 20px;
	color: #f0071e;
}

/* !---MAKE-A-PAYMENT PAGE CUSTOM STYLES */

html body#makepayment div#page div#wrapper.clearfix div#midtworight.clearfix div#midcontent div#content p {
//	line-height: 175%;
}

/* !---CLICK-TO-LOGIN BUTTON ON 'MAKE A PAYMENT' PAGE */
#makepayment .makepayment-button img {
	margin: 20px 0;
}

/* HOME-REBATES PAGE BUTTON */
#homerebates .main-content .button-link {
	0FF-display: block;
	0FF-width: 300px;
	text-align: center;
	margin: 0 55px 0 39px;
}
#homerebates .main-content .button-link a {
	0FF-font-family: Arial, Helvetica, sans-serif;
	font-family: "proxima-nova", Helvetica, sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 30px;
	text-decoration: none;
	color: #026232;
	display: block;
	padding: 10px 0px;
	background: -moz-linear-gradient(
		top,
		#f7fbff 0%,
		#e7f3fe 50%,
		#c4e1fc);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#f7fbff),
		color-stop(0.50, #e7f3fe),
		to(#c4e1fc));
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	border-radius: 16px;
	border: 3px solid #b7d1e8;
	-moz-box-shadow:
		0px 2px 4px rgba(000,000,000,0.1),
		inset 0px 0px 5px rgba(108,184,235,0);
	-webkit-box-shadow:
		0px 2px 4px rgba(000,000,000,0.1),
		inset 0px 0px 5px rgba(108,184,235,0);
	box-shadow:
		0px 2px 4px rgba(000,000,000,0.1),
		inset 0px 0px 5px rgba(108,184,235,0);
	text-shadow:
		0px -1px 2px rgba(120,120,120,0.28),
		0px 1px 2px rgba(255,255,255,1);
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out; 
}
#homerebates .main-content .button-link a:hover {
	color: #333;
	background: -moz-linear-gradient(
		top,
		#b1d5f5 0%,
		#91bade);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#b1d5f5),
		to(#91bade));
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	border-radius: 16px;
	border: 3px solid #7aafde;
	-moz-box-shadow:
		0px 2px 4px rgba(000,000,000,0.3),
		inset 0px 0px 5px rgba(108,184,235,0);
	-webkit-box-shadow:
		0px 2px 4px rgba(000,000,000,0.3),
		inset 0px 0px 5px rgba(108,184,235,0);
	box-shadow:
		0px 2px 4px rgba(000,000,000,0.3),
		inset 0px 0px 5px rgba(108,184,235,0);
	text-shadow:
		0px -1px 2px rgba(120,120,120,0),
		0px 1px 2px rgba(255,255,255,0.4);
}

/* !---HOME-ADVANTAGE REBATES PAGE - TABLE STYLES from Apple FCU site */
#homerebates .table td.divide {
    background-color: #999;
    height: 2px;
    line-height: 2px;
    margin: 0;
    padding: 0;
}
#homerebates .table td p:last-child {
    margin-bottom: 8px;
}
#homerebates .table td ul, 
#homerebates .table td ol {
    margin-bottom: 18px;
}
#homerebates .table td p + ul, 
#homerebates .table td p + ol {
}
#homerebates td.no-border-top, 
#homerebates tr.no-border-top td {
    border-top: medium none;
}
#homerebates table.bod td {
    font-size: 10px;
    line-height: 12px;
    margin: 10px auto;
    text-align: center;
    width: 100px;
}
#homerebates table.bod img {
    padding: 5px 0;
}
#homerebates table.aligncenter tr td, 
#homerebates tr.aligncenter th, 
#homerebates .table tr.aligncenter td, 
#homerebates .table tr td.aligncenter, 
#homerebates .table tr th.aligncenter, 
#homerebates .table thead.aligncenter tr th {
    text-align: center;
    vertical-align: middle;
}
#homerebates .table-first td:first-child {
    background-color: #eee;
    text-align: left;
    vertical-align: middle;
}
#homerebates tr th.alignleft {
    text-align: left;
}
#homerebates td.alignmiddle {
    vertical-align: middle;
}
#homerebates table.fifty, table td.fifty {
    width: 50%;
}
#homerebates .table + h3 {
    padding-top: 10px;
}
#homerebates .table td .btn {
    margin: 5px 0;
}
.product .box, .boxed {
    background-color: #fff;
    border: 1px solid #c6c8c8;
    border-radius: 4px;
    margin-bottom: 20px;
    padding: 10px;
    position: relative;
}
#homerebates tr {
	border-left: 1px solid #c6c8c8;
	border-right: 1px solid #c6c8c8;
}
/* BOOTSTRAP STYLES FROM Apple FCU */
#homerebates table {
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
    max-width: 92%;
    width: 92%;
    border-bottom: 1px solid #c6c8c8;
}
#homerebates .table th, .table td {
    border-top: 1px solid #ddd;
    line-height: 20px;
    padding: 3px;
    text-align: left;
    vertical-align: top;
}
#homerebates th {
    font-size: 14px;
}
/* END TABLE-STYLES FROM Apple FCU */

/* STYLES FROM 2017 PROTOTYPES */
#reversemortgage #promo img,
#reversemortgage #promo img.naipc-photo {
	width: 90%;
	height: auto;
}

@media only screen and (max-width:1000px) {
#reversemortgage #promo img,
#reversemortgage #promo img.naipc-photo {
	width: 95%;
	height: auto;
	margin-right: 1%;
	margin-left: 1%;
}
}

@media only screen and (max-width:650px) {
#reversemortgage #promo img,
#reversemortgage #promo img.naipc-photo {
	width: 30%;
	height: auto;
	margin-right: 1%;
	margin-left: 1%;
}
}

@media only screen and (max-width:500px) {
#reversemortgage #promo img,
#reversemortgage #promo img.naipc-photo {
	width: 100%;
	height: auto;
	margin-right: 0%;
	margin-left: 0%;
}
}


/* ! -- HURRICANE MESSAGE STYLES  */
.natural-disasters,
.hurricane-message {
	width: 100%;
	display: block;
	background-color: LightYellow;
	padding: 6px 5px 5px;
	text-align: center;
	border: 1px solid red;
	border-radius: 8px;
	margin-top: 5px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out; 
}
.natural-disasters:hover,
.hurricane-message:hover {
	background-color: gold;
	border: 1px solid goldenrod;
}
.natural-disasters a.hurrican-link
.hurricane-message a.hurrican-link {
	display: block;
	width: 100%;
	text-align: center;
	background-color: transparent;
//	padding: 5px 40px;
	text-decoration: none;
	color: red;
	font-family: Helvetica,Verdana,sans-serif;
	font-size: 18px;
	font-weight: bold;
	background-image: url(images/hurricane-png-01-50sq.png),url(images/hurricane-png-01-50sq.png);
	background-repeat: no-repeat, no-repeat;
	background-position: left center, right center;
	background-size: contain, contain;
}

#hurricane-message .hurricane-message {
	display: none;
	visibility: hidden;
}

.hurricane-message img.hurricane-icon {
	height: auto;
	width: 25px;
	display: inline-block;
}

.hurricane-text {
//	padding-bottom: 10px;
	display: inline-block;
//	top: 15px;
}
.hurricane-click {
	text-decoration: underline;
	color: #333;
}

 /* *** Float containers fix: *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-table;}

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