﻿
body
{
	font-family: Helvetica, Arial, sans-serif;
	background: #FFF;
	margin: 0;
	padding: 0;
	font-size: 0.75em;
	line-height: 150%;
	color: #222;
}
div, p, h1, h2, h3, h4, h5, h6, ol, ul, dl, dt, dd, li, blockquote
{
	margin: 0px;
	padding: 0px;
}

input, select
{
	font-size: smaller;
}

.inputbox
{
	width: 100px;
}

.a
{
	text-decoration: none;
}
a img
{
	border: 0;
}
p
{
	margin: 0 0 1em;
}
h1
{
	font-size: 1.8em;
	color: #B6242C;
	font-weight: bold;
	font-style: oblique;
	margin-bottom: 0px;
	padding-top: 56px;
}
h2
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.6em;
	font-style: oblique;
	color: #B6242C;
	line-height: 150%;
	font-weight: bold;
}
h3
{
	font-size: 1.4em;
	color: #454873;
	font-weight: bold;
	margin: 0px 0px .4em;
	padding: 0px;
}
h4
{
	font-size: 1.2em;
	font-style: normal;
	text-transform: uppercase;
	color: #454873;
	line-height: 240%;
	font-weight: bold;
}
h5
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.05em;
	color: #B6242C;
	margin-bottom: 0.2em;
	font-weight: normal;
}
h6
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	color: #B6242C;
	margin-bottom: 0.2em;
	font-weight: bold;
}
ul
{
	font-family: Helvetica, Arial, sans-serif;
	line-height: 150%;
	color: #222;
	list-style: square inside;
	margin-left: 0px;
	text-align: left;
}
ol
{
	font-weight: normal;
	color: #222;
	list-style: disc url(none) outside;
	margin-left: 15px;
}
li
{
	margin: 0px 0px .8em;
	color: #222;
}
a:link
{
	color: #DC5D00;
	text-decoration: none;
}
a:visited
{
	text-decoration: none;
	color: #DC5D00;
}
a:hover
{
	text-decoration: none;
	color: #D85D42;
}
a:active
{
	text-decoration: none;
	color: #DB5D42;
	text-align: right;
}
.nbCurrent
{
	cursor: default;
}
.cite
{
	font-size: 0.95em;
	line-height: 125%;
	color: #888;
}

.LtGryText
{
	color: #888;
	font-style: normal;
	font-weight: normal;
}
.orangeSubHead
{
	width: 250px;
	vertical-align: middle;
	text-align:right;
	font-size: 1.2em;
	color: #DC5D00;
}
.lightRedSubhead
{
	font-size: 1.1em;
	color: #D85D42;
	text-align: left;
	font-weight: bold;
}
.RedSubHead
{
	color: #B6242C;
	font-size: 1.2em;
	font-weight: bold;
}
.BlueSubHead
{
	font-size: 1.4em;
	color: #454873;
}
.GrySubHead
{
	font-size: 1.0em;
	color: #222;
}
.tableLeftCol
{
	text-align: right;
}
.tableCenterCol
{
	text-align: center;
	width: 110px;
}
.tableRightCol
{
	width: 210px;
}
.tableScreen
{
	background: #EDF0EB;
}
.formText
{
	color: #222;
	font-weight: bold;
}
.formSignin
{
	font-size: 1.1em;
	font-style: oblique;
	color: #454873;
	text-align: left;
	line-height: 100%;
	font-weight: normal;
}
.plaintext
{
	font-family: Helvetica, Arial, sans-serif;
	line-height: 100%;
	color: #222;
}
.optionsHead
{
	font-style: normal;
	text-transform: uppercase;
	color: #454873;
	line-height: 130%;
	font-weight: bold;
	margin-bottom: .6em;
}
.alignRight
{
	text-align: right;
}
.clear
{
	clear: both;
}
.formData
{
	color: #222;
	text-align: right;
}
.accordianSub
{
	font-style: normal;
	text-transform: uppercase;
	color: #454873;
	line-height: 135%;
	font-weight: bold;
	margin-bottom: 10px;
}
#container
{
	width: 843px;
	background: #FFF;
	margin: 0 auto;
	text-align: left;
	position: relative;
}
#printContainer
{
	width: 750px;
	background: #FFF;
	margin: 0;
	text-align: left;
	position: relative;
}
#printContainer #printHead
{
	text-align: center;
	margin-left: 0px;
}
#printContainer img
{
	margin-top: 30px;
	margin-left: 50px;
}
#printContainer .ratesTable
{
	margin-left: 50px;
	width: 650px;
}
#popContainer
{
	width: 350px;
	text-align: left;
}

