body {
	margin: 0;
	padding: 0;
	background: #f0e9d8;
	color: #303030;
	font-family: arial, tahoma, verdana, sans-serif;
	/* font-size: .75em; */ /* This was changed in 201-15650 to keep the site template from breaking when using IE's zoom feature */
	
	font-size: 12px;
	text-align: center;	
	background:#c4c4c4 url(../images/bg.gif) repeat-x;
	}
a:link, a:visited {	
	color: #178569;
	text-decoration: underline;
	}
a:hover, a:active {
	color: #178569;
	text-decoration: none;
	}

a img { border: none; }

h1 {
	color: #186397;	
	font-size: 13pt;
	margin: 0;
	padding: 0;
}

h2, #calccontent h1, #calccontent h1 center {
	color: #186397;	
	font-size: 11pt;
	margin: 0 0 10px 0;
	padding: 0;
	}

h3 {
	color: #004270;	
	font-size: 9pt;	
	margin: 0 0 8px 0;
	padding: 0;
	}
	
h4 {
	color: #727163;	
	font-size: 8pt;	
	margin: 0 0 8px 0;
	padding: 0;
	}
	
p {
	margin: 8px 0 8px 0;
	padding: 0;
	line-height: 12pt;
}

td {
    vertical-align: top;
    text-align: center;
}
	
/* ------------------------------------------------------------------- =LAYOUT =DISTYLES */

.clearfloat {
	clear: both;
	height: 1px;	
	}
.clear0 {
	clear: both;
	height: 0;	
	}
.container {
	width: 959px;
	margin: 0 auto;
	text-align: left;	
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	background: #00192a url(../images/bg_container.jpg) repeat-x;
	}
* html .container {
	width: 958px;
	}
.logo {
	height:108px;
	width:357px;
	margin:0;
	float:left;
}
	
/* --------------------------------------------------------- =MASTHEAD */

.masthead {
	height: 108px;
	width:959px;
	background: url(../images/bg_masthead.jpg) no-repeat;
	}
/********************************************* =LOGIN *******/
.loginContainer {
	float:right;
	height:108px;
	width:546px;
	color:#ffffff;
}
.loginContainer a:link, .loginContainer a:visited {
	font-size:7pt;
	color:#ffffff;
	text-decoration: none;
}
.loginContainer a:hover, .loginContainer a:active {
	font-size:7pt;
	color:#ffffff;
	text-decoration: underline;
}
.loginSpacer {
	float:left;
	margin:15px 0 0 45px;
}
.loginLinks {
	float:right;
	height:18px;
	width:140px;
	margin:3px 50px 0 0;
}
* html .loginLinks {
	margin:3px 50px 0 0;
}
.loginLinksBack {
	float:right;
	height:18px;
	width:100px;
	margin:3px 4px 0 0;
}
/****** Personal LOGIN *******/

.loginPersonal {
	float:left;
	height:108px;
	width:245px;
	text-align:left;
	font-size:7pt;
	color:#ffffff;
	margin:21px 0 0 5px;
}
* html .loginPersonal {
	height:90px;
	margin:0;
}
*:first-child+html .loginPersonal {
	height:90px;
	margin:3px 0 0 5px;
}
.loginPersonalBack {
	float:left;
	height:70px;
	width:160px;
	text-align:left;
	font-size:7pt;
	color:#ffffff;
	margin:35px 0 0 85px;
}
* html .loginPersonalBack {
	float:left;
	height:70px;
	width:160px;
	text-align:left;
	font-size:7pt;
	color:#ffffff;
	margin:35px 0 0 45px;
}
.personalHed {
	margin:0;
}
* html .personalHed {
	margin:10px 0 -20px -1px;
}
*:first-child+html .personalHed {
	margin:10px 0 -20px -1px;
}
.personalHedBack {
	margin:0 0 10px 0;
}
.formfield {
	height:17px;
	width:112px;
	font-size:8pt;
	padding:2px 0 0 2px;
	margin:-2px 3px 0 0;
	border:1px solid #757575;
	background:#e6e6e6;
}
* html .formfield {
	height:20px;
	padding:4px 0 0 2px;
}
*:first-child+html .formfield {
	height:15px;
	width:112px;
}
.loginBtn {
	float:left;
	height:22px;
	width:48px;
	margin:0 7px 0 -2px;
}
* html .loginBtn {
	margin:0 7px 0 0;
}
.formsContainer {
	margin:0 0 5px 0;
	float:left;
}

/****** Business LOGIN *******/

