/* TEMP */

table.quarterback 
{
    width : 600px;
}
table.quarterback td {padding : 3px; border-bottom : 1px dotted #999; font-size : 85%;}
table.quarterback td.ghost {color : #ccc;}


/* Body Template */
body { background: #dfdfc1 url(../../_images/common/bg_public-page.gif) repeat-x top; color: #666666; font-family: Georgia, Times New Roman, Serif; font-size: 80%; -moz-user-select : none;}

div.page-container { margin: 0px auto 0px auto; width: 970px; }
div.page-body-outer { background: url(../../_images/common/bg_page-container.png) repeat-y top; }
div.page-body-inner { background: url(../../_images/common/bg_page-body-outer.png) no-repeat top; }
div.page-body { background: url(../../_images/common/bg_page-body.png) no-repeat bottom; margin-left: 5px; padding-bottom: 15px; padding-top: 1px; width: 960px; }
div.body-column-left { background: url(../../_images/common/bg_body-column-left.png) no-repeat top; display: block; float: left; margin: 0; padding-left: 20px; padding-right: 20px; padding-top: 28px; width: 200px; }
div.body-column-right { font-family: Arial; margin-left: 240px; width: 720px; }
div.page-body div.copy-block { padding-left: 41px; padding-right: 41px; }
div.page-header { background-color: #ffffff; display: block; height: 180px; width: 970px; }
div.header-logo { display: block; float: left; height: 96px; padding-left: 22px; padding-top: 44px; width: 448px; }
div.header-locations { display: block; font-family: Arial, Helvetica, sans-serif; font-size: 90%; height: 29px; margin-left: 470px; padding-top: 15px; text-align: right; width: 470px; }
div.header-locations a { margin-right: 25px; }
div.header-locations select { border: solid 1px #666666; color: #666666; }
div.header-mark { display: block; height: 67px; margin-left: 470px; padding-top: 29px; text-align: right; width: 470px; }
div.page-footer { background: url(../../_images/common/bg_page-footer.png) no-repeat top; color: #999999; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 80%; height: 15px; padding-left: 25px; padding-top: 25px; width: 945px; }
div.page-footer a:link, div.page-footer a:visited, div.page-footer a:hover, div.page-footer span.link-like { color: #666666; font-size: 110%; font-weight: bold; vertical-align: top; }
div.footer-tags { display: block; float: right; padding-right: 25px; text-align: right; width: 490px; }
div.footer-tags img { margin-left: 20px; margin-right: 5px; margin-top: -6px; }
div.nav-top { display: block; height: 40px; margin: 0px 0px 0px 5px; width: 960px; }
    /* >>> Home Template >>> */
    body.home div.promo-slide { display: block; height: 295px; margin-top: 3px; padding-left: 5px; padding-top: 0px; width: 715px; }
    body.home div.promo-left { margin-top: 256px; width: 200px; }
    body.home div.promo-right { background: url(../../_images/common/bg_vr.gif) repeat-y left; margin-left: 480px; padding-left: 20px; width: 200px; }
    body.home div.promo-center { float: left; padding-right: 20px; width: 460px; }
    body.home div.promo-left, body.home div.promo-center, body.home div.promo-right { display: block; font-family: Georgia, Times New Roman, Serif; line-height: 16px; }
    body.home div.promo-left h2, body.home div.promo-center h2, body.home div.promo-right h2 { color: #333333; font-family: Georgia, Times New Roman, Serif; font-size: 140%; font-weight: 500; line-height: 20px; margin-bottom: 5px; margin-top: 5px; }
    body.home div.promo-left ul, body.home div.promo-center ul, body.home div.promo-right ul { margin: 0; padding: 0; }
    body.home div.promo-left li, body.home div.promo-center li, body.home div.promo-right li { margin-left: 20px; }
    div.promo-left img.button,div.promo-right img.button,div.promo-center img.button { margin-top: 15px; }

/* Global Styles */
div.hr { background: #ffffff url(../../_images/common/bg_hr.gif) repeat-x center; border: 0; height: 1px; padding-bottom: 7px; padding-top: 7px; }
br.clear { clear: both; height: 0px; }
a:link, a:visited { color: #666666; font-weight: bold; text-decoration: none; }
a:hover { text-decoration: underline; }
div.copy-block h2 { color: #333333; font-family: Georgia, Times New Roman, Serif; font-size: 140%; font-weight: normal; padding-bottom: 8px; line-height : 130%; }
div.copy-block h3 { color: #666666; font-family: Georgia, Times New Roman, Serif; font-size: 130%; font-style: italic; font-weight: normal; padding-bottom: 5px; }
div.copy-block h4 { color: #999999; font-family: Georgia, Times New Roman, Serif; font-size: 100%; font-style: italic; font-weight: normal; padding-bottom: 5px; }
div.copy-block p, .copy-block { line-height: 1.3em; margin-bottom: 15px; }
div.copy-block.hr { margin-left: 25px; margin-right: 25px; }
div.copy-block a.link-alt { color: #000000; }
div.disclaimer { color: #999999; display: block; font-size: 85%; margin-left: 22px; margin-top: 15px; margin-right: 22px; }
.disclaimer { color: #999999; font-size: 85%; }

/* Headers */
body.personal-banking span.sub-nav,body.personal-banking ul.sub-nav a:hover,
body.personal-banking.checking li.checking a,
body.personal-banking.debit-cards li.debit-cards a,
body.personal-banking.savings li.savings a,
body.personal-banking.mortgage li.mortgage a,
body.personal-banking.lending li.lending a,
body.personal-banking.quarter-back li.quarter-back a,
body.personal-banking.investing li.investing a,
body.personal-banking.discretionary-overdraft-privilege li.discretionary-overdraft-privilege a  { color: #009933; font-style: italic; }
body.business-banking span.sub-nav,body.business-banking ul.sub-nav a:hover,
body.business-banking.checking li.checking a,
body.business-banking.savings li.savings a,
body.business-banking.remote-deposit-capture li.remote-deposit-capture a,
body.business-banking.lending li.lending a,
body.business-banking.discretionary-overdraft-privilege li.discretionary-overdraft-privilege a { color: #003399; font-style: italic; }
body.online-banking span.sub-nav, body.online-banking ul.sub-nav a:hover,
body.online-banking.login-to-my-account li.login-to-my-account a,
body.online-banking.e-statements li.e-statements a,
body.online-banking.fraud-prevention li.fraud-prevention a,
body.online-banking.take-a-test-drive li.take-a-test-drive a { color: #ff0000; font-style: italic; }
body.recent-news.news li.news a,
body.recent-news.in-the-press li.in-the-press a,
body.about-us.our-history li.our-history a,
body.about-us.promises li.promises a,
body.about-us.job-opportunities li.job-opportunities a,
body.community-commitment.involvement li.involvement a,
body.community-commitment.marquee-advertising li.marquee-advertising a,
body.community-commitment.donation-request li.donation-request a,
body.community-commitment.singleton-scholarship li.singleton-scholarship a,
body.community-commitment.education-appreciation li.education-appreciation a,
body.contact-us.locations li.locations a,
body.contact-us.customer-survey li.customer-survey a,
body.en-espanol.cuentas-de-cheques li.cuentas-de-cheques a,
body.en-espanol.cuentas-de-ahorros li.cuentas-de-ahorros a,
body.en-espanol.hipoteca li.hipoteca a { color: #999966; font-style: italic; }

/* Navigational Elements */
#nav-t-large { background: url('../../_images/nav/t-nav-large_all.gif') no-repeat; display: block; float: left; height: 40px; margin: 0px; padding: 0px; width: 361px; }
#nav-t-large a, #nav-t-large li { display: block; height: 40px; }
#nav-t-large span { display: none; }
#nav-t-large li { display: inline; float: left; list-style: none; }
#nav-t-l-personal { height: 40px; width: 102px; }
#nav-t-l-personal a:hover, body.personal-banking #nav-t-l-personal { background: url('../../_images/nav/t-nav-large_all.gif') 0px -40px no-repeat; }
#nav-t-l-business { height: 40px; width: 102px; }
#nav-t-l-business a:hover, body.business-banking #nav-t-l-business { background: url('../../_images/nav/t-nav-large_all.gif') -102px -40px no-repeat; }
#nav-t-l-online_banking { height: 40px; width: 157px; }
#nav-t-l-online_banking a:hover, body.online-banking #nav-t-l-online_banking { background: url('../../_images/nav/t-nav-large_all.gif') -204px -40px no-repeat; }
#nav-t-small { background: url('../../_images/nav/t-nav-small_all.gif') no-repeat; display: block; float: left; height: 35px; margin: 5px 0px 0px 0px; padding: 0px; width: 599px; }
#nav-t-small a, #nav-t-small li { display: block; height: 35px; }
#nav-t-small span { display: none; }
#nav-t-small li { display: inline; float: left; list-style: none; }
#nav-t-s-recent_news { height: 35px; width: 98px; }
#nav-t-s-recent_news a:hover, body.recent-news #nav-t-s-recent_news { background: url('../../_images/nav/t-nav-small_all.gif') 0px -35px no-repeat; }
#nav-t-s-about_us { height: 35px; width: 80px; }
#nav-t-s-about_us a:hover, body.about-us #nav-t-s-about_us { background: url('../../_images/nav/t-nav-small_all.gif') -98px -35px no-repeat; }
#nav-t-s-community_commitment { height: 35px; width: 172px; }
#nav-t-s-community_commitment a:hover, body.community-commitment #nav-t-s-community_commitment { background: url('../../_images/nav/t-nav-small_all.gif') -178px -35px no-repeat; }
#nav-t-s-contact_us { height: 35px; width: 89px; }
#nav-t-s-contact_us a:hover, body.contact-us #nav-t-s-contact_us { background: url('../../_images/nav/t-nav-small_all.gif') -350px -35px no-repeat; }
div.body-column-left div.sub-promo { padding-bottom: 15px; padding-top: 15px; }
span.sub-nav { color: #000000; display: block; font-size: 210%; font-style: italic; padding-bottom: 15px; }
ul.sub-nav, ul.sub-nav li { list-style: none; margin: 0; padding: 0; }
ul.sub-nav a:link, ul.sub-nav a:visited { color: #000000; display: block; font-size: 125%; font-weight: normal; height: 28px; line-height: 24px; text-decoration: none; }
ul.sub-nav a:hover { color: #999966; font-style: italic; }
ul.sub-nav li.hr { background: url(../../_images/common/bg_hr.gif) repeat-x bottom; }
span.quick-links { color: #ff0000; display: block; font-size: 85%; font-style: italic; height: 20px; }
ul.quick-links a:link, ul.quick-links a:visited, ul.quick-links a:hover { color: #003399; display: block; font-size: 85%; font-weight: normal; height: 20px; padding-top: 0px; text-decoration: none; }
body.home ul.quick-links a:link, body.home ul.quick-links a:visited, body.home ul.quick-links a:hover { background: url(../../_images/common/bg_hr.gif) repeat-x top; color: #003399; display: block; font-size: 85%; font-weight: normal; height: 20px; padding-top: 11px; text-decoration: none; width: 200px; }
ul.quick-links, ul.quick-links li { list-style: none; margin: 0; padding: 0; }
body.home ul.quick-links { float: left; }

/* Miscellaneous Styles */
div.involvement { float: left; margin-bottom: 20px; margin-left: 40px; }
div.involvement span { display: block; font-weight: 600; padding-top: 5px; }
div.media-file { margin-bottom: 15px; margin-right: 15px; text-align: center; width: 100px; }
table.matrix { color: #666666; font-family: Georgia, Times New Roman, Serif; margin-left: auto; margin-right: auto; width: 680px; }
table.matrix thead td { background: url(../../_images/misc/bg_matrix-thead.gif) repeat-x bottom; color: #000000; font-size: 130%; vertical-align: bottom; }
table.matrix thead td { padding-bottom: 15px; }
table.matrix td.feature { font-style: italic; padding: 7px 20px 7px 20px; text-align: right; width: 30%; }
table.matrix td.value-one { border-left: 10px solid #ffffff; padding: 7px 40px 7px 40px; text-align: center; width: 35%; }
table.matrix td.value-two { border-left: 8px solid #ffffff; padding: 7px 40px 7px 40px; text-align: center; width: 35%; }
table.matrix td.value-three { border-left: 8px solid #ffffff; padding: 7px 40px 7px 40px; text-align: center; width: 35%; }
table.matrix tbody td.feature { background: url(../../_images/misc/bg_matrix-tbody_feature.gif) repeat-x bottom; border-top: 1px solid #ffffff; line-height: 120%; }
table.matrix tbody td.value-one { background-color: #ffee99; border-bottom: 1px solid #ffffff; line-height: 120%; }
table.matrix tbody td.value-two { background-color: #eeeedd; border-bottom: 1px solid #ffffff; line-height: 120%; }
table.matrix tbody td.value-three { background-color: #f0f0f0; border-bottom: 1px solid #ffffff; line-height: 120%; }
table.three-col td.value-one { padding: 7px 20px 7px 20px; width: 23%; }
table.three-col td.value-two { padding: 7px 20px 7px 20px; width: 24%; }
table.three-col td.value-three { padding: 7px 20px 7px 20px; width: 23%; }
div.locations-container { display: block; float: left; font-family: Georgia, Times New Roman, Serif; font-size: 90%; line-height: 18px; margin-bottom: 20px; margin-right: 20px; width: 190px; }
div.locations-name { color: #333333; font-size: 140%; font-weight: 500; }
.list { font-family: Georgia, Times New Roman, Serif; }
.list a:link, .list a:visited, .list a:hover { text-decoration: underline; }

/* Exit Modal */
#simplemodal-overlay { background-color: #000; }
#simplemodal-exit-container { background-color: #d7d9b6; height: 226px; padding: 6px 6px 6px 6px; width: 406px; }
#simplemodal-exit-container div#exit-modal { background: #ffffff url(../../_images/misc/bg_home-modal.png) no-repeat bottom right; border: 1px solid #b8b8b8; color: #000; height: 204px; padding: 10px 10px 10px 10px; width: 384px; }
div#exit-modal h1 { font-size: 22pt; font-weight: 500; line-height: 30px; padding: 10px 0px 0px 15px; }
div#exit-modal h2 { font-size: 14pt; font-style: italic; font-weight: 500; padding: 10px 0px 10px 15px; }
div#exit-modal p { line-height: 20px; padding: 5px 10px 10px 15px; }
div#exit-modal p .blue { color : #003399; }
div#exit-modal p .red { color : #ff0000; }
div#exit-modal a.close { float: right; }