body {
	margin: 0;
	padding: 0;
	background: #4772b1 url(../images/bg.gif) repeat-x;
	color: #000;
	text-align: center;
	}
body, div, table, td {
	font:10pt Arial, Helvetica, sans-serif;
}
table {font-size:100%;}
	
a:link, a:visited {	
	color:#4971b2;
	text-decoration: underline;
	}
a:hover, a:active {
	color:#4971b2;
	text-decoration: none;
	}
	
a img { border: none; }

hr {padding:0; margin:0 0 6px 0;}
	

h2 {
	margin:0 -9px 0 -12px;
	padding:7px 0 20px 12px;
	color:#fff;
	text-transform:uppercase;
	font-size:10pt;
	background:url(../images/h2_bg.gif) repeat-x;
	text-align:left;
}
h2.first {
	background:none;
	margin-left:0;
	padding-left:0;
	padding-top:6px;
}

#calccontent h1 {
	margin:0 0 0 -12px;
	padding:5px 0 20px 12px;
	color:#fff;
	text-transform:uppercase;
	font-size:10pt;
	text-align:left;
}

#calccontent h1 center {
	margin:0 0 0 -12px;
	padding:2px 0 20px 12px;
	color:#fff;
	text-transform:uppercase;
	font-size:10pt;
	text-align:left;
}
h2.warning {
	margin:0 -14px 0 -12px;
	padding:7px 0 20px 12px;
	color:#fff;
	text-transform:uppercase;
	font-size:10pt;
	background:url(../images/h2_bg.gif) repeat-x;
	text-align:left;
}

h3 {
	margin:0;
	padding:6px 0 0 0;
	color:#b74135;
	text-transform:uppercase;
	font-size:10pt;
	}
div.calculatorkids h3 {
	margin:30px 0 0 5px;
	color:#b74135;
	text-transform:uppercase;
	font-size:10pt;
}
h4 {
	margin:0;
	padding:0 0 10px 0;
	color:#4971b2;
	font-size:10pt;
	}

p {
	margin:0;
	padding:0 0 10px 0;
	}

ul, ol { 
	margin:0;
	padding:0 0 10px 0;
}

ul li {
	margin:0 0 0 20px;
	padding:0 0 0 6px;
	list-style-image: url(../images/li.gif);
}

ol li {
	margin:0 0 0 30px;
	padding:0 0 0 6px;
}

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

table td {
	vertical-align:top;
}

table.locations, table.leadership {
	width:60%;
}
table.locations table {
	width:99%;
}

table.members_finserv {
	width:70%;
	margin:10px 15%;
}
table.members_finserv td {
	text-align:center;
	font-weight:bold;
	border: 2px groove #333333;
}
.bigblue {
	font-weight:bold;
	font-size:1.8em;
	color:#003399;
}


.tableheader {
	font-weight: bold;
	background-color:#5885b0;
	color:#fff;
	}
	
th {
	background-color:#bbcce3;
	color:#003559;
	}
	
.tablecontent1 {
	background-color:#fff;
	}
	
.tablecontent2 {
	background-color:#e7e7e7;
	}

.ratestable, .quickratestable {
	width:80%;
	margin:5px;
}
.ratestable td, .quickratestable td {
	text-align:center;
}
.ratestable .tableheader, .quickratestable .tableheader {
	vertical-align:bottom;
}

.quickratestable { font-size: 11px }

.quickratestable td.tablecontent1{
	background-color:#fff;
	font-size: 11px;
}
.quickratestable td.tablecontent2{
	background-color:#e7e7e7;
	font-size: 11px;
}
.notice { 
	color: #B23427;
	font-size: 11px;
}
	
.faqQ, .faqA { 
	font-weight: bold;
	}