#head
{
	position: relative;
}
.searchBox
{
	position: absolute;
	height: 25px;
	width: 250px;
	left: 637px;
	top: 30px;
}
.searchBox p a:link, .searchBox p a:visited
{
	color: #FFF;
	background: #DC5D00;
	padding: 2px 7px;
}
.searchBox p a:hover, .searchBox p a:active
{
	color: #222;
	background: #DC5D00;
	padding: 2px 7px;
}
#head .loginBox
{
	position: absolute;
	width: 600px;
	left: 240px;
	bottom: 70px;
	top: 10px;
	height: 70px;
}
#head .loginBoxNew
{
	position: absolute;
	width: 730px;
	left: 110px;
	bottom: 70px;
	top: 10px;
	height: 70px;
}
#onlineBanking
{
	padding-top: 22px;
	float: left;
}
#onlineBankingNew
{
	padding-top: 22px;
	float: left;
}
#loginForm
{
	text-align: right;
	width: 180px;
	float: left;
	padding-top: 10px;
	height: 60px;
}
#loginFormNew
{
	text-align: right;
	width: 180px;
	float: left;
	padding-top: 10px;
	height: 60px;
}
#loginUsernameLinks
{
	float: left;
	padding-top: 10px;
}
#HBAlert
{
	padding-top: 22px;
	text-align: right;
}
.login
{
	padding-top: 22px;
	float: left;
	margin-left: 5px;
}
.loginNew
{
	padding-top: 22px;
	float: left;
	margin-left: 5px;
}
.login a:link, .login a:visited
{
	color: #FFF;
	background: #DC5D00;
	padding: 3px;
}
.login a:hover, .login a:active
{
	color: #222;
}
.loginNew a:link, .loginNew a:visited
{
	color: #FFF;
	background: #DC5D00;
	padding: 3px;
}
.loginNew a:hover, .loginNew a:active
{
	color: #222;
}
.loginBox #lock
{
	float: left;
	margin-top: 22px;
}
.loginBoxNew #lock
{
	float: left;
	margin-top: 22px;
}
#help
{
	float: right;
	margin-top: 22px;
}
#head #navBar
{
	width: 670px;
	position: absolute;
	left: 162px;
	top: 76px;
}
#atmTopText
{
	margin: 40px 170px;
}
#frmAtm
{
	margin-left: 220px;
	margin-right: 170px;
}
#frmATMRight
{
	float: left;
	width: 280px;
	padding-left: 60px;
	margin-bottom: 50px;
}
#menuSidebar
{
	text-align: left;
	width: 122px;
	float: left;
	border-bottom: 1px dotted #222;
	position: absolute;
	left: 10px;
	top: 220px;
	z-index: 100;
}
#menuSidebar ul
{
	list-style: url(none) none outside;
	font-size: 100%;
}
#menuSidebar ul li
{
	border-top: 1px dotted #222;
	padding: 9px 0px 0px;
	color: #444;
	line-height: 120%;
}
#footer
{
	clear: both;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 30px;
	margin-bottom: 0px;
}
.locations
{
	margin-top: 30px;
	margin-left: 135px;
}
#content
{
	margin: 10px 117px 0px;
}
#topCopy
{
	text-align: left;
	margin: 40px 20px 0px 170px;
}
#twoCol
{
	margin-top: 20px;
	position: relative;
}
#twoColLeft
{
	width: 305px;
	float: left;
	padding-left: 175px;
	margin-left: 0px;
}
#twoColRight
{
	width: 305px;
	padding-left: 50px;
	float: left;
}
#calculatorBottom
{
	clear: both;
	text-align: justify;
	margin-right: 40px;
	margin-left: 170px;
	padding-top: 30px;
}
#bottomBlurb
{
	text-align: right;
	margin-top: 20px;
	clear: both;
	margin-left: 250px;
	margin-right: 30px;
	font-size: 1.4em;
	font-style: oblique;
	color: #B6242C;
	margin-bottom: 40px;
}
#loginPageTop
{
	margin-left: 170px;
	margin-bottom: 40px;
	margin-top: 50px;
}
#loginPageBox
{
	position: static;
	float: none;
	margin-top: 35px;
}
#loginPageLock
{
	float: left;
	padding-top: 20px;
	padding-left: 10px;
}
#loginPageCopy
{
	position: relative;
	clear: both;
	margin-left: 170px;
	width: 550px;
}
.calculatorFrame
{
	position: relative;
	margin-left: 160px;
	width:600px;
	border-top: 1px dotted #222;
	border-bottom: 1px dotted #222;
}
#indexSidebarHolder
{
	height: 432px;
	width: 233px;
	float: left;
}
#indexSidebar
{
	width: 203px;
	background: #F6F8E7;
	float: left;
	height: 412px;
	padding: 20px 15px 0px 15px;
	margin-top: 4px;
}
#indexSidebar a:link
{
	color: #222;
	font-weight: normal;
	text-decoration: underline;
}
#indexSidebar a:visited
{
	color: #222;
}
#indexSidebar a:hover
{
	color: #D85D42;
	text-decoration: underline;
}
#indexSidebar a:active
{
	color: #222;
	text-decoration: none;
}
#indexPhoto
{
	margin-top: 4px;
	float: right;
}
#bottomBanner
{
	text-align: center;
	clear: both;
	padding-top: 0px;
	font-size: 0.8em;
	line-height: 200%;
}
.insured
{
	text-align:left;
	font-size: 0.8em;
	line-height: 100%;
	color: #888;
}
#efectiveDate
{
	text-align: center;
	margin: 20px;
	margin-top: 10px;
	margin-bottom: 30px;
}
.ratesTable
{
	margin-top: 20px;
	margin-left: 170px;
	width: 603px;
	margin-bottom: 30px;
	clear: both;
}

