body {
	margin: 0;
	padding: 0;
	background: #edf0f8;
	color: #626262;
	font: 11pt arial, helvetica, sans-serif;
	text-align: center;
	}

	
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::  Text  :::::: */
a:link {	
	text-decoration: underline;
	color: #003698;
	}
a:visited {	
	text-decoration: underline;
	color: #003698;
	}
a:hover, a:active {
	text-decoration: none;
	color: #003698;
	}
	
a img { border: none; }
	

	
#calccontent h1 {
	font: 14pt "arial black", arial, helvetica, sans-serif;
	color: #002d62;
	margin-bottom: 10px;
	position: static;
}	

#calccontent h1 center {
	text-align: left;
}
	

p {
	margin-top: 0;
	}
ul, ol { 
	margin-bottom: 10px;
	}
ul li { list-style-image: url(../images/bullet.gif); }
li {
	line-height: 25pt;
	}

.backContentContainer ol li {
    line-height: normal;
    margin-bottom:10px;
}
	
.backContentContainer ul li {
    line-height: normal;
    margin-bottom:0px;
}
    
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::  Misc  :::::: */
a img { border: none; }
form {
	margin: 0;
	padding:0;
	}
.clearfloat {
    height: 1px;
    clear: both;
	}
.clear0 {
	height: 0; 
	clear: both;
	}
div {
	margin: 0;
	padding: 0;
	}

	
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::  Layout  :::::: */
.container {
	background: url(../images/bg_shadow.gif) repeat-y;
	background-position: center;
	width: 980px;
	text-align: center;
	margin: 0 auto;
	}

	
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::  Header  :::::: */	
.header {
	width: 970px;
	height: 109px;
	text-align: left;
	background: url(../images/bg_masthead.gif) repeat-x;
	border: none;
	margin: 0 auto;
	position: relative;
	}

.logo {
	position: absolute;
	top: 0;
	left: 0;
	width: 186px;
	}
	
.searchUtilityBox {
	background: url(../images/search.gif) no-repeat top right;
	position: absolute;
	top: 0;
	right: 0;
	width: 432px;
	height: 80px;
	text-align: left;
	margin: 0;
	padding: 0;
	}
.utility {
	width: 205px;
	color: #708ec5;
	font-size: 9pt;
	position: relative;
	top: 12px;
	left: 15px;
	}
.utility a:link, .utility a:visited {	
	text-decoration: none;
	color: #708ec5;
	}
.utility a:hover, .utility a:active {
	text-decoration: underline;
	color: #708ec5;
	}
.search {
	width: 206px;
	position: relative;
	top: -5px;
	left: 228px;
	}
.search form {
	width: 206px;
	}
.searchField {
	width: 140px;
	height: 15px;
	border: 0;
	color: #9b8948;
	font-weight: bold;
	background: #f5f3ec;
	}
* html .searchField {
	height: 17px;
	}
*:first-child+html .searchField {
	width: 122px;
	}
.search a {
	font-size: 9pt;
	color: #466db4;
	position: relative;
	top: 3px;
	left: 102px;
	}
.search a:link, .search a:visited {	
	text-decoration: underline;
	color: #466db4;
	}
.search a:hover, .search a:active {
	text-decoration: none;
	color: #466db4;
	}

	
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::  Navigation  :::::: */	
.nav {
	width: 650px;
	height: 23px;
	text-align: right;
	position: absolute;
	top: 80px;
	right: 0;
	}
/* 
*:first-child+html .nav {
	top: 80px;
	}
*/
.nav ul, .nav li {
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline;
	}
.nav ul {
	display: block;
	}
.nav li img {
	margin-left: -4px;
	}
	
.contentContainer {
	width: 970px;
	margin: 0 auto;
	background: #FFF;
	background: url(../images/bg_contentcontainer.gif) repeat-y;
	}
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::  LeftCol  :::::: */	
.leftCol {
	width: 250px;
	float: left;
	display: inline;
	text-align: center;
	}
	
.ob {
	width: 240px;
	margin: 0 auto;
	padding: 0 0 10px 0;
	text-align: left;
	position: relative;
	color: #5c7fbd;
	font-size: 9pt;
	}
.ob a:link, .ob a:visited {	
	text-decoration: underline;
	color: #5c7fbd;
	}
.ob a:hover, .ob a:active {
	text-decoration: none;
	color: #5c7fbd;
	}
.demoLinks {
	width: 157px;
	position: relative;
	top: 1px;
	left: 17px;
	}
.passwordTroubleLink {
	width: 150px;
	position: relative;
	top: -10px;
	left: 17px;
	}