.faqQ { color:#003559; }
.faqA { color:#b74135; }
	
.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 {
	font-size:8pt;
	color:#b74135;
	}
	
.appfield1 {
	border:1px solid #343434;
	}	
.appfield2 {
	border:1px solid #0f5d8e;
	}
	
/* =LAYOUT =DISTYLES */

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

.container {
	width: 839px;
	margin: 0 auto;
	text-align: left;
	}

.containerWrap {background:url(../images/content_bg.gif) repeat-y;}
.contentContainer {
	background:url(../images/content_bg_starter.gif) 0 44px no-repeat;
}
.contentWrap {
	background:url(../images/content_footer.gif) bottom left no-repeat;
	padding-bottom:17px;
	margin-bottom: -1px;
}
.content {
	min-height:350px;
	padding:0 20px 15px 22px;
	color:#003a5e;
}
* html .content {height:350px;}

.masthead {
	/* background:url(../images/masthead_slogan.gif) top right no-repeat; */
	height:84px;
	position:relative;
}


.utilLinks {
	position:absolute;
	top:13px;
	right:9px;
	text-align:right;
}
.utilLinks a:link, .utilLinks a:visited {
	color:#b23427;
	text-decoration:none;
	padding:0 3px 2px 22px;
	font-size:8pt;
}
.utilLinks a:hover, .utilLinks a:active {
	color:#b23427;
	text-decoration:underline;
}

.utilLinks a.iconHome {background:url(../images/icon_home.gif) no-repeat;}
.utilLinks a.iconChat {background:url(../images/icon_chat.gif) no-repeat;}
.utilLinks a.iconEmail {background:url(../images/icon_mail.gif) no-repeat;}
.utilLinks a.iconSearch {background:url(../images/icon_search.gif) no-repeat;}
.utilLinks a.iconFaq {background:url(../images/icon_faq.gif) no-repeat;}


/* ------  MAIN NAVIGATION */

.navMain, .navBack {
	background:url(../images/nav_spacer_home.gif) 0 31px no-repeat;
	padding-bottom:10px;
}
.navBack {background:url(../images/nav_spacer_back.gif) 0 31px no-repeat;}
/* .navMain a img {margin-right:-4px;} */
.navMain a:link, .navMain a:visited {
	text-decoration: none;
	}
.navMain a:hover, .navMain a:active {
	text-decoration: none;
	}
.navMain ul {
	margin:0 0 -3px 0;
	padding:0;
}
.navBack ul {margin-bottom:-2px;}
.navMain li {
	list-style-image:none;
	list-style-type:none;
	margin:0;
	padding:0;
	display:inline;
}

/* ------  BACKPAGE SECONDARY NAVIGATION */

.navSecondary {
	background:url(../images/nav_search_bg.gif) top right no-repeat;
	margin-right:1px;
	position:relative;
}
/* .navSecondary a img {margin-right:-4px;} */
.navSecondary a:link, .navSecondary a:visited {
	text-decoration: none;
	}
.navSecondary a:hover, .navSecondary a:active {
	text-decoration: none;
	}
.navSecondary ul {
	margin:0 0 -3px 0;
	padding:0;
}
.navSecondary li {
	list-style-image:none;
	list-style-type:none;
	margin:0;
	padding:0;
	display:inline;
}


.whatsNew {
	height:272px;
	/* background:url(../images/home_whatsnew_bg.gif) no-repeat; */
	background:url(../images/home_news_events_bg.gif) no-repeat;
}
.whatsNewContent {
	position:relative;
	top:43px;
	
	margin:0 18px 0 20px;
	font-size:9pt;
	color:#104668;
	height:215px;
	overflow:auto;
}
.whatsNewContent p {padding:0 0 10px 0; margin:0;}
.whatsNewContent h3 {
	font-size:9pt;
	color:#b23427;
	margin:0;
	padding:0 0 4px 0;
	text-transform:uppercase;
}

.homeNews {
	/* background:url(../images/home_news_bg.gif) no-repeat; */
	background:url(../images/home_news_bg.gif) no-repeat;
	/* width:278px; */
	height:207px;
	/* height:300px; */
}

.homeNewsContent {
	padding:14px 20px 0 30px;
	color:#003a5e;
	font-size:10pt;
}
.homeNewsContent p {padding:0 0 10px 0; margin:0;}
.homeNewsContent h3 {
	margin:0;
	padding:0;
	font-size:13pt;
	color:#005488;
	text-transform:none;
}

.subNav {
	padding-top:8px;
	background:url(../images/subNav_topcap.gif) top right no-repeat;
}
.subNavContent {
	padding-bottom:27px;
	background:url(../images/subNav_bottomcap.gif) bottom no-repeat;
}
* html .subNavContent {height:1%;}

.subNav a:link, .subNav a:visited {	
	display:block;
	height:29px;
	text-decoration: none;
	}
.subNav a:hover, .subNav a:active {
	text-decoration: none;
	}
.subNav ul {
	margin:0;
	padding:0;
}
.subNav li {
	list-style-image:none;
	list-style-type:none;
	margin:0;
	padding:0;
}
.subNav li img {
    margin:0;
    border:0;
}
*:first-child+html .subNav li {margin-bottom:-3px;}
* html .subNav li {margin-bottom:-3px;}

/* -------------- SEARCH HOME / BACK */

.searchBox {
	background:url(../images/searchBox_bg.gif) no-repeat;
	height:58px;
}
.searchBox form {
	padding:10px 0 0 33px;
	margin:0;
} 
.searchBox form input, .searchBack form input {
margin-left: 4px;
vertical-align:middle;
}

.searchBox .appfield1 {
	width: 150px;
	height: 20px;
}

* html .searchBox .appfield1 {
	height: 25px;
}

.searchBack .appfield1 {
	width: 120px;
	height: 20px;
}

* html .searchBack .appfield1 {
	height: 235px;
}

.searchBox .appfield1 {
	background:#fff url(../images/bg_searchfieldgoogle.gif) 3px 2px no-repeat;
}
.searchBox .appfield1:focus {
	background:none;background-color:#fff;
}

.searchBack .appfield1 {background:#fff url(../images/bg_searchfieldgoogle.gif) 3px 0 no-repeat;}
.searchBack .appfield1:focus {background:none;background-color:#fff;}

* html .searchBox .appfield1 {background:none;background-color:#fff;}
* html .searchBox .appfield1:focus {background:none;background-color:#fff;}

* html .searchBack .appfield1 {background:none;background-color:#fff;}
* html .searchBack .appfield1:focus {background:none;background-color:#fff;}

* html #searchField.appfield1-unfocus {background:#fff url(../images/bg_searchfieldgoogle.gif) 3px 0 no-repeat;}
* html #searchField.appfield1-focus {background:none;background-color:#fff;}

*:first-child+html .searchBox .appfield1 {background:none;background-color:#fff;}
*:first-child+html .searchBox .appfield1:focus {background:none;background-color:#fff;}

*:first-child+html .searchBack .appfield1 {background:none;background-color:#fff;}
*:first-child+html .searchBack .appfield1:focus {background:none;background-color:#fff;}

*:first-child+html #searchField.appfield1-unfocus {background:#fff url(../images/bg_searchfieldgoogle.gif) 3px 0 no-repeat;}
*:first-child+html #searchField.appfield1-focus {background:none;background-color:#fff;}

.searchBack {
	position:absolute;
	top:9px;
	right:14px;
}

	
.leftCol {
	float: left;
	width: 278px;
	}
	
.rightCol {
	float: left;
	width: 561px;
	}


img.sectionPhoto {
	float:right;
	margin:10px;
}	
	
	
.footer {
    text-align:center;
    }
.footer img {
	vertical-align:middle;
	margin-left:10px;
}
.footer a:link, .footer a:visited {
	font-size:9px;
	color:#c8d5e8;
	text-decoration:none;
}
.footer a:hover, .footer a:active {
	color:#fff;
	text-decoration:none;
}

* html .footer {
    background-color:#4772B1;
}

#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;
}
	
	
	
/* For backpage customlogin at online.banking */
.logincontainer {
	width: 800px;
	font: 9pt arial,verdana,sans-serif;
	color: #2e5f88;
	}
.loginleft {
	float: left;
	width: 380px;
	margin-left: 32px;
	display: inline;
	}
.loginleft form {
	font: bold 8pt arial,sans-serif;
	margin: 0;
	padding: 10px 0;
	}	
.loginleft form input, .loginleft form a {
	vertical-align: middle;
	}	
.loginleft form input {
	margin-right: 6px;
	}
.loginleft form a {
	margin: 0 4px;
	font-weight: normal;
	font-size: 9pt;
	}	
.loginleft a:link, .loginleft a:visited {
	color: #2e5f88;
	text-decoration: underline;
	}	
.loginleft a:hover, .loginleft a:active {
	color: #000;
	text-decoration: underline;
	}		
.loginnav {
	margin: 10px 0 0 -4px;
	position:relative;
	}	
.loginnav a {
	margin: 0 4px;
	}	
.loginnav a:link, .loginnav a:visited {
	color: #2e5f88;
	text-decoration: underline;
	}	
.loginnav a:hover, .loginnav a:active {
	color: #000;
	text-decoration: underline;
	}	
.loginfield {
	width: 138px;
	border: 1px solid #082c4c;
	height: 23px;
	min-height: 23px;
	max-height: 23px;
	margin: 0 0 3px 0;
	padding: 0;
	}
.loginright {
	float: right;
	width: 352px;
	margin-right: 30px;
	display: inline;
	}
.motd {
	width: 265px;
	background-color: #e2e9f3;
	border: 1px solid #8aa9c5;
	padding: 18px;
	margin: 5px 0 20px 0;
	}	
* html .motd {
	width: 301px;
	}
	
	
#helpLinks {
	display:none;
	position: absolute; 
	border:1px solid #00385D;
	background-color:#e6eef5;
	margin:36px 0 0 110px;
	padding:6px 6px 6px 0;
	z-index: 900;
	filter:alpha(opacity=94); 
	opacity:0.94;
	font-size:11px;
	font-weight:bold;
}

* html #helpLinks {
	width:140px;
}

.navSecondary #helpLinks {
    margin:30px 0 0 190px;
}
* html .navSecondary #helpLinks {
	margin-left:180px;
}

#helpLinks ul {
	margin:0 25px 0 10px;
	padding:0;
}
#helpLinks ul li {
    margin:0;
    padding:0;
    display:block;
}
#helpLinks a:link, #helpLinks a:visited {	
	color:#4971b2;
	text-decoration: underline;
	height:18px;
	}
#helpLinks a:hover, #helpLinks a:active {
	color:#4971b2;
	text-decoration: none;
	height:18px;
	}
	
.enrollPopup {
	position: absolute;
	width: 350px;
	border: 2px solid #B23427;
	background-color: #fff;
	padding: 5px;
	top: 60px;
	left: -20px;
	display:none;
	}
.iFrameWrapperBottom {
	text-align: center;
	margin: 45px auto 10px auto;
}