.ratesTable td
{
	padding-top: 3px;
	line-height: 120%;
	font-style: normal;
	font-family: Helvetica, Arial, sans-serif;
	color: #666;
}

#newsCopy #newsHeadline
{
	margin-bottom: 20px;
}
#newsCopy
{
	margin-left: 300px;
	width: 450px;
}
#newsSidebar
{
	float: left;
	text-align: right;
	width: 165px;
	margin-top: 105px;
	margin-left: 102px;
}
#frmCommentLabel
{
	color: #DC5D00;
	font-style: oblique;
	font-weight: normal;
	font-size: 1.4em;
}
#blogCommentName
{
	color: #222;
	background: #EDF0EB;
	padding: 5px 5px 3px;
}
#lifeline
{
	text-align: right;
	position: relative;
	padding-left: 0px;
}
#frmProfile
{
	width:630px;
	margin-top: 30px;
	margin-left: 160px;
	margin-right: 20px;
}
#frmProfile fieldset
{
	border: 1px dashed #444;
	margin-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
	width: 100%;
}
#frmProfile fieldset legend
{
	color: #DC5D00;
	font-size: 1.4em;
	font-style: oblique;
	background: #FFF;
}
#frmProfile fieldset #employer
{
	padding-left: 20px;
	width: 240px;
	float: left;
}
#frmProfile fieldset #bankingProducts1
{
	width: 180px;
	float: left;
}
#frmProfile fieldset #bankingProducts2
{
	width: 215px;
	float: left;
}
#frmProfile fieldset #interests1
{
	float: left;
	width: 250px;
}

