/* CSS Document */
html, body { background-color:#E5E5E5; margin: 0; padding: 0; height: 100%; font:11px Verdana, Arial, Helvetica, sans-serif; color: #999999; word-spacing: normal; }
input, textarea { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.redtext { color: #990000; }
#container { width: 863px; margin: 0 auto 0 auto; background-color:#FFFFFF; }
.indent { margin-left: 15px; }
.clearfloat { clear: both; }
/**************************************************************************************
MASTER PAGE
**************************************************************************************/
form { margin: 0; padding: 0; }
/*****************************
HEADER (Top Menu)
*****************************/
#header { position: relative; width: 100%; margin: 0; padding: 0; }
#topmenucontainer { position: relative; height: 87px; width: 711px; margin: 0; padding: 0; }
#menutop { width: 100%; height: 62px; margin: 0; padding-bottom: 0px; }
#menutop a { margin: 0 10px; }
#menutop #keyword { margin: 0 5px 6px 10px; font-size:10px; border: 1px solid #C9C9C9; width: 90px; }
#menutop #menulinks { float: right; margin-top: 13px; }
#menutop #searchform { width: 180px; float: right; }
#searchform .SearchString { float: left; margin: 10px 5px 6px 10px; }
#searchform .SearchTextBox{ font-size:10px; border: 1px solid #C9C9C9; }
#searchform .Submit { float: left; text-align:right; margin: 5px 0 0 0; }
a.toplinks { font:10px Verdana, Arial, Helvetica, sans-serif; color:#3e647e; text-transform:uppercase; text-decoration:none; }
a.toplinks:hover { text-decoration:underline; }
.menubg { background-image:url(/images/main_nav_bg_repeat.jpg); background-repeat:repeat-x; }
#menu { margin: 0; padding: 0; height: 25px; }
#menu ul { list-style-type: none; padding: 0; margin: 0 0 0 77px; }
#menu li { float: left; padding: 0; margin: 0; }
#home { background-image: url(/images/home_off.jpg); width: 97px; height: 25px; }
#personal { background-image: url(/images/personal_off.jpg); width: 142px; height: 25px; }
#business { background-image: url(/images/business_off.jpg); width: 140px; height: 25px; }
#treasury { background-image: url(/images/treasury_off.jpg); width: 142px; height: 25px; }
#about { background-image: url(/images/about_off.jpg); width: 111px; height: 25px; }
/****************************
END HEADER
****************************/
.centertext { text-align: center; }
a { outline: none; }
a:focus { outline: none; }
/********************************
LOGIN BOX
********************************/
#login_box { z-index: 10; margin: 0 0 5px 0; padding: 1px; height: 18px; }
#login_wrapper { width:215px; position: relative;background-image: url('images/login_top.jpg'); background-repeat: no-repeat; background-position:50% top; padding-top: 9px; top: 0px; left: 0px; }
#login_wrapper a { color:#666666; text-decoration:underline; }
#login_wrapper a:hover { color:#000000; text-decoration:underline; }
#login_wrapper select { font:10px Verdana, Arial, Helvetica, sans-serif; }
#login_wrapper input { font:10px Verdana, Arial, Helvetica, sans-serif; }
#form_wrapper { height: 135px; background-color:#f0f0f0; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC;
font:10px Verdana, Arial, Helvetica, sans-serif; color:#666666;}
#defaultdisplay { background-color:#f0f0f0; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC;
font:10px Verdana, Arial, Helvetica, sans-serif; color:#666666; height: 118px; width: 213px;
background-image: url(/images/vmouse.jpg); background-repeat: no-repeat; background-position: right top; }
#registernow { position: absolute; bottom: 0px; width: 95%; padding: 0px 0px 10px 5px; }
.lcontainer { clear: both; margin: 0; padding: 0; }
.flabel { padding: 2px 0;float: left; margin-left: 4px; }
.ffield { float: right; margin: 1px 8px 1px 0; padding: 0px; }
#cars { float: right; margin-right: 8px;width: 155px; }
#vmouse { z-index: 1; position: absolute; bottom: 5px; left: 1px; height: 123px; width: 205px;
background-color: #f0f0f0; background-image: url(/images/vmouse.jpg);background-repeat: no-repeat;
background-position: right bottom; }
#vmouse span { display: block; text-align: center; font-weight: bold; padding: 50px 0 0 0; }
#frmPASSPORT,#frmCashMgr,#frmMCAcctInfo,#frmBOB,#frmRemoteDeposit {
display: none; position: relative; padding: 1px 0 0 5px; background-color:#f0f0f0; font:.9em Verdana, Arial, Helvetica, sans-serif;
color:#666666; width: 205px; height: 115px; }
#frmPASSPORT p,#frmCashMgr p,#frmMCAcctInfo,#frmBOB p,#frmRemoteDeposit p { margin-bottom: 6px; }
.gobuttonlink { display: block; position: absolute; bottom: 0; right: 0; clear: both; text-align: right; width: 200px; padding-top: 5px;
background-image: url(/images/gray_dotline.jpg); background-repeat: repeat-x; background-position: 0 3px; }
/*************************************
Quick Links Box
*************************************/
#quick_links_wrapper { width:215px; margin:8px 0px 0px 0px; background-color: #ccd6e0; background-image:url(/images/quick_links_bottom.jpg); background-position:bottom center; background-repeat:no-repeat; padding-bottom:8px; }
#quick_links_box { height:115px; background:#ccd6e0; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; font:10px Verdana, Arial, Helvetica, sans-serif; color:#666666; margin:0px; }
#quick_links_box a { color:#848585; text-decoration:underline; }
#quick_links_box a:hover { color:#000000; text-decoration:underline; }
#quick_links_box a#fdic,#quick_links_box a#atmlocator { color: #c62828; font-weight: bold; }
#quick_links_box a#fdic:hover,#quick_links_box a#atmlocator:hover { color: #990000; }
/*************************************
End Quick Links Box
*************************************/
/*******************************************************************************
MASTER PAGE PROMOS (lower left)
*******************************************************************************/
/*** Easy Pay Promotion ***/
#easypay_wrapper { position: relative; height: 108px; width:215px; margin:8px 0px 0px 0px; }
/*** End Easy Pay Promotion ***/
/*** eStatement Ad ***/
#ead_wrapper { position: relative; height: 108px; width:215px; margin:8px 0px 0px 0px;}
#ead_box { position: absolute; top: -15px; left: 0px; height: 122px; width: 215px;
padding: 0; margin: 0; font-family: 'Times New Roman'; font-size: 16pt; color: #FFFFFF; text-align: center;
background-image: url(/images/GoGreen_adspace_new.gif); background-repeat: no-repeat; background-position: bottom; }
a.eadlink { position: absolute; bottom: 0px; left: 0px; display: block; height: 110px; width: 215px; }
/*** End eStatement Ad ***/
/*** STAR ATM Network Announcement ***/
#star_wrapper { position: relative; width:215px; height: 108px; margin: 8px 0 0 0; background-image: url(/images/FreeATMs_adspace.gif);
background-repeat: no-repeat; }
#star_wrapper h4 { text-align: center; margin:0 auto; padding: 2px 0; font-size: 1.4em; color: #FFFFFF; }
#star_wrapper a { text-decoration: none; }
#innerlink { position: absolute; top: 30px; left: 0px; width: 215px; font-size: .9em; }
#innerlink a { padding: 0 0 0 10px; display:block; height: 80px; color: #666666; }
#innerlink a:hover { color: #777777; }
#innerlink a span:hover { text-decoration: underline; }
.vspacing { margin: 7px 0; display: block; }
.lineh { line-height: 12px; }
.linec { text-align: center; }
/*** EMD STAR ATM Network Announcement ***/
/*******************************************************************************
END MASTER PAGE PROMOS
*******************************************************************************/
/**************************************************************************************
END MASTER PAGE
**************************************************************************************/
/*******************************************************************************
MAIN PAGE PROMOTIONS (main page, lower right)
********************************************************************************/
/*** TAG Insurance ***/
#tag_wrapper { position: absolute; left: 434px; top: 0px; width:201px; height: 108px; }
#tag_wrapper a.taglink { display: block; width: 201px; height: 108px; background-image: url(/images/TAG_Deposit_Ins.jpg); background-repeat: no-repeat; }
#tag_wrapper a.taglink:hover { background-image: url(/images/TAG_Deposit_Ins_over.jpg); background-repeat: no-repeat; }
.tag_bar { position: absolute; top: 0; left: 0; width: 400px; color: #FFFFFF; background-color: #62751c; padding: 0; height: 24px; text-align: right;
border-bottom: 1px solid #333333; cursor: pointer; cursor: hand; }
.tag_bar div { position: absolute; right: 3px;top: 4px; }
#tag_info { display: none; position: absolute; width: 400px; top: -150px; left: 220px; z-index: 5; color: #000000;
background-color: #abbf46; border-top: 1px solid #999999; border-left: 1px solid #999999; border-right: 2px solid #333333;
border-bottom: 2px solid #333333; padding: 26px 0px 0px 0px; background-image: url(/images/piggybank_bg.jpg); background-repeat: no-repeat;
background-position: 310px 20px;
}
#tag_info h5 { font-size: 1.2em; width: 300px; margin: 5px 0; }
#tag_content { color: #000000; padding: 10px; }
#tag_content span { display: block; font-weight: bold; font-style:italic; text-decoration: underline; padding: 3px 0; }
/*** End Tag Insurance ***/
/*** Gift Card Adspace ***/
#giftcard_wrapper { position: absolute; left: 434px; top: 0px; width:201px; height: 108px;
background-image: url(/images/GiftGiving_adspace.gif); background-repeat:no-repeat; }
#giftcard_box { margin:0px; padding: 0; height: 108px;cursor:pointer;cursor:hand; }
#giftcardinfo { display: none; position: absolute; width: 245px; height: 180px; top: -110px; left: 440px; z-index: 5; color: #000000;
background-color: #FFFFFF; border-top: 1px solid #999999; border-left: 1px solid #999999; border-right: 2px solid #333333;
border-bottom: 2px solid #333333; padding: 26px 0px 0px 0px; cursor:pointer;cursor:hand;
background-image: url(/images/giftcardinfo_bg.jpg); background-repeat: no-repeat; background-position: bottom center; }
#gccontent { color: #FFFFFF; font-weight: bold; padding: 6px; }
.giftcardbar { position: absolute; top: 0; left: 0; width: 245px; color: #FFFFFF; padding: 0; height: 24px; text-align: right;
background-image: url(/images/giftcardbar_bg.gif); background-repeat: repeat-x; border-bottom: 1px solid #333333; }
/*** End Gift Card Adspace ***/
/*** Pot Of Gold Sweepstakes ***/
#pog_wrapper { position: absolute; left: 434px; top: 0px; width:201px; height: 108px; }
#pog_box { margin:0px; padding: 0; height: 108px; }
/*** End Pot Of Gold Sweepstakes ***/
/*** Treasure Hunt Instant Win Game ***/
#treasurehunt_wrapper { position: absolute; left: 434px; top: 0px; width:201px; height: 108px; }
#treasure_box { margin:0px; padding: 0; height: 108px; }
/*** End Treasure Hunt Instant Win Game ***/
/*** Go Green with Town North Bank ***/
#gogreen_wrapper { position: absolute; left: 434px; top: 0px; width:201px; height: 108px; }
#gogreen_box { margin:0px; padding: 0; height: 108px; }
/*** End Go Green with Town North Bank ***/
/*** Mr Reap Retirement Announcement ***/
#retirement_wrapper { position: absolute; left: 434px; top: 0px; width:201px; height: 108px; }
#retirement_box {margin:0px; padding: 0; height: 108px;}
/*** End Mr Reap Retirement Announcement ***/
/*** Holiday Greetings ***/
#holiday_wrapper { position: absolute; left: 434px; top: 0px; width:201px; height: 108px; }
#holiday_box {margin:0px; padding: 0; height: 108px; background-image: url("/Images/HolidayGreetings.jpg"); background-repeat: no-repeat; width: 201px; height: 108px; }
/*** End Holiday Greetings ***/
/*** New Hours Announcement ***/
#newhours_wrapper { position: absolute; left: 434px; top: 0px; width:201px; height: 108px; }
#newhours_wrapper a.announce { display: block; text-decoration: none; font-family: Arial,Verdana,sans-serif; color: #08335e; width: 201px; height: 108px; margin:0px; padding: 5px; background-image:url(/images/NewHoursAnnouncement.jpg); background-repeat: no-repeat;}
#newhours_wrapper a:hover.announce { background-image:url(/images/NewHoursAnnouncement_over.jpg); background-repeat: no-repeat;}
#newhours_wrapper a h5 { font-size:1.25em; letter-spacing: .004em; margin: 0; }
#newhours_wrapper a span { display: block; text-align: right; margin-right: 20px; font-size: 1.02em; font-style: italic; font-weight: bold; }
#newhours_wrapper #newhours_newsbox { position: absolute; left: -190px; top: -118px; width: 389px; height: 298px; background-image: url(images/NewHours_container.png); background-repeat: no-repeat; display: none; }
#newhours_wrapper #newhours_newsbox #header { position: absolute; left: 0px; top: 0px; width: 389px; padding: 4px 10px; }
#newhours_wrapper #newhours_newsbox #header h5 { display: inline; margin: 0; font-size: 1em; color: #FFFFFF; }
#newhours_wrapper #newhours_newsbox #header span { position: absolute; top: 5px; right: 40px; background-image: url(images/closeX.png); background-repeat: no-repeat; width: 13px; height: 13px; cursor:pointer;cursor:hand; }
#newhours_wrapper #newhours_newsbox #newhourscontent { margin: 30px 0 0 0; padding: 10px 22px 10px 10px; color: #08335e; font-size: 1.1em; }
#newhours_wrapper #newhours_newsbox #newhourscontent a#closeannounce { display: block; position: absolute; right: 40px; bottom: 35px; width: 80px; text-align: center; text-decoration: none; padding: 4px 0; border: 1px solid #990000; color: #990000; font-weight: bold; }
#newhours_wrapper #newhours_newsbox #newhourscontent a:hover#closeannounce { background-color: #ffdbdb; }
/*** End New Hours Announcement ***/
/*******************************************************************************/
/***************** END FRONT-PAGE PROMOTIONS ****************************/
/*******************************************************************************/
/************************* CONTENT **********************************/
#content { margin: 6px; background-color: #FFFFFF; }
#headertextbox { background-color:#ffffff; position:absolute; top:72px; left:265px; width:310px; padding:7px;
filter:alpha(opacity=55); opacity: 0.55; -moz-opacity:0.55; z-index:5; }
#main_graphic { position:relative; margin-left:8px; width:627px; height: 157px;
background:url(/images/main_bg_graphic.jpg) no-repeat left top;
font:10px Verdana, Arial, Helvetica, sans-serif; color:#000000;
}
#main_graphic2 { position:relative; margin-left:8px; width:627px; height: 157px;
background:url('/images/personal_bg_graphic.jpg') no-repeat left top;
font:10px Verdana, Arial, Helvetica, sans-serif; color:#000000;
}
#main_graphic3 { position:relative; margin-left:8px; width:627px; height: 157px;
background:url(/images/business_bg_graphic4.jpg) no-repeat left top;
font:10px Verdana, Arial, Helvetica, sans-serif; color:#000000;
}
#main_graphic4 { position:relative; margin-left:8px; width:627px; height: 157px;
background:url(/images/treasury_bg_graphic.jpg) no-repeat left top;
font:10px Verdana, Arial, Helvetica, sans-serif; color:#000000;
}
#main_graphic5 { position:relative; margin-left:8px; width:627px; height: 157px;
background:url(/images/security_bg_graphic.jpg) no-repeat left top;
font:10px Verdana, Arial, Helvetica, sans-serif; color:#000000; top: 0px; left: 0px;
}
#main_graphic6 { position:relative; margin-left:8px; width:627px; height: 157px;
background:url(/images/estatemt_bg_graphic.jpg) no-repeat left top;
font:10px Verdana, Arial, Helvetica, sans-serif; color:#000000; top: 0px; left: 0px;
}
#main_graphic7 { position:relative; margin-left:8px; width:627px; height: 157px;
background:url(/images/about_bg_graphic.jpg) no-repeat left top;
font:10px Verdana, Arial, Helvetica, sans-serif; color:#000000; top: 0px; left: 0px;
}
/* .graphic2text { margin:0px;padding:71px 100px 0px 258px; }*/
/* .graphic3text { margin:0px;padding:71px 100px 0px 268px; } */
/* .graphic4text { margin:0px;padding:71px 100px 0px 258px; } */
.maingraphictext { position: absolute; top: 0px; left: 0px; width:627px; height: 157px; }
.graphic2text { position: absolute; top: 68px; left: 260px; padding: 5px; width: 300px; background-color: #FFFFFF; filter:alpha(opacity=55); opacity: 0.55; -moz-opacity:0.55; }
.graphic3text { position: absolute; top: 68px; left: 270px; padding: 5px; width: 280px; background-color: #FFFFFF; filter:alpha(opacity=55); opacity: 0.55; -moz-opacity:0.55; }
.graphic4text { position: absolute; top: 68px; left: 260px; padding: 5px; width: 300px; background-color: #FFFFFF; filter:alpha(opacity=55); opacity: 0.55; -moz-opacity:0.55; }
.graphic5text { position: absolute; top: 68px; left: 230px; padding: 5px; width: 300px; background-color: #FFFFFF; filter:alpha(opacity=65); opacity: 0.65; -moz-opacity:0.65; }
.graphic6text { position: absolute; top: 35px; left: 120px; padding: 5px; width: 300px; color: #FFFFFF; }
/*.graphic7text { position: absolute; top: 0px; left: 0px; width: 627px; height: 157px; }*/
.graphic7text { position: absolute; top: 73px; left: 235px; padding: 5px; width: 275px; background-color: #FFFFFF; filter:alpha(opacity=65); opacity: 0.65; -moz-opacity:0.65; }
a.section_link { display:block; background-image:url(/images/toplink_off.jpg); text-align:center; font:11px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; color:#3e647e; text-decoration:none; padding:8px 0px 7px 0px; width:201px; }
a.section_link:hover { background-image:url(/images/toplink_on.jpg); }
.showhidelink { color:#08325c; font:11px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; }
.showhidelink a { color:#08325c; font:11px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; text-decoration: none; }
.showhidelink a:hover { color:#08325c; font:11px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; text-decoration: underline; }
.choicesdisclosure { margin: 5px 0 0 5px; padding-bottom: 5px; font-size: .9em; color: #909090; line-height: 11px; letter-spacing: .03em; }
/**** Link background styles ****/
.linklt { background-image: url(images/linkleft.jpg); background-repeat: no-repeat; background-position: top; width: 5px; height: 46px; float: left; margin:0; padding: 0; }
.linkbg { background-image: url(images/linkbg.jpg); background-repeat: no-repeat; background-position: top; height: 46px; float: left; margin:0; padding: 0; }
.linkrt { background-image: url(images/linkrt.jpg); background-repeat: no-repeat; background-position: top; width: 5px; height: 46px; float: left; margin:0; padding: 0; }
/********************************/
ul.links { margin:0px 0px 0px 15px; padding:0px; }
#solutions { position: relative; height: 155px; margin-top: 8px; }
#personal_wrapper { position: absolute; left:8px; top:0px; width:201px; padding-bottom:8px; background-color:#FFFFFF;
background-image:url(/images/personal_box_bottom.jpg); background-position:bottom center; background-repeat:no-repeat; }
#personal_box { height:105px; background-color:#FFFFFF; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC;
font:10px Verdana, Arial, Helvetica, sans-serif; color:#3e647e; margin:0px; padding:10px 0px 0px 15px; }
#personal_box a { color:#3e647e; text-decoration:none; }
#personal_box a:hover { color:#000000; text-decoration:underline; }
li.orange { list-style-image:url(/images/orange_arrow.jpg); font:10px Verdana, Arial, Helvetica, sans-serif; color:#3e647e; line-height:14px; }
li.orange_active { list-style-image:url(/images/orange_arrow_active.jpg); font:10px Verdana, Arial, Helvetica, sans-serif; font-weight:bold;
color:#3e647e; line-height:14px; }
li.orange a{ color:#3e647e; text-decoration:none; }
li.orange a:hover{ color:#000000; text-decoration:underline; }
li.orange_active a{ color:#3e647e; text-decoration:none; }
li.orange_active a:hover{ color:#3e647e; text-decoration:none; }
/**** personal checking ****/
.navlist { margin-left: 0; padding-left: 0; list-style: none; }
.navlist li { padding-left: 10px; margin-bottom:0; padding-bottom:0; background-image: url("/images/blue_subnav_arrow.jpg");
background-repeat: no-repeat; background-position: 0 .5em; line-height: 18px; }
.rateleftpad { padding-left: 25px; }
#ATMlinkcontainer { margin: 0px; padding: 0; line-height: 16px; font-size: 1em; }
.atmlinks { float: left; padding: 20px 30px; background-color: #FFFFFF; text-align: center; border: 1px solid #CCCCCC; }
#starsf { padding: 0 0 20px 0; }
#starsf h3 { display: inline; color: #000000; }
#starsf p { font-size: 1.1em; }
#starsflogo { width: 211px; border: 1px solid #CCCCCC; float: right; margin: -10px 0 0px 30px; text-align: center; }
#starsflogo p { color: #666666; font-weight: bold; margin: 0 0 8px 0; }
#pulsebox { padding: 8px; border: 1px solid #999999; }
#pulselink { display: block; float: left; width: 130px; margin-right: 20px; padding: 20px 30px; background-color: #FFFFFF; border: 1px solid #CCCCCC; }
#pulsetext { padding: 40px 25px 40px 0; }
/* End Personal Solutions */
/* Business Solutions */
#business_wrapper { position: absolute; left:221px; top: 0px;width:201px; padding-bottom:8px;
background-color:#FFFFFF; background-image:url('/images/personal_box_bottom.jpg');
background-position:center bottom; background-repeat:no-repeat; }
#business_box { height:105px; background-color:#FFFFFF; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC;
font:10px Verdana, Arial, Helvetica, sans-serif; color:#3e647e; margin:0px; padding:10px 0px 0px 15px; }
#business_box a { color:#3e647e; text-decoration:none; }
#business_box a:hover { color:#000000; text-decoration:underline; }
li.blue { list-style-image:url(/images/blue_arrow.jpg); font:10px Verdana, Arial, Helvetica, sans-serif; color:#3e647e; line-height:14px; }
li.blue_active { list-style-image:url(/images/blue_arrow_active.jpg); font:10px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#3e647e; line-height:14px; }
li.blue a { color:#3e647e; text-decoration:none; }
li.blue a:hover { color:#000000; text-decoration:underline; }
li.blue_active a { color:#3e647e; text-decoration:none; }
li.blue_active a:hover { color:#3e647e; text-decoration:none; }
/* End Business Solutions */
/* Treasury Management */
#treasury_wrapper { position: absolute; left:434px; top: 0px; width:201px; background-color: #FFFFFF;
background-image:url('/images/personal_box_bottom.jpg'); background-position:center bottom;
background-repeat:no-repeat; padding-bottom:8px; z-index: 0; }
#treasury_box { height:105px; background-color:#FFFFFF; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; font:10px Verdana, Arial, Helvetica, sans-serif; color:#3e647e; margin:0px; padding:10px 0px 1px 15px; }
#treasury_box a { color:#3e647e; text-decoration:none; }
#treasury_box a:hover { color:#000000; text-decoration:underline; }
.treasurymgmt_bg { background-image: url(/images/TreasMgmt.jpg); background-position:bottom right; background-repeat: no-repeat; }
.cashmgr_bg { background-image: url(/images/CashMgr.jpg); background-position: bottom right; background-repeat: no-repeat; }
.remotedep_bg { background-image: url(/images/RemoteDeposit.jpg); background-position: bottom right; background-repeat: no-repeat; }
.pospay_bg { background-image: url(/images/PositivePay.jpg); background-position: bottom right; background-repeat: no-repeat; }
.statmt_bg { background-image: url(/images/StatementDelivery.jpg); background-position: bottom right; background-repeat: no-repeat; }
.lockbox_bg { background-image: url(/images/LockBox.jpg); background-position: bottom right; background-repeat: no-repeat; }
.mrchsvce_bg { background-image: url(/images/MerchantSvce.jpg); background-position: bottom right; background-repeat: no-repeat; }
#contentbox1,#contentbox2,#contentbox3,#contentbox4,#contentbox5 { height: 120px; }
#cashmgr { z-index:10; background-color: #fff9db; border: 1px solid #9bacbc; padding: 3px 8px 5px 8px; margin-bottom: 6px; position: absolute; left: 15px; top: 69px; width: 450px; }
#cashmgr a#cmclose { position: absolute; right: 5px; bottom: 5px;cursor:hand; cursor:pointer; }
#rdeposit { z-index:10; background-color: #fff9db; border: 1px solid #9bacbc; padding: 3px 8px 5px 8px; margin-bottom: 6px; position: absolute; left: 145px; top: 69px; width: 450px; }
#rdeposit a#rdclose { position: absolute; right: 5px; bottom: 5px;cursor:hand; cursor:pointer; }
#pospay { z-index:10; background-color: #fff9db; border: 1px solid #9bacbc; padding: 3px 8px 5px 8px; margin-bottom: 6px; position: absolute; left: 15px; top: 189px; width: 450px; }
#pospay a#ppclose { position: absolute; right: 5px; bottom: 5px;cursor:hand; cursor:pointer; }
#cacctanalysis { z-index:10; background-color: #fff9db;border: 1px solid #9bacbc; padding: 3px 8px 5px 8px; margin-bottom: 6px; position: absolute; left: 145px; top: 189px; width: 450px; }
#cacctanalysis a#ccaclose { position: absolute; right: 5px; bottom: 5px;cursor:hand; cursor:pointer; }
#sd { z-index:10; background-color: #fff9db; border: 1px solid #9bacbc; padding: 3px 8px 5px 8px; margin-bottom: 6px; position: absolute; left: 15px; top: 309px; width: 450px; }
#sd a#sdclose { position: absolute; right: 5px; bottom: 5px;cursor:hand; cursor:pointer; }
#wirexfer { z-index:10; background-color: #fff9db; border: 1px solid #9bacbc; padding: 3px 8px 5px 8px; margin-bottom: 6px; position: absolute; left: 145px; top: 309px; width: 450px; }
#wirexfer a#wtclose { position: absolute; right: 5px; bottom: 5px;cursor:hand; cursor:pointer; }
#sweeps { z-index:10; background-color: #fff9db; border: 1px solid #9bacbc; padding: 3px 8px 5px 8px; margin-bottom: 6px; position: absolute; left: 15px; top: 429px; width: 447px; }
#sweeps a#ccclose { position: absolute; right: 5px; bottom: 5px; cursor:hand; cursor:pointer; }
#lockbox { z-index:10; background-color: #fff9db;border: 1px solid #9bacbc; padding: 3px 8px 5px 8px; margin-bottom: 6px; position: absolute; left: 145px; top: 429px; width: 450px; }
#lockbox a#lbclose { position: absolute; right: 5px; bottom: 5px; cursor:hand; cursor:pointer; }
#mrchcard { background-color: #fff9db;border: 1px solid #9bacbc; padding: 3px 8px 5px 8px; margin-bottom: 6px; position: absolute; left: 15px; top: 549px; width: 450px; }
#mrchcard a#mcclose { position: absolute; right: 5px; bottom: 5px;cursor:hand; cursor:pointer; }
#achorig { z-index:10; background-color: #fff9db;border: 1px solid #9bacbc; padding: 3px 8px 5px 8px; margin-bottom: 6px; position: absolute; left: 145px; top: 549px; width: 450px; }
#achorig a#achclose { position: absolute; right: 5px; bottom: 5px;cursor:hand; cursor:pointer; }
li.green { list-style-image:url(/images/green_arrow.jpg); font:10px Verdana, Arial, Helvetica, sans-serif; color:#3e647e; line-height:14px; }
li.green_active { list-style-image:url(/images/green_arrow_active.jpg); font:10px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#3e647e; line-height:14px; }
li.green a { color:#3e647e; text-decoration:none; }
li.green a:hover { color:#000000; text-decoration:underline; }
li.green a:visited { color:#808a91; }
li.green_active a { color:#3e647e; text-decoration:none; }
li.green_active a:hover { color:#3e647e; text-decoration:none; }
.llinkbox { margin-bottom: 8px; background-color: #e0e5e9; float: left; width: 275px; height:100px; border: solid 1px #9bacbc; padding:0; position: relative; }
.llinkbox h6 { background-color: #9bacbc; padding:3px 5px; margin: 0; color:#08325c; text-transform:uppercase; font-size: 11px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
.rlinkbox { margin-bottom: 8px; background-color: #e0e5e9; float: right; width: 275px; height:100px; border: solid 1px #9bacbc; padding: 0; position: relative; }
.rlinkbox h6 { background-color: #9bacbc; padding:3px 5px; margin: 0; color:#08325c; text-transform:uppercase; font-size: 11px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
.dlink { position: absolute; bottom: 5px; left: 5px; cursor:hand; cursor:pointer; }
.boxcontent { padding: 5px; }
.heading { padding:3px 5px; margin: 0; background-color: #9bacbc; }
.printablepdf { display: block; float: right; margin: 0px; padding: 5px 5px 5px 30px; font-size: 70%; color: #999999; background-image: url(/images/pdf_print.gif); background-repeat: no-repeat; background-position: left 3px; }
/* End Treasury Management */
/* Security */
#security_wrapper { position: relative; width:215px; margin:8px 0px 0px 0px; background-color: #d9e1e8; background-image:url(/images/security_box_bottom.jpg); background-position:bottom center; background-repeat:no-repeat; padding-bottom:8px; }
#security_box { height: 68px; background-color:#d9e1e8; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; font:10px Verdana, Arial, Helvetica, sans-serif; color:#666666; margin:0px; }
#security_box a { color:#666666; text-decoration:underline; }
#security_box a:hover { color:#000000; text-decoration:underline; }
/* End Security */
li.third_level { list-style-type:none; color:#3366cc; font:10px Verdana, Arial, Helvetica, sans-serif; line-height:14px; margin:0px; padding:0px; }
li.third_level a { color:#3366cc; text-decoration:none; }
li.third_level a:hover { color:#000000; text-decoration:none; }
li.hide_third { display: none; }
/* Remote Banner */
#features { position: relative; height: 108px; margin-top: 7px; }
#remotebanner { position:absolute; left: 8px; top:0px; margin:0px; }
/* End Remote Banner */
/* Whats New */
#whats_new_wrapper { position: absolute; left: 434px; top: 0px; width:201px; background-color: #dfe1e3;
background-image:url('/images/whats_new_bottom.jpg'); background-position:center bottom;
background-repeat:no-repeat; padding-bottom:8px; }
#whats_new_box { height: 68px; background-color:#dfe1e3; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC;
font:10px Verdana, Arial, Helvetica, sans-serif; color:#666666; margin:0px; }
#whats_new_box a { color:#666666; text-decoration:underline; }
#whats_new_box a:hover { color:#000000; text-decoration:underline; }
/* End Whats New */
.added_padding { padding:15px; min-height:400px; height:auto !important; height:500px; }
.added_padding h4 { font-size: 1.2em; }
.edie_padding { padding: 15px 5px; min-height:400px; height:auto !important; height:500px; }
.edie_padding h4 { font-size: 1.2em; }
#215_box_wrapper { width:215px; margin:0px; }
#blue_boxhead { width:215px; height:28px; margin:0px; position: relative;
background:url(images/blueheader_bg_repeat.jpg); background-position:top left; background-repeat:repeat-x;
font:11px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #3e647e; font-weight:bold; text-align:center; }
#blue_left_corner { float:left; margin:0px; height: 28px; overflow: hidden; }
#blue_right_corner { float:right; margin:0px; background:url(images/blueheader_bg_repeat.jpg); background-position:top left; background-repeat:repeat-x; height: 28px; overflow: hidden; }
#box_content { padding:13px 6px 0px 10px; margin:0px; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; width: 197px;
}
.leftnavhead { float: left; width: 190px; padding: 8px 0 3px 0; margin: 0 auto; color: #3e647e; text-decoration: none; }
ul.links { margin:0px 0px 0px 15px; padding:0px; }
#breadcrumbnav { margin: 5px 2px 5px 10px; padding: 0; height: 16px; background-color: #e5eaef; }
#breadcrumbnav a { display: block; float: left; background-image: url(/images/blue_subnav_arrow.jpg); background-repeat: no-repeat;
background-position: left; padding-left: 10px; /* link distance from previous link */
margin: 0px 5px; /* arrow distance from text */ text-decoration: none; font:11px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #8da0ae; }
#breadcrumbnav a:hover { text-decoration: underline; color:#000000; }
img {margin:0px; padding:0px;}
#personnel_box { background-color:#f0f1f1; margin:0px 0px 0px 8px; font:11px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#666666; line-height:20px; height: 100%; }
#personnel_box a { color:#666666; text-decoration:underline; }
#personnel_box a:hover { color:#000000; text-decoration:underline; }
#personnel_info { padding:15px 30px 0px 30px; }
.personnel_name { color:#08325c; text-transform:uppercase; font-weight:bold; font-style: normal; font-variant: normal; font-size: 11px;
line-height: normal; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; margin-top: 19px; }
.personnel_name a { color:#08325c; font:11px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:bold; text-decoration: none; }
.personnel_name a:hover { color:#08325c; font:11px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:bold; text-decoration: underline; }
#slvr_boxhead { width:627px; height:28px; margin:0px; background:url(images/slvr_head_bg_repeat.jpg); background-position:top left;
background-repeat:repeat-x; font:14px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #999999; font-weight:bold;
text-align:left; }
#slvr_boxhead a { text-decoration: none; color: #999999; }
#slvr_boxhead a:hover { text-decoration: none; color: #999999; }
#slvr_boxhead h4 { float: left; margin: 0; padding: 5px 0; }
#slvr_box_bottom { width:627px; height:10px; }
#slvr_left { float:left; }
#slvr_right { float:right; }
/************************ Privacy Policy *****************************/
#ppolicy { margin: 10px; color: #333333; font-size: 11px; background-color: #f0f0f0; }
#ppolicy h1 { font-size: 120%; color: #08325c; }
/******************** End Privacy Policy ***************************/
/************************ About Us **********************************/
.boxtitle { position: absolute; left: 15px; top: -2px; color: #FFFFFF; font-weight: bold; }
.smboxtop { position: relative; margin: 0; padding: 0; background-image: url(/images/blue_content_top-a.gif); background-repeat: no-repeat;
width: 234px; height: 15px; }
.smboxcontent { margin:0; padding: 5px 15px; border-left: 1px solid #405d80; border-right: 1px solid #405d80; width: 202px; line-height: 15px; }
.smboxbottom { margin: 0; padding: 0; background-image: url(/images/blue_content_bottom-a.gif); background-repeat: no-repeat; width: 234px;
height: 15px }
.mboxtop { position: relative; margin: 0; padding: 0; background-image: url(/images/blue_content_top-b.gif); background-repeat: no-repeat;
width: 294px; height: 15px; }
.mboxcontent { margin:0; padding: 5px; border-left: 1px solid #405d80; border-right: 1px solid #405d80; width: 282px; line-height: 20px; }
.mboxbottom { margin: 0; padding: 0; background-image: url(/images/blue_content_bottom-b.gif); background-repeat: no-repeat; width: 294px;
height: 15px; }
li.red { list-style-image:url(/images/red_arrow.gif); font:10px Verdana, Arial, Helvetica, sans-serif; color:#3e647e;
line-height:14px; }
li.red_active { list-style-image:url(/images/red_arrow_active.gif); font:10px Verdana, Arial, Helvetica, sans-serif; font-weight:bold;
color:#3e647e; line-height:14px; }
li.red a { color:#3e647e; text-decoration:none; }
li.red a:hover { color:#000000; text-decoration:underline; }
li.red a:visited { color:#808a91; }
li.red_active a { color:#3e647e; text-decoration:none; }
li.red_active a:hover { color:#3e647e; text-decoration:none; }
/**** COMMUNITY NEWS ****/
h6.newsitalic { font-size: 1em; font-style: italic; margin-top: 2px; }
.rightimg { float: right; margin-left: 12px; }
.rightimg span { display: block; text-align: center; font-size: .9em; font-style: italic; }
.leftimg { float: left; margin-right: 12px; }
.leftimg span { display: block; text-align: center; font-size: .9em; font-style: italic; }
/**** END COMMUNITY NEWS ****/
/**** STATEMENT OF CONDITION ****/
#assetsliabilities .aleft { padding-left: 10%; }
#assetsliabilities .aright { padding-right:10%; }
#assetsliabilities .indentleft { padding-left: 15%; }
.dollarsign { float: left; width: 120px; margin: 0; padding: 0; }
.lb { padding-left: 10px; border-left: 1px solid #123e6b; background-image: url(images/soc_bg_cell.jpg); background-position: bottom;
background-repeat: repeat-x;}
.rb { border-right: 1px solid #123e6b; background-image: url(images/soc_bg_cell.jpg); background-position: bottom;
background-repeat: repeat-x; }
#printmap { width: 90%; margin: 0 auto 20px auto; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; line-height:14px; }
#printtab { float: right; background-image: url(/about/images/printtab.gif); background-repeat: no-repeat; background-position:right;
width: 115px; text-align: right; padding: 7px 0; }
#printtab a { color: #FFFFFF; text-align: right; text-decoration: none; padding: 0px 24px; }
#printtab a:hover { color: #CCCCCC; text-decoration: underline; }
#printbtn { height: 28px; background-image: url(/about/images/printtab_bg.gif); background-repeat: repeat-x; margin: 0; }
#tnbmap { position: relative; height: 400px; border-left: 1px solid #333333; border-right: 1px solid #333333; border-bottom: 1px solid #333333; }
#bankaddress { margin-bottom: 10px; }
#holidaynotice { width: 90%;margin: 5px auto; line-height: normal; color: #999999; }
.contactcontainer { margin-bottom: 30px; }
.contactnums { margin: 5px 20px 5px 20px; }
.contactlegend { margin: 0 4px 0 0; padding: 0 4px 0 0; }
/************************ End About Us ******************************/
/************************ Security ********************************/
ul.bullet {list-style: none; padding: 0;margin:5px 0;}
li.block { background-image:url(/images/boxbullet.gif); background-repeat: no-repeat; background-position:left center;
color: #354783; font-weight: bold; margin-left: 3em; padding: 0 0 0 25px; }
#fdictable table { font-family: Verdana, Arial, Helvetica, sans-serif; color: #003366; background-color:#e6ebf1; }
#fdictable #tablehead { color: #FFFFFF; }
#fdictable td { color: #003366; }
#tablehead { font-size: 150%; font-weight: bold; color: #FFFFFF; background-color:#003366; padding-top: 1.5em; }
.familyhead { border-bottom:2px solid #c1753b; font-weight: bold; font-size: 1.0em; color: #c1753b; }
.infoinset { padding-left: 15px; }
.infoinsetR { padding-right: 35px; }
.total { border-bottom: 1px solid #003366; width: 80%; }
.cellbgcolor { background-color:#e6ebf1; }
/************************ End Security ****************************/
/************************ Site Map ******************************/
.subdir { margin-left: 25px; }
#sitemapleft { float: left; width: 47%; }
#sitemapright { float: right; width: 48%; }
li.home { list-style-type: none; font:12px Verdana, Arial, Helvetica, sans-serif; color:#3e647e; }
li.sm_orange { list-style-image:url(/images/orange_arrow.jpg); font:11px Verdana, Arial, Helvetica, sans-serif; color:#3e647e;
line-height:16px; }
li.sm_orange a { color:#3e647e; text-decoration:none; }
li.sm_orange a:hover { color:#000000; text-decoration:underline; }
li.sm_orange a:visited { color:#808a91; }
li.sm_orange ul { margin-left: 18px; }
li.sm_orange li { padding: 2px 0; }
li.sm_blue { list-style-image:url(/images/blue_arrow.jpg); font:11px Verdana, Arial, Helvetica, sans-serif; color:#3e647e;
line-height:16px; }
li.sm_blue a { color:#3e647e; text-decoration:none; }
li.sm_blue a:hover { color:#000000; text-decoration:underline; }
li.sm_blue a:visited { color:#808a91; }
li.sm_blue ul { margin-left: 18px; }
li.sm_blue li { padding: 2px 0; }
/** Treasury sitemap links **/
li.sm_green { list-style-image:url(/images/green_arrow.jpg); font:11px Verdana, Arial, Helvetica, sans-serif; color:#3e647e;
line-height:16px; }
li.sm_green a { color:#3e647e; text-decoration:none; }
li.sm_green a:hover { color:#000000; text-decoration:underline; }
li.sm_green a:visited { color:#808a91; }
li.sm_green ul { margin-left: 18px; }
li.sm_green li { padding: 2px 0; }
/** About Us and Security sitemap links **/
li.sm_red { list-style-image:url(/images/red_arrow.gif); font:11px Verdana, Arial, Helvetica, sans-serif; color:#3e647e;
line-height:16px; }
li.sm_red a { color:#3e647e; text-decoration:none; }
li.sm_red a:hover { color:#000000; text-decoration:underline; }
li.sm_red a:visited { color:#808a91; }
li.sm_red ul { margin-left: 18px; }
li.sm_red li { padding: 2px 0; }
.padbottom { margin-bottom: 20px; }
/*********************** End Site Map ***************************/
/************************** END CONTENT ******************************/
/******************** FOOTER **************************/
#footer { background-color:#E5E5E5; text-align:center; }
#footer a { color:#999999; text-decoration:underline; }
#footer a:hover { color:#013467; text-decoration:underline; }
#links { width:863px; margin-top: 5px; background-color:#f0f0f0; text-align:center; background-image: url(/images/footer_bg_repeat.jpg); background-repeat: repeat-x; }
#linkscontainer { height: 20px; margin: 0px auto 0 auto; padding-top: 7px; }
#linkscontainer a { color:#A7A7A7; text-decoration:none; margin: 0 10px; }
#linkscontainer a:hover { color: #FFFFFF; text-decoration:underline; margin: 0 10px; }
a.bottom_nav { font:10px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:none; }
a.bottom_nav:hover { text-decoration:underline; }
#info { margin-top: 8px; width: 837px; }
#fdiclogo { width: 55px; right: 45px; margin-left: 2%; float: left; }
#lenderlogo { width: 40px; margin-right: 2%; float: right; }
#contactinfo { width: 80%; margin: 10px auto 10px auto; text-align: center; }
/******************** End FOOTER **********************/