.otherLogins {
	float:right;
	height:108px;
	width:200px;
	text-align:right;
	padding:0 0 0 0;
	font-size:7pt;
	color:#000000;
}
.otherLogins img {
	margin:0 0 6px 0;
}
	
	
/* --------------------------------------------------------- =MAINNAV */
	
.mainNav {
	background: transparent;
	margin:25px 0 0 0;
}
.mainNav dl, .mainNav dd {
	margin: 0;
	padding: 0;
	}
	
.mainNav dt a {
	display: block;
	padding: 5px 0 5px 10px;
	border-bottom: 1px solid #2c5e82;
	font-weight: bold;
	text-decoration: none;
	}

.mainNav dt a:link, .mainNav dt a:visited {	
	color: #fff;
	text-decoration: none;
	}
.mainNav dt a:hover, .mainNav dt a:active {
	color: #fff;
	background-color: #008a65;
	text-decoration: none;
	}
	
.mainNav dd a.category {
	padding: 1px 0 1px 15px;
	font-weight: bold;
	font-size: 8pt;
	}
	
.mainNav dd a {
	display: block;
	padding: 1px 0 1px 20px;
	background: #002d4d;
	}
	
.mainNav dd a:link, .mainNav dd a:visited {	
	color: #dbdab6;
	text-decoration: none;
	font-size: 8pt;
	}
.mainNav dd a:hover, .mainNav dd a:active {
	color: #ffffff;
	background-color: #008a65;
	text-decoration: none;
	font-size: 8pt;
	}
	
	
	
/* -------------------------------------------------------------------- =SEARCH AREA */

.searchArea {
	margin: 15px 0 0 17px;
	height: 40px;
}

.searchArea form {
	margin: 0;
	padding: 0;
}

.searchField {
	width: 125px;
	height: 18px;
	max-height: 18px;
	margin: 0 2px 0 0;
	border: 1px solid #d8d8d8;
	background:#fff;
	color: #3e3e3e;
	font-size: 8pt;	
	padding:3px 0 0 2px;
	}
	
*:first-child+html .searchField {
	height: 14px;
} /*  =IE7 HEIGHT ISSUE */
	
.searchBtn {
	margin: 1px 0 0 3px;
}

.searchArea input, .searchArea img { vertical-align: middle; }

/* --------------------------------------------------------- =LEFTCOL */
	
.leftCol {
	float: left;
	width: 196px;
	margin:0;
	}
	
* html .leftCol {
	 margin:-3px 0 0 0;
}

*:first-child+html  .leftCol {
	margin:-3px 0 0 0;

	}
	
/* -------------------------------------------------------------------- =RIGHTCOL */
	
.rightCol {
	float: left;
	width: 762px;
	background: #fff url(../images/bg_rightCol.gif) repeat-y;
	padding-bottom: 15px;
	border-bottom:1px solid #fff;
	margin:0 -2px 0 0;
	}
.homeContent {
	float:left;
	width:480px;
	margin:15px 0 10px 20px;
	line-height:18px;
}
* html .homeContent {
	margin:13px 0 10px 12px;
}
.promo {
	float:left;
	height:275px;
	width:511px;
}
.smallPromosContainer {
	float:right;
	width:250px;
	margin:0 1px 0 0;
}
* html .smallPromosContainer {
	margin:-2px 0 0 0;
}
*:first-child+html .smallPromosContainer {
	float:right;
	width:251px;
	margin:-2px 0 0 0px;
}
.smallPromos {
	margin:10px 15px 0 0;
	text-align:right;
}
.smallPromos img {
	margin:0 0 20px 0;
}
.rightColBack {
	float: right;
	width: 564px;
	}
	


/* -------------------------------------------------------------------- =BACK CONTENT */

.backContent {
	margin:15px 20px 10px 30px;
	line-height:18px;
}
.backpageIMG {
	float:left;
	height:128px;
	width:512px;
	margin:0 0 25px 0;
}
* html .backpageIMG {
	margin:0 0 25px -3px;
}
.thisSection {
	background:#787878;
	float:right;
	width:250px;
	margin:0 0 20px 0;
	padding:0 0 60px 0;
}
* html .thisSection {
	margin:-1px 0 20px 0;
}



.thisSection ul {
	margin:5px 0 0 -8px;
	list-style-image:none;
	list-style-type:none;
	color:#fff;
}
* html .thisSection ul {
	margin:5px 0 0 32px;
}
*:first-child+html .thisSection ul {
	margin:5px 0 0 32px;
}
.thisSection li {
	margin:3px 0 0 0;
	list-style-image:none;
	list-style-type:none;
	color:#fff;
}
.thisSection a:link, .thisSection a:visited {	
	color: #fff;
	text-decoration: underline;
	}