#certif
{
	text-align: justify;
	width:100%;
	margin-top:10px;
	font-size:.90em;
	color:Gray;
}
#frmSubmit
{
	text-align: center;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 10px;
	clear: both;
}
#frmSubmit #thanks
{
	visibility: hidden;
}
#sourceTopCopy
{
	margin-top: 40px;
	margin-right: 80px;
	margin-left: 170px;
}
#sourceList
{
	margin: 20px 80px 20px 170px;
}
table#plans
{
	font-family: Helvetica, Arial, sans-serif;
	width: 100%;
}
table#plans th
{
	font-size: 0.85em;
	font-weight: bold;
	line-height: 120%;
	text-align: center;
	font-style: normal;
	vertical-align: middle;
	color: #FFF;
	border: 1px solid #FFF;
	padding: 5px;
	background: #849D95;
}
table#plans td
{
	width: 100px;
	padding-left: 3px;
	padding-top: 5px;
	vertical-align: top;
	background-color: #ECF5E4;
	border: solid 1px #FFF;
	text-align: center;
	padding-right: 3px;
	background-color: #ECF5E4;
}
#bankingTopCopy
{
	text-align: justify;
	margin: 30px 110px 20px 170px;
}
#tapChart
{
	margin-left: 135px;
}
#disclosure
{
	margin: 40px 110px 0px 170px;
	text-align: justify;
}
#container #submit
{
	text-align: center;
	position: absolute;
	z-index: 100;
	left: 772px;
	top: 639px;
}
#joinCopy
{
	margin: 30px 140px 0px 170px;
}
#joinCopy ol
{
	line-height: 150%;
	color: #222;
}
#optionsHead
{
	margin-left: 160px;
	margin-top: 40px;
	margin-bottom: 20px;
}
.optionsList1
{
	float: left;
	width: 220px;
	margin-left: 160px;
	padding-right: 0px;
}
.optionsList2
{
	float: left;
	width: 230px;
	padding-right: 0px;
	margin-left: 15px;
}
.optionsList3
{
	float: left;
	width: 200px;
	padding-right: 0px;
	margin-left: 15px;
}
.optionsList4
{
}

.optionsList1 a:link, .optionsList2 a:link, .optionsList3 a:link, .optionsList4 a:link
{
	color: #666;
	text-decoration: underline;
}
.optionsList1 a:visited, .optionsList2 a:visited, .optionsList3 a:visited, .optionsList4 a:visited
{
	color: #666;
}
.optionsList1 a:hover, .optionsList2 a:hover, .optionsList3 a:hover, .optionsList4 a:hover
{
	color: #D85D42;
	text-decoration: underline;
}
.optionsList1 a:active, .optionsList2 a:active, .optionsList3 a:active, .optionsList4 a:active
{
	color: #666;
}
.compare
{
	float: right;
	margin-top: -100px;
	margin-right: 50px;
}
#sendButton
{
	text-align: center;
	margin-left: 170px;
	margin-right: 30px;
}
#virtualTopCopy
{
  margin-left: 120px;
  margin-top: 20px;
}
#virtualLeftList
{
	width: 230px;
	float: left;
	text-align: left;
	padding-left: 10px;
	line-height: 100%;
	margin-top: 5px;
}
#virtualRightList
{
	width: 320px;
	text-align: left;
	float: right;
	margin-right: 100px;
	margin-top: 5px;
}
#chainAnim
{
	clear: both;
	margin-left: 135px;
}
#forumTitle
{
	text-align: left;
	margin-left: 120px;
	width: 550px;
}
.forumList
{
	margin-left: 120px;
	margin-top: 40px;
	width: 583px;
	margin-bottom: 0px;
	font-size: 110%;
	font-style: normal;
}
#topLink
{
	margin-left: 120px;
}