.ob form {
	font: 8pt arial, helvetica, sans-serif;
	color: #5c7fbd;
	font-weight: bold;
	position: relative;
	top: 6px;
	left: 16px;
	width: 227px;
	}
.loginFields {
	width: 147px;
	height: 21px;
	border: 1px #b3b099 solid;
	background: #f5f3ec;
	color: #9b8948;
	font-weight: bold;
	margin: 2px;
	padding: 0;
	}
* html .loginFields {
	height: 23px;
	}
*:first-child+html .loginFields {
	width: 147px;
	}
.loginBtn {
	position: relative;
	top: 9px;
	left: 135px;
	}
	
.loginBtnBack {
	position: relative;
	top: 9px;
	left: 145px;
	margin-bottom: 10px;
	}
	
.bb {
	width: 240px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	padding: 12px 0 0 0;
	color: #5c7fbd;
	font-size: 9pt;
	}
.bb a:link, .bb a:visited {	
	text-decoration: underline;
	color: #5c7fbd;
	}
.bb a:hover, .bb a:active {
	text-decoration: none;
	color: #5c7fbd;
	}
.bbLinks {
	width: 157px;
	position: relative;
	top: 3px;
	left: 17px;
	}
.bbBtn {
	width: 75px;
	position: relative;
	top: 10px;
	left: 145px;
	}
	
.dropdowns {
	width: 181px;
	margin: 0 auto;
	position: relative;
	padding-bottom: 10px;
	}
.learn {
	margin: 22px 0 15px 0;
	}
	
.divider {
	position: absolute;
	bottom: 0;
	left: 9px;
	}
.divider2 {
	margin: 10px 0 20px 0;
	position: relative;
	top: 0;
	left: 0;
	}

.divider3 {
	margin: 20px 0 0px 0;
	position: relative;
	top: 0;
	left: 9px;
	}
	
.rates {
	width: 185px;
	margin: 0 auto;
	background: #edf0f8;
	border: 1px #91a6c3 solid;
	padding-bottom: 6px;
	margin-bottom: 25px;
	}
.rates table {
	font-size: 9pt;
	color: #002d62;
	margin-bottom: 0;
	}
.rates table td {vertical-align: middle;
	padding: 0 5px;
	border-top: 1px #ecf1f7 solid;
	}
.ratesRow {
	background: #b8c7e3;
	height: 16px;
	height: 22px;
	}
.ratesAltRow {
	background: #d2dbed;
	height: 16px;
	height: 22px;
	}
	
.rates table a {
	color: #003698;
	font-family: 'arial black', helvetica, sans-serif;
	font-size: 8pt;
	}
.tableRight {
	font-weight: bold;
	}
.topRow {
	height: 26px;
	}
	
.topRow td {
	vertical-align: middle;
	}	
	
/* ::::::  InThisSectionBack  :::::: */	
.inThisSection {
	text-align: right;
	width: 185px;
	color: #5c7fbd;
	font-size: 11pt;
	margin: 0 auto;
	position: relative;
	top: ;
	right: -3px;
	}
.inThisSection a:link, .inThisSection a:visited {	
	text-decoration: underline;
	color: #5c7fbd;
	}
.inThisSection a:hover, .inThisSection a:active {
	text-decoration: none;
	color: #5c7fbd;
	}
.inThisSection ul li {
	list-style-type: none;
	list-style-image: none;
	line-height: 12pt;
	margin-bottom: 16px;
	}
.inThisSection ul {
	margin-top: 12px;
	padding-left:0px;
	}
/* :::: */
	
	
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::  RightCol  :::::: */	
.rightCol {
	width: 720px;
	float: right;
	display: inline;
	text-align: center;
	}
	
/* ::::::  RightColBack  :::::: */
.rightColBack {
	width: 720px;
	float: right;
	display: inline;
	text-align: left;
	}
.headerBack {
	width: 708px;
	margin: 0 auto;
	margin-top: 10px;
	}
.backContentContainer {
	margin-left: 20px;
	margin-bottom: 20px;
	padding-right: 20px;
	}
.img {
	float: right;
	width: 233px;
	margin: 1px 15px 20px 40px;
	}
/* :::: */

.promoMain {
	width: 706px;
	height: 194px;
	margin: 0 auto;
	position: relative;
	left: -2px;
	}
.headerHome {
	margin: 0 auto;
	padding-top: 5px
	}
	
.messages {
	width: 687px;
	padding: 14px 0 10px 18px;
	border-bottom: 1px #b2c891 solid;
	margin: 0 auto;
	position: relative;
	top: 0;
	left: -2px;
	font-size: 9pt;
	}