.thisSection a:hover, .thisSection a:active {
	color: #fff;
	text-decoration: none;
	}
.backContent ul {
	margin: 8px 0 8px 0;
	padding: 0;
}
.backContent li {
	margin: 0;
	padding: 0 0 0 20px;	
	list-style: none;
	background-image: url(../images/li.gif); 
	background-repeat: no-repeat;
	background-position: 0 .5em; 
	line-height: 14pt;
}
.contentSpacer {
	height:5px;
	margin:20px 15px 20px 0;
	background: url(../images/contentspacer.gif) repeat-x;
}
/* --------------------------------------------------------- =LOGIN BACK */

.loginContainerBack {
	background: url(../images/bg_bannerback.gif) repeat-x;
	height: 99px;
	position: relative;
}

.mainPhotoBack {
	float: left;
	width: 402px;
}
	
.loginAreaBack {
	padding: 0;
	margin: 0;
	width: 422px;
	color: #492f92;
	font-size: 8pt;
	position: absolute;
	top: 0;
	right: 0;
}

.loginAreaobBack {
	position: absolute;
	top: 16px;
	right: 160px;
	text-align: right;
}

.loginAreaCenterBack {
	position: absolute;
	top: 0;
	right: 140px;
}


.loginAreacmBack {
	position: absolute;
	top: 14px;
	right: 10px;
}

.loginBtnBack {
	margin-top: 8px;
	}
	
.loginBtnCMBack {
	margin-top: 8px;
	text-align: right;
	}
	
.loginBtnCMBack img {
	margin-left: 10px;
	}
.loginBtnCMBack a, img {
	vertical-align: middle;
}
	
.loginAreaBack a:link, .loginAreaBack a:visited {	
	color: #fff;
	text-decoration: none;
	font-size: 7pt;	
	}
.loginAreaBack a:hover, .loginAreaBack a:active {
	color: #fff;
	text-decoration: underline;
	font-size: 7pt;	
	}


/* -------------------------------------------------------------------- =FOOTER */

.footer {
	width:959px;
	padding-top: 5px;
	text-align: right;	
	
}
.footerLinks {
	float: left;
	width: 370px;
	display: inline;
	color:#abb3b9;
	margin:5px 0 0 200px;
}
.footerLinks a:link, .footerLinks a:visited {	
	color: #abb3b9;
	font-size: 9pt;
	text-decoration: none;
	}
.footerLinks a:hover, .footerLinks a:active {
	color: #abb3b9;
	font-size: 9pt;
	text-decoration: underline;
	}
	
.footerRight {
	float: right;
	width: 300px;
	margin:-4px 0 4px 0;
	text-align: right;
}
.footerRight img {
	margin:0 10px 0 0;
}

.retireBg {
    background-position: 0px 95px;
    background-repeat: no-repeat;
}

.indent {
    margin:0 0 0 30px;
}

/* -------------------------------------------------------------------- =TEXTUAL =FISTYLES */

.tableheader {
	background: #186397;
	color: #fff;
	font-weight: bold;
	font-size: 10pt;
	color: #fff;
	height: 28px;
	text-align:center;
	}
.tablesubheader {
	font-weight: bold;
}
	
.tablecontent1 {
	border: 0;
	background-color: #fff;
	color: #727163;
	font-size: 9pt;	
	}
.tablecontent2 {
	border: 0;
	background-color: #d7d6c8;
	color: #727163;
	font-size: 9pt;	
	}
	
.rateInfo {
	font-size: 7.5pt;	
}

.faqQ, .faqA {
	font-weight: bold;
	font-size: 10pt;
	}
.faqQ { color: #186397; }
.faqA { color: #5e1f39; }
	
.disclaimer {
	font-size: 8pt;
	color: #186397;
	}
.required { 
	color: #5e1f39;
	font-size: 8pt;
	font-weight: bold;
	}
	
.appfield1 {
	border: 1px solid #005357;
	background-color: #FFF;
	color: #000;
	}
.appfield2 {
	border: 1px solid #186397;
	background-color: #FFF;
	color: #000;
	}
.rowheader {
    text-align:left;
    font-weight:bold;
}
	
#ex_dis{
display:none;
text-align:left;
width:400px;
left:10%;
top:8%;
padding:10px;
background-color:#FFFFFF;
position:absolute;
z-index:10000;
margin-top:50px;
border-width:1px 1px 1px 1px;
border-style:solid;
border-color:#008A65;
margin-left:200px;
overflow: hidden;
}