.forumList ol
{
	list-style: none;
	margin-left: 0px;
	padding-left: 0px;
}
.forumList ol li hr
{
	color: #CCC;
}
#frmForumComment
{
	margin-left: 120px;
	margin-top: 30px;
}
.forumList a:link, #forumList a:visited
{
	color: #454873;
	line-height: 130%;
	font-weight: bold;
}
.forumList a:hover, #oforumList a:visited
{
	color: #DB5D42;
	font-weight: bold;
}
#disclaimer
{
	margin-right: 50px;
	margin-left: 50px;
}
#forumDisclaimer
{
	text-align: justify;
	padding-top: 30px;
	padding-right: 150px;
	padding-left: 150px;
	font-size: 0.75em;
	line-height: 120%;
	color: #777;
}
#printF a:link, #printF a:visited
{
	color: #222;
	text-decoration: none;
}
#printF a:hover, #printF a:active
{
	color: #D85D42;
	text-decoration: none;
}
#refLibTopCopy
{
	margin: 40px 80px 20px 170px;
	text-align: left;
}
#refListContent
{
	position: relative;
	margin-left: 170px;
}
.refListAny
{
	padding-left: 60px;
	float: left;
	margin-left: 0px;
	margin-bottom: 40px;
}
.refList1
{
	width: 250px;
	padding-left: 60px;
	float: left;
	margin-left: 0px;
	margin-bottom: 40px;
}
.refList2
{
	width: 250px;
	padding-left: 20px;
	float: left;
}
.refList1 a:link, .refList2 a:link, .calculatorFrame a:link, .refListAny a:link
{
	color: #666;
	text-decoration: underline;
}
.refList1 a:visited, .refList2 a:visited, .calculatorFrame a:visited, .refListAny a:visited
{
	color: #666;
}
.refList1 a:hover, .refList2 a:hover, .calculatorFrame a:hover, .refListAny a:hover
{
	color: #D85D42;
	text-decoration: underline;
}
.refList1 a:active, .refList2 a:active, .calculatorFrame a:active
{
	color: #666;
}
#ourStory
{
	text-align: left;
	width: 410px;
	margin-top: 40px;
	margin-left: 170px;
	float: left;
}
#photos
{
	float: right;
	margin-top: 150px;
	text-align: left;
	margin-right: 55px;
}
#moreContent
{
	margin-top: 10px;
	margin-left: 170px;
	margin-right: 39px;
}
#moreCopy
{
	padding-right: 30px;
	padding-left: 53px;
	padding-bottom: 10px;
}
table.team
{
	width: 100%;
}
table.team td
{
	text-align: center;
	vertical-align: top;
	padding-bottom: 10px;
	width: 191.25px;
}
table#volsTop
{
	width: 100%;
}
table#volsTop td
{
	text-align: center;
	vertical-align: top;
	padding-bottom: 10px;
	width: 90px;
}
table#volsBottom
{
	width: 100%;
}
table#volsBottom td
{
	text-align: center;
	vertical-align: top;
	padding-bottom: 10px;
	width: 90px;
}
#onLineLinkContent
{
	margin-top: 60px;
	margin-left: 220px;
	margin-right: 180px;
}
#onLineLinkContent #acctInfo
{
	float: left;
	width: 200px;
}
#onLineLinkContent #acctTable
{
	padding: 10px;
}
#acctTable #bottomRow0, #acctTable #bottomRow1, #acctTable #bottomRow2
{
	border-bottom: 1px solid #222;
}
#onLineLinkContent #acctTable a:link, #onLineLinkContent #acctTable a:visited
{
	color: #454873;
}
#onLineLinkContent #acctTable a:hover, #onLineLinkContent #acctTable a:active
{
	color: #B6242C;
}
#menuAcctInfo
{
	text-align: left;
	float: left;
	position: absolute;
	left: 10px;
	top: 220px;
	z-index: 100;
}
#policyList
{
	margin-top: 30px;
	margin-right: 40px;
	margin-left: 170px;
}
.AccordionList
{
	margin: 20px 40px 20px 170px;
}
#siteMapText
{
	margin: 40px 100px 0px;
}
#siteMapText a:link, #siteMapText a:visited
{
	color: #767996;
}
#siteMapText a:hover, #siteMapText a:active
{
	color: #B5160F;
}
#siteMapText ol
{
	font-weight: normal;
	color: #222;
	margin-left: 0px;
	list-style: none;
}
#siteMapText ol ol
{
	font-size: 100%;
	font-weight: normal;
	color: #222;
	margin-left: 15px;
	list-style: none;
}
.navBack
{
	background-color: gray;
	height: 100%;
	padding-top: 20px;
	padding-left: 0px;
	padding-right: 5px;
	border-right-width: 2px;
	border-right-style: groove;
	border-right-color: silver;
}

