/* CSS Document */

body { margin: 0; background: url(images/home/mainBg.jpg) top repeat-x; background-color: #002d42; text-align: center; }

div, td { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #3b3b40; line-height: 16px; }

a { text-decoration: none; color: #cc023f; }
a:hover { text-decoration: underline; }

.uiHolder { width: 904px; margin: auto; text-align: left; }

.centerElement { text-align: center; }

.bankLogo { float: left; display: compact; }

.mainHdrPic { float: left; display: compact; }

.mainNav { clear: both; height: 31px; }
.mainNav a { float: left; display: block; height: 31px; }
.mainNavSep { float: left; width: 2px; height: 31px; background: url(images/home/navSep.gif) no-repeat; }

.navLink1 { width: 150px; background: url(images/home/navLink1.gif) no-repeat; }
.navLink1:hover { background: url(images/home/navLink1Ovr.gif) no-repeat; }
.navLink1Active { width: 150px; background: url(images/home/navLink1On.gif) no-repeat; }

.navLink2 { width: 89px; background: url(images/home/navLink2.gif) no-repeat; }
.navLink2:hover { background: url(images/home/navLink2Ovr.gif) no-repeat; }
.navLink2Active { width: 89px; background: url(images/home/navLink2On.gif) no-repeat; }

.navLink3 { width: 91px; background: url(images/home/navLink3.gif) no-repeat; }
.navLink3:hover { background: url(images/home/navLink3Ovr.gif) no-repeat; }
.navLink3Active { width: 91px; background: url(images/home/navLink3On.gif) no-repeat; }

.navLink4 { width: 114px; background: url(images/home/navLink4.gif) no-repeat; }
.navLink4:hover { background: url(images/home/navLink4Ovr.gif) no-repeat; }
.navLink4Active { width: 114px; background: url(images/home/navLink4On.gif) no-repeat; }

.navLink5 { width: 159px; background: url(images/home/navLink5.gif) no-repeat; }
.navLink5:hover { background: url(images/home/navLink5Ovr.gif) no-repeat; }
.navLink5Active { width: 159px; background: url(images/home/navLink5On.gif) no-repeat; }

.navLink6 { width: 97px; background: url(images/home/navLink6.gif) no-repeat; }
.navLink6:hover { background: url(images/home/navLink6Ovr.gif) no-repeat; }
.navLink6Active { width: 97px; background: url(images/home/navLink6On.gif) no-repeat; }

.navLink7 { width: 119px; background: url(images/home/navLink7.gif) no-repeat; }
.navLink7:hover { background: url(images/home/navLink7Ovr.gif) no-repeat; }
.navLink7Active { width: 119px; background: url(images/home/navLink7On.gif) no-repeat; }

.navLink8 { width: 71px; background: url(images/home/navLink8.gif) no-repeat; }
.navLink8:hover { background: url(images/home/navLink8Ovr.gif) no-repeat; }
.navLink8Active { width: 71px; background: url(images/home/navLink8On.gif) no-repeat; }

.hideLinkTxt { display: compact; color: #FFFFFF; visibility: hidden; }

.subNav { padding: 8px; font-size: 11px; color: #007cb5; }
.subNav a { color: #007cb5; }
.subNavSep { display: inline; padding: 0 6px; color: #007cb5; }
.subNavActiveLink { color: #007cb5; text-decoration: underline; }

.ttlTab { height: 52px; background: url(images/home/ttlTabBgExt.gif) repeat-x; }
.ttlTabL { float: left; height: 52px; width: 201px; background: url(images/home/ttlTabL.gif) no-repeat; }
.ttlTabTxt { float: left; margin-top: 7px; }
.ttlTabR { height: 52px; background: url(images/home/ttlTabR.gif) right no-repeat; }

.midAreaHolder { float: left; width: 904px; background: url(images/home/midAreaBg.gif) repeat-y; }
.midAreaHolderWide { float: left; width: 904px; background: url(images/home/midAreaBg2.gif) repeat-y; }
.midAreaHolderSingle { float: left; width: 904px; background: url(images/home/midAreaBgSingle.gif) repeat-y; }
.midAreaHolder2 { float: left; width: 904px; background: url(images/home/firstBankLogoTop.gif) bottom right no-repeat; }

.leftColumn { float: left; width: 185px; background-color: #002d42; }

.accountLoginHolder { background: url(images/home/accountLoginBg.gif) repeat-y; padding-bottom: 5px; }
.accountLoginBox { width: 175px; margin-left: 6px; background-color: #FFFFFF; }
.accountLoginTtl { padding-left: 11px; background: url(images/home/accountLoginIcon.gif) no-repeat; background-position: 156px 8px; }
.accountLoginContent { background-color: #FFFFFF; border-top: 1px solid #bbb091; padding: 0 11px 15px 11px; }
.existingUsersTtl { font-weight: bold; color: #000000; padding: 8px 11px 4px 0; border-bottom: 1px solid #c9c9c9; }
.signInBtn { border-bottom: 1px solid #c9c9c9; text-align: center; padding: 10px 0; }
.forgotUserID { font-size: 11px; padding: 10px 0 15px 0; border-bottom: 1px solid #c9c9c9; }
.accountLoginLinks { font-size: 11px; margin-top: 2px; padding-top: 10px; border-top: 1px solid #c9c9c9; line-height: 20px; }
.accountLoginLinks a { color: #007cb5; }

.sideColSubNavContent { background-color: #FFFFFF; padding: 0 11px 15px 11px; }
.sideColSubNav { font-size: 11px; padding-top: 10px; height: 200px; }
.sideColSubNav a { display: block; margin-bottom: 6px; font-weight: bold; color: #007cb5; }
.sideColSubNav .sideColSubLink { padding-left: 8px; font-weight: normal; }

.quickLinksSideBox { background-color: #FFFFFF; width: 175px; margin: 5px 0 0 6px; }
.quickLinksBoxTtl { font-weight: bold; color: #000000; padding: 8px 11px 4px 11px; border-bottom: 1px solid #c9c9c9; }
.quickLinksBoxContent { padding: 11px 11px 15px 11px; font-size: 11px; line-height: 20px; }
.quickLinksBoxContent a { color: #007cb5; }
.quickLinksBoxContentPlain { padding: 11px 11px 15px 11px; font-size: 11px; }

.mainColumn { float: left; width: 715px; margin: 0 0 23px 2px; }
.mainColumnMid { float: left; width: 548px; }
.mainColumnRight { float: left; width: 165px; margin-left: 2px; }

.bankPicHolder { margin: 4px; margin-bottom: 0; }

.contentHolder { margin: 23px 15px; }
.contentHolderInterior { margin: 13px 15px 23px 15px; }

.contentBoxesHolder { width: 540px; margin: 0 4px; }

.contentBoxesTtlsHolder { float: left; width: 540px; }

.contentBoxesContentHolder { float: left; width: 540px; background: url(images/home/contentBoxesBgExt.gif) repeat-y; }
.contentBoxTxt1 { float: left; width: 183px; }
.contentBoxTxt2 { float: left; width: 183px; margin-left: 1px; }
.contentBoxTxt3 { float: left; width: 172px; margin-left: 1px; }
.contentBoxTxtPad { margin: 13px; line-height: 20px; }

.contentBoxesMoreLinksHolder { float: left; width: 540px; text-align: right; background-color: #dcdbcd; }
.contentBoxMoreLink1 { float: left; width: 183px; }
.contentBoxMoreLink2 { float: left; width: 183px; border-left: 1px solid #FFFFFF; }
.contentBoxMoreLink3 { float: left; width: 172px; border-left: 1px solid #FFFFFF; }
.contentBoxMoreLink a { display: block; padding: 6px 13px; }

.rightColumnBox { margin: 4px; border: 1px solid #c9c9c9; background-color: #edf3f6; }
.rightColumnBoxTtl { font-weight: bold; color: #000000; padding: 8px 11px 4px 11px; border-bottom: 1px solid #c9c9c9; }
.rightColumnBoxContent { padding: 11px 11px 15px 11px; font-size: 11px; }
.rightColumnBoxMoreLink { margin: 0 11px; border-top: 1px solid #c9c9c9; text-align: right; }
.rightColumnBoxMoreLink a { display: block; padding: 6px 0; font-size: 11px; }

.footerHolder { clear: both; }

.footerNav { width: 715px; margin-left: 187px; height: 36px; background: url(images/home/footerNavBgExt.gif) top repeat-x; }
.footerNav2 { height: 36px; background: url(images/home/firstBankLogoBottom.gif) right no-repeat; }
.footerNavLinks { margin: 13px 15px 0 15px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10px; color: #007cb5; }
.footerNavLinks a { color: #007cb5; }

.footerTxt { margin: 14px 17px 15px 202px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #66818e; line-height: normal; }