@charset "utf-8";

/***** Global Settings *****/
html, body { border: 0; margin: 0; padding: 0; height: 102%; }
body { font: 85%/1.25 arial, helvetica, sans-serif; background: #003e74; }

/***** Common Formatting - Yellow Color eeb211 *****/
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-weight: normal; }
h1 { padding: 5px 0 5px 0; letter-spacing: -1px; font: 1.5em arial, helvetica, sans-serif; color: #842b37; }
h1 a { color: #842b37; }
h1 a:hover { text-decoration: none; }
h2 { padding: 20px 0; letter-spacing: -1px; font: 1.3em arial, helvetica, sans-serif; }
h2 a { color: #000; }
h2 a:hover { text-decoration: none; }
h3 { font: 1em arial, helvetica, sans-serif; font-weight: bold; }

hr { border-bottom: #e1ddda 1px solid; margin: 5px; }

p, ul, ol { margin: 0; padding: 0 0 18px 0; }

ul { list-style: none; padding: 0 0 18px 40px; }
ol { padding: 0 0 18px 40px; }
ol li ul li { margin: 0 0 0 14px; padding: 0 0 0 14px; background: transparent url(images/arrow.gif) 2px .4em no-repeat; line-height: 18px; }
ol li ul li ul li { margin: 0 0 0 14px; padding: 0 0 0 14px; background: transparent url(images/arrow.gif) 2px .4em no-repeat; line-height: 18px; }

blockquote { margin: 22px 40px; padding: 0; }

small { font-size: 0.85em; }
img { border: 0; }
sup { position: relative; bottom: 0.3em; vertical-align: baseline; }
sub { position: relative; bottom: -0.2em; vertical-align: baseline; }
acronym, abbr { cursor: help; letter-spacing: 1px; border-bottom: 1px dashed; }

/***** Links *****/
a { text-decoration: none; color: #003E74; }
a:hover { text-decoration: underline; }

/***** Forms *****/
form { margin: 0; padding: 0; display: inline; }
input, select, textarea { font: 1em arial, helvetica, sans-serif; }
textarea { line-height: 1.25; }
label { cursor: pointer; }

/***** Tables *****/
table { border: 0; margin: 0 0 18px 0; padding: 0; }
table tr td { padding: 2px; }

/***** Wrapper *****/
#main-wrap { margin: 10px auto 0px auto; width: 822px; }
#yellow-wrap { width: 800px; border-bottom: 1px solid #000; border-right: 1px solid #000; border-left: 1px solid #000; background: url(images/yellow-bg.gif) repeat-y top; }
#yellow-hat { width: 800px; background: #eeb211 top repeat; border-right: 1px solid #000; border-left: 1px solid #000; height: 10px; overflow: hidden; }
#shadow { width: 822px; background: url(images/shadow2.gif) repeat-y top; padding-bottom: 5px; }
#bottomshadow { width: 822px; padding-left: 2px; height: 10px; background: url(images/mbar2.gif) no-repeat top; }

/***** Content *****/
#bannerprint { display: none; }
#printaddress { display: none; }

/***** Banners ******/
.banner { background: url(images/banner.jpg) no-repeat top; margin: 0; height: 142px; }
.banner-home { background: url(images/headers/Header_Home_Page.jpg) no-repeat top; margin: 0; height: 142px; }
.banner-business { background: url(images/headers/Header_business_banking.jpg) no-repeat top; margin: 0; height: 142px; }
.banner-personal { background: url(images/headers/Header_Personal_banking.jpg) no-repeat top; margin: 0; height: 142px; }
.banner-about { background: url(images/headers/Header_About_Us.jpg) no-repeat top; margin: 0; height: 142px; }
.banner-mission { background: url(images/headers/Header_mission.jpg) no-repeat top; margin: 0; height: 142px; }
.banner-online { background: url(images/headers/Header_Internet.jpg) no-repeat top; margin: 0; height: 142px; }
.banner-contact { background: url(images/headers/Header_contact_us.jpg) no-repeat top; margin: 0; height: 142px; }
.banner-tools { background: url(images/headers/Header_tools_resources.jpg) no-repeat top; margin: 0; height: 142px; }

#content { background: url(images/content.gif) repeat-y top; }
#leftcolumn { color: #000; margin: 5px 5px 5px 5px; padding: 10px; width: 180px; float: left; }
#rightcolumn { color: #000; margin: 5px 0px 5px 0px; padding: 10px 10px 10px 5px; width: 555px; float: left; position: relative; border: none !important; }
#leftfloatcolumn { color: #000; margin: 5px 5px 5px 0px; font-size: 1em; padding: 2px; height: 200px; width: 175px; float: left; }
#leftfloatcolumn a { color: #003E74; }
#middlefloatcolumn { float: left; color: #000; font-size: 1em; margin: 5px 5px 5px 0px; padding: 2px; height: 200px; width: 175px; display: inline; }
#middlefloatcolumn a { color: #003E74; }
#rightfloatcolumn { color: #000; margin: 5px 0px 5px 0px; font-size: 1em; padding: 2px; height: 200px; width: 175px; float: left; }
#rightfloatcolumn a { color: #003E74; }


ul.featured, ul.online-list, ul.list { margin: 0 0 1em 0; padding: 0; list-style-type: none; }
ul.featured li, ul.online-list li, ul.list li { margin: 0 0 0 14px; padding: 0 0 0 14px; background: transparent url(images/arrow.gif) 2px .4em no-repeat; font-size: 14px; line-height: 16px; }
ul.featured li ul li, ul.online-list li ul li, ul.list li ul li { margin: 0 0 0 14px; padding: 0 0 0 14px; background: transparent url(images/arrow.gif) 2px .4em no-repeat; font-size: 14px; line-height: 18px; }
ul.online-list li, ul.online-list li ul li, ul.list li, ul.list li ul li { font-size: 14px; }
ul.list, ul.list li ul { padding: 0 0 0 14px; }
img.leftcol { border: 1px solid #d7d7d7; margin: 5px 0 5px 12px; }
ul.pdf { list-style-type: none; position: relative; padding: 0; margin: 0 0 1.5em 0; }
ul.pdf li { padding: 1px 0 1px 30px; margin: 0; background: transparent url(images/pdf-icon.gif) 10px center no-repeat; font-size: 12px; }
ul.pdf li.non { padding: 1px 0 1px 30px; margin: 0; background: transparent url(images/circlelist.gif) 10px center no-repeat; font-size: 12px; }
ul.circlelist { margin: 0 0 1em 0; position: relative; padding: 0; list-style-type: none; }
ul.circlelist li { margin: 0; padding: 1px 0 5px 28px; background: url(images/circlelist.gif) 10px top no-repeat; font-size: 12px; line-height: 14px; }

#box2 { width: 300px; border: 1px solid #000; margin: 0 0 0 126px; }
#box2 p { padding: 2px; font-size: 11px; text-align: center; }
#box2 ul { font-size: 11px; margin: 5px 0 0 20px; }

/***** Nav *****/
.nav { padding: 0; margin: 0 auto; list-style: none; height: 35px; background: #fff url(images/button1.gif); width: 780px; position: relative; border-width: 0 1px; border-bottom: 1px solid #444; }
.nav li { float: left; }
.nav li a { display: block; float: left; height: 35px; line-height: 35px; color: #000; text-decoration: none; font-size: 12px; font-family: arial, verdana, sans-serif; text-align: center; padding: 0 0 0 6px; cursor: pointer; }
.nav li a strong { float: left; display: block; padding: 0 15px 0 10px; }
.nav li.current a { color: #fff; background: url(images/button3.gif); }
.nav li.current a strong { background: url(images/button3.gif) no-repeat right top; }
.nav li a:hover { color: #fff; background: #000 url(images/button2.gif); text-decoration: none; }
.nav li a:hover strong { background: url(images/button2.gif) no-repeat right top; }
.nav li.current a:hover { color: #fff; background: #000 url(images/button3.gif); cursor: default; }
.nav li.current a:hover strong { background: url(images/button3.gif) no-repeat right top; }

/****** Online Banking ******/
.onlinebanking { width: 180px; border: 1px solid #d6d7d7; background: #fff; padding: 2px; margin: 0 0 20px 0; }
.onlinebanking p { font-size: 16px; text-align: center; font-weight: bold; margin: 0 0 8px 0; padding: 3px 0; }
.onlinebanking ul { margin: 0 0 2em 0; padding: 0; list-style-type: none; }
.onlinebanking ul li { margin: 4px 1px 0 12px; display: inline; padding: 0; font-size: 12px; line-height: 14px; }
.onlinebanking ul li.button a { background: transparent url(images/logon-ob-1.gif) no-repeat; padding: 7px 23px 10px; color: #000; font-weight: bold; }
.onlinebanking ul li.button:hover a { background: transparent url(images/logon-ob-2.gif) no-repeat; color: #000; text-decoration: none; }

p.enroll { font-size: 12px; margin: 0 0 10px 0; }
ul.ob { margin-bottom: 10px; }

/****** Sub Nav ****/
.subnav { list-style-type: none; margin: 0px 0 0px 0; padding-left: 8px; font-size: 12px; }
.subnav a { display: block; width: 160px; height: 24px; line-height: 24px; padding-left: 3px; border-bottom: 1px solid #697344; text-decoration: none; color: #000; }
.subnav a:hover { background: #003e74; text-decoration: none; color: #ffbd16; }

/***** Apply Now *****/
.apply a { background: transparent url(images/Logon-1.gif) no-repeat; font-size: 12px; font-weight: bold; padding: 6px 10px 10px; color: #000; }
.apply:hover a { background: transparent url(images/Logon-2.gif) no-repeat; color: #000; text-decoration: none; }

/***** footer *****/
#footer { background: #fff; width: 780px; border-top: 5px solid #e1ddda; margin: 0 auto 10px auto; }
#footer a { color: #000; }
#footer a:hover { text-decoration: underline; }
#leftfooter { color: #000; margin: 5px 5px 5px 0px; font-size: 0.8em; padding: 2px 2px 2px 5px; height: 50px; width: 250px; float: left; }
#middlefooter { float: left; color: #000; font-size: 0.7em; text-align: center; margin: 5px 5px 5px 0px; padding: 2px; height: 50px; width: 250px; display: inline; }
#rightffooter { color: #000; margin: 5px 0px 5px 0px; text-align: right; font-size: 0.8em; padding: 2px; height: 50px; width: 250px; float: left; position: relative; }

/***** Global Classes *****/

.float-left-pad { float: left; padding-left: 50px; }
.float_right-img { float: right; padding: 2px; border: 1px solid #A49E98; margin: 0 0 0 4px; }
.center { margin: 0 0 0 50px; }
.underline { border-bottom: 1px solid; }
.highlight { background: #ffc; }
.small { font-size: 10px; }
.wrap { width: 960px; margin: 0 auto; }
.img-left { float: left; margin: 4px 10px 4px 0; }
.img-right { float: right; margin: 4px 0 4px 10px; }
.logo { float: left; margin: 0 0 0 15px; }
.cal { font-size: 11px; width: 300px; border: 1px solid #eee; padding: 5px; text-align: left; }
.caption { font-size: 11px; text-align: right; float: right; }

/* Rates */
#rates .spaceTD { display: table-cell; height: 40px; }
#rates .column1, #rates .column2, #rates .column3 { display: table-cell; text-align: center; border-bottom: 1px solid #cccccc; }
#rates .column1 { width: 225px; border-right: 1px solid #cccccc; padding: 8px 0px 8px 5px; text-align: left; vertical-align: top; }
#rates .column2 { width: 150px; padding: 8px 0px 8px 0px; border-right: 1px solid #cccccc; }
#rates .column3 { width: 150px; padding: 8px 0px 8px 0px; }
#rates h3 { padding-bottom: 10px; }
#rates .title { color: #777777; padding: 5px 0px 5px 0px; border: none; border-bottom: 1px solid #777777; vertical-align: middle; font-size: 14px; }
#rates tr.altRow { background-color: #F5F5F5; }
#rates .tier { font-weight: bold; border-top: 6px solid #000; border-bottom: none; display: table-cell; padding: 5px 0 0 5px; background: url('images/ratesTierBG.jpg') top left repeat-x; }
.ui-tabs-hide { display: none; }
#rates ul { padding: 0px; height: 20px; margin-bottom: 20px; border-bottom: 1px solid #000; }
#rates ul li { font-size: 12px; display: block; float: left; display: inline; margin-right: 5px; padding: 3px 0px 2px 4px; border: 1px solid #000000; border-bottom: none; background-color: #A39C97; }
#rates ul li a { color: #000000; }
#rates ul li:hover, #rates ul li.ui-tabs-selected { text-decoration: none; background-color: #C5BCB4; }
#rates ul li a:hover, #rates li.ui-tabs-selected a { text-decoration: none; background-color: #C5BCB4; }
#rates li.ui-tabs-selected a { font-weight: bold; color: #000000; }
#rates ul li a { background: url('images/ratesTab.jpg') right top no-repeat; padding: 3px 6px 2px 3px; }
#rates #disclaimer { font-size: 11px; color: #777777; }
small { font-size: 11px; color: #666666; }

/**************** Accordion*********************/
#accordion { width: 535px; border-bottom: solid 1px #c4c4c4; margin: 0; padding: 0; text-indent: 0; }
#accordion a.head { background: #EEB211 url(images/collapsed.gif) no-repeat right; border: 1px solid #000; color: #000; cursor: pointer; display: block; font: bold 120%/100% Arial, Helvetica, sans-serif; font-size: 12px; margin: 0; padding: 7px 20px 15px 10px; text-decoration: none; text-indent: 0px; }
#accordion a.head:hover { background-color: #fff; color: #000; }
#accordion a.selected { background-image: url(images/expanded.gif); }
#accordion a.current { background-color: #FFFF99; }
div.homeNet { clear: both; }
div.homeNet img { float: left; }