A.nav
{
	text-decoration: none;
	color: black;
}
A.nav:visited
{
	text-decoration: none;
	color: black;
}
A.nav:hover
{
	text-decoration: underline;
	color: black;
}

A.Admin
{
	text-decoration: none;
	color: White;
}
A.Admin:visited
{
	text-decoration: none;
	color: White;
}
A.Admin:hover
{
	text-decoration: underline;
	color: White;
}

.NAVTD
{
	font-family: Helvetica, Arial, sans-serif;
	line-height: 100%;
	color: #222;
}

.navBullet
{
	padding-left: 0px;
	padding-right: 10px;
}

.navFooter
{
	color: black;
	font-size: 9px;
	font-weight: normal;
	text-align: center;
	padding-top: 25px;
	padding-bottom: 10px;
}

.adminTable
{
	margin-left: 20px;
	margin-top: 25px;
	margin-bottom: 25px;
}

.adminTD
{
	background-color: #225491;
	font-size: 11px;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 5px;
}

.refLibItem
{
	margin: 0px;
}
.blueHead {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	color: #454873;
	margin-bottom: 0.2em;
	font-weight: bold;
}

.BlueTableHead {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1em;
	color: #454873;
	font-weight: bold;
}
.NewsItemShort
{
	height:250px;
	overflow:hidden;
}

.SearchButton
{
	font-size:1.2em;
	font-weight:bold;
	padding: 2px 7px;
	color: #D85D42;
	text-decoration: underline;
}
.SearchButton:hover
{
	color: #222;
	text-decoration: underline;
}

.contactUsCopy {
	margin: 40px 40px 0px 170px;
}
.contactUsCopy .caOffice {
	width: 310px;
	float: left;
}
.contactUsCopy .ncOffice {
	margin-left: 330px;
}
.contactUsCopy .closures {
	clear: both;
	padding-top: 20px;
}
.alignCenter {
	text-align: center;
}
.HeaderNav
{
	position:absolute;
	top:0;
	right:0;
	font-size:.80em;
	z-index: 100;
}

.visa  {
	width: 500px;
	border: 1px solid #9999cc;
}

.visa th {
	color: white;
	background-color: #000066;
	height: 20px;
	vertical-align: center;
	border: 1px solid #9999cc;
	text-align: center;
}

.visa tr {
	height: 20px;
	vertical-align: center;
	border: 1px solid #9999cc;
}

.tr_l {
	background-color: #ffffff;
	border: 1px solid #9999cc;
}

.tr_d {
	background-color: #ccccff;
	border: 1px solid #9999cc;
}

.visa td {
	text-align: center;
	border: 1px solid #9999cc;
}

.elite, .rewards {
	width: 70px;
}

#visatitle {
	margin-top: -50px;
}