.messagesText {
	width: 450px;
	float: left;
	display: inline;
	text-align: left;
	}
.messagesLink {
	float: right;
	width: 212px;
	color: #003698;
	font-family: 'arial black', helvetica, sans-serif;
	font-size: 8pt;
	display: inline;
	}
	
.centerBoxes {
	width: 230px;
	height: 128px;
	background: #f5f3ec;
	position: relative;
	float: left;
	display: inline;
	margin: 10px 0 10px 5px;
	}
.centerIcon {
	position: absolute;
	top: 0;
	left: 0;
	}
.centerLabel {
	position: absolute;
	top: 0;
	right: 0;
	}
.centerText {
	width: 122px;
	color: #9b8948;
	font-size: 9pt;
	text-align: right;
	position: absolute;
	bottom: 10px;
	right: 9px;
	text-decoration: none;
	}
.centerText a:link, .centerText a:visited {	
	text-decoration: none;
	color: #9b8948;
	}
.centerText a:hover, .centerText a:active {
	text-decoration: underline;
	color: #9b8948;
	}
	
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::  Footer  :::::: */
.footContainer {
	background: #FFF;
	width: 970px;
	margin: 0 auto;
	text-align: center;
	padding: 3px 0;
	}
.footer {
	background: url(../images/bg_footer.gif) repeat-y;
	width: 954px;
	border: 1px #bdc9d6 solid;
	margin: 0 auto;
	text-align: left;
	}
.footLeft {
	width: 500px;
	margin: 2px 0 2px 18px;
	float: left;
	display: inline;
	}
.footLeft img {
	vertical-align: middle;
	margin: 0 4px;
	}
	
/*copies of old classes before I added esi and ehl in case I need to add them back

.footRight {
	width: 420px;
	color: #0046c6;
	float: right;
	display: inline;
	font-size: 9pt;
	padding-top: 14px;
	}


.footRight img {
	margin: 0 108px 0 30px;
	}


	.footRight, .footLeft {
		border: 1px solid;
	}*/	
	
.footRight { 
	color: #0046c6;
	float: right;
	display: inline;
	font-size: 9pt;
	padding-right: 28px;
	text-align: right;
	margin-left: -5px;
	}

.footRight img {
	margin-right: 15px;
	/*border-bottom: 1px solid red;*/
}
	
.footRight a:link, .footRight a:visited {	
	text-decoration: none;
	color: #0046c6;
	}
.footRight a:hover, .footRight a:active {
	text-decoration: underline;
	color: #0046c6;
	}
.footRight a, .footRight a img{
	vertical-align: middle;
	}
	
.footRightLinks {
	display: inline;
	position: relative; 
	top: 8px;
}	

*:first-child+html .footRightLinks {
	display: inline;
	position: relative; 
	top: 4px;
}	
*html .footRightLinks {
	display: inline;
	position: relative; 
	top: 5px;
}	

	
.bottomCap {
	width: 980px;
	margin: 0 auto;
	}
	
#ex_dis{
	display:none;
	width:400px;
	float:center;
	padding:10px;
	background-color:#FFFFFF;
	position:absolute;
	z-index:10000;
	margin-top:50px;
	border-width:1px 1px 1px 1px;
	border-style:solid;
	border-color:#0A4599;
	margin-left:200px;
	overflow: hidden;
	text-align: left;
}
	

	
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::  Misc.  :::::: */
.tableheader {
	font-weight: bold;
	color: #9b8948;
	background: #e5eaef;
	}
.tablesubheader {
	background: #d1dbec;
	color: #002d62;
}
table {
    margin-bottom:20px;
	font-size: 100%;
}
th {
	background: #d1dbec;
	color: #002d62;
    vertical-align:top;
	}
td {
    vertical-align:top;
}
	
.tablecontent1 {

	}
	
.tablecontent2 {
	background: #f2f5f7;
	}


	
.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 {
	}


	
.required {
	font-size: 8pt;
	color: #8da2bf;
	}
	
.appfield1 {
	border: 1px #b3b099 solid;
	background: #f5f3ec;
	color: #9b8948;
	}	
.appfield2 {
	border: 1px #91a6c3 solid;
	background: #edf0f8;
	color: #002d62;
	} 
	
.b {
	font-weight: bold;
}	
    
.u {
    text-decoration:underline;
}

.i {
	font-style: italic;
}

.ub {
    text-decoration:underline;
    font-weight:bold;
}

table.table {
	border: 1px solid #E5EAEF;
	}
	
*html .ieWidth {
	width: 99%;
}	
	
	
