body { font-family: myriad pro, myriad, helvetica, arial, sans-serif; margin: 0; padding: 0; background: #ffffff; }

/* Login Styles */
.olb { height: 100px; /* Change from 70px in 800-95629 */ width: 210px; text-align: left; padding: 15px; background: #febf58; }
* html .olb { width: 235px; padding: 15px 15px 0 15px; }
.formField { height: 16px; width: 150px; margin: -2px 0 0 0; border-top: 1px solid #666; border-left: 1px solid #666; }
* html .formField { height: 20px; width: 150px; margin: -2px 0 0 0; border-top: 1px solid #666; border-left: 1px solid #666; }
.loginBtn { float: right; height: 22px; width: 48px; text-align: right; margin: -29px 0 0 0; border: 1px solid #fff; }
* html .loginBtn { margin: -30px 0 0 0; }
.formsContainer { margin: 0 0 5px 0; }
/* /Login Styles */

/* New Styles - DI */
#calc_content { margin-left: 30px; color: #808080; }
#calc_content table td { color: #808080; }

.tableheader { font-weight: bold; color: #FFFFFF; background-color: #064F9E; }
.tablecontent1 { background-color: #FFFFFF; }
.tablecontent2 { background-color: #ADE1FA; }

#rates_info h3 { margin: 20px 0 0 0px; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-weight: normal; font-size: x-large; color: #064f9e; }
#rates_info p { color: #808080; }
/* /New Styles - DI */

/* specific divs */
#container { width: 934px; margin: 0; padding: 0; }

#bg_container { background: url(images/nav_bg.gif) repeat-y; float: left; width: 934px; height: auto; padding-bottom: 20px; }

#header { float: left; width: 934px; background: url(images/header_bg.jpg) repeat-x 100% 0; }
#header a img { text-decoration: none; border: none; }

#opt-in { float: right; margin-right: 7px; }

#logo { float: left; }

#login { float: right; padding: 0px 0px 0 0; }

* html #login { float: right; padding: 0px 0px 0 0; margin-top: 0px; }
/* /specific divs */

/* top navigation */
#outter_nav { float: left; width: 934px; background: #ffffff; margin-bottom: 7px; }

#phone { float: left; width: 207px; height: 30px; background: #064f9e; }
#phone h1 { float: left; margin: 3px 0 0 15px; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-size: 16pt; color: #ffffff; }

#topnav { float: right; position: relative; z-index: 100; width: 720px; height: 30px; }
#topnav ul { margin: 0; padding: 0; list-style: none; }
#topnav ul ul { visibility: hidden; position: absolute; height: 0; top: 29px; left: 0; width: 150px; }
#topnav ul ul a, #topnav ul ul a:visited { color: #064f9e; background: #ade1f9; height: auto; line-height: 1em; padding: 5px 10px; width: 140px; }
#topnav a:hover, #topnav ul ul a:hover, #topnav li a:hover { background: #064f9e; color: #ffffff; }
#topnav ul li { float: left; position: relative; width: 144px; }
#topnav li:hover ul, #topnav ul a:hover ul { visibility: visible; }
#topnav a, #topnav a:visited { display: block; text-decoration: none; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-weight: bold; font-size: 11pt; color: #064f9e; background: #ade1f9; padding: 0 10px; line-height: 29px; }
/* /top navigation */

/* left navigation */
#leftnav { float: left; width: 207px; padding: 0; background: url(images/nav_bg.gif) repeat-y; clear: both; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-weight: bold; font-size: 11pt; color: #064f9e; }
#leftnav a { padding: 3px 0 0 17px; text-decoration: none; color: #064f9e; }
#leftnav a:hover { padding: 10px 0 0 17px; background: url(images/pointer.gif) no-repeat 5px 13px; }
#leftnav h2 { margin: 10px 10px 0 13px; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-size: 14pt; color: #064f9e; }
#leftnav h3 { margin: 5px 10px 0 30px; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-size: 12pt; color: #064f9e; }
#leftnav ul { margin: 0 10px 0 13px; padding: 0 3px 3px 0; list-style: none; }
#leftnav li { margin: 0; padding: 3px 0 3px 0; }

#facebook { margin-top: 10px; text-align: center; padding: 0 0 10px 0; }
#facebook a { padding: 0; }
#facebook a:hover { padding: 0; background: none; }

#investments { margin-top: 10px; }
#investments h2 { margin: 0 17px 0 30px; padding: 0; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-size: 13pt; color: #064f9e; }
#investments h2 a { margin: 0 10px 0 0; padding: 0; color: #064f9e; }
#investments h2 a:hover { margin: 0 10px 0 0; padding: 0; color: #ffffff; background: none; }
#investments .investment_link { padding: 0 0 20px 0; }

#body { float: right; width: 720px; background: #ffffff; padding-bottom: 30px; }

#footer { margin: 0 0 5px 214px; }
#footer #footer_contact li, #footer #footer_contact li a { font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-size: medium; font-weight: bold; color: #064f9e; padding: 0 5px; list-style: none; }
#footer_logos { clear: right; margin: 10px 0 10px 0; padding: 0; float: left; }
#footer_logos img { border: none; }
#footer_logos #digital_insight { padding: 10px 0 0 0; }
#footer_logos li a { padding: 7px; margin: 0; }
#footer ul { margin: 5px 0 0 0; padding: 0; }
#footer li { float: left; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-size: 10pt; color: gray; display: block; padding: 0 5px; list-style: none; }
#footer li a { font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-size: 10pt; color: gray; }

.gutter { float: left; width: 10px; }
/* /left navigation */

/* home page */
#banner_movie { width: 503px; height: 279px; }

#movie { margin: 25px 0 20px 40px; }

#home_terms .terms { margin: 30px 0 0 35px; width: 500px; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-size: medium; color: red; }
/* /home page */

/* great rates */
#great_rates img { width: 561px; height: 265px; }
#great_rates { margin: 20px 0 20px 40px; padding: 0; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-size: x-large; color: #064f9e; }
#great_rates h1 { margin: 20px 0 0 40px; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-size: x-large; color: #064f9e; }
#great_rates ul { margin: 5px 10px 0 40px; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-size: large; color: #064f9e; }

.apply_link { margin: 10px 0 10px 0; font-family: myriad pro, myriad, helvetica, arial, sans-serif; list-style: none; color: #064f9e; font-size: x-large; font-weight: bold; }
.apply_link a, a:hover, a:visited, a:link { font-family: myriad pro, myriad, helvetica, arial, sans-serif; list-style: none; color: #064f9e; font-weight: bold; }
/* /great rates */

/* auto refinance */
#auto_refi_banner { margin: 20px 0 0 40px; }
#auto_refi h1 { margin: 20px 0 0 50px; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-size: xx-large; color: #fdbf57; }
#auto_refi ul { width: 500px; margin: 5px 10px 10px 10px; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-size: large; list-style: none; font-weight: bold; color: #064f9e; }
#auto_refi .terms { margin: 20px 0 0 50px; width: 500px; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-size: small; color: gray; }
/* /auto refinance */

/* rates */
#rates_banner { margin: 20px 0 0 30px; }
#rates_info { margin: 20px 0 0 30px; }
/* /rates */

/* membership */
#membership_application_banner { margin: 20px 0 0 30px; }
#membership_application p { margin: 20px 0 0 30px; width: 500px; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-size: medium; line-height: 1.25em; color: gray; }
/* /membership */

/* mobile banking */
#mobile_banking_banner { margin: 20px 0 0 30px; }
#mobile_banking p { margin: 20px 0 0 30px; width: 500px; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-size: medium; line-height: 1.25em; color: gray; }
/* /mobile banking */

/* mybank2go */
#mybank2go_banner { margin: 20px 0 0 30px; }
#mybank2go p { margin: 20px 0 0 30px; width: 675px; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-size: medium; line-height: 1.25em; color: gray; }
/* /mybank2go */

/* optin */
#optin_banner { margin: 20px 0 0 30px; }
#optin p { margin: 20px 0 0 30px; width: auto; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-size: medium; line-height: 1.25em; color: #333; }
/* /optin */

/* credit worthy */
#credit_worthy_banner { margin: 20px 0 0 30px; }
#credit_worthy p { margin: 20px 0 0 30px; width: 500px; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-size: medium; line-height: 1.25em; color: gray; }
#credit_worthy h3 { margin: 20px 0 0 30px; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-weight: normal; font-size: x-large; color: #064f9e; }
#credit_worthy ul { width: 500px; margin: 10px 0 0 30px; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-size: medium; line-height: 1.5em; color: gray; }
#credit_worthy .terms { margin: 20px 0 0 30px; width: 500px; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-size: small; color: gray; }
/* /credit worthy */

/* hncu in the news */
#hncu_news_banner { margin: 20px 0 0 30px; }
#hncu_news p { margin: 20px 0 0 30px; width: 500px; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-size: medium; line-height: 1.25em; color: gray; }
#hncu_news h3 { margin: 20px 0 0 30px; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-weight: normal; font-size: x-large; color: #064f9e; }
#hncu_news ul { width: 500px; margin: 10px 0 0 30px; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-size: medium; line-height: 1.5em; color: gray; }
#hncu_news .terms { margin: 20px 0 0 30px; width: 500px; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-size: small; color: gray; }
/* /hncu in the news */

/* mortgages */
#mortgages_banner { margin: 20px 0 0 30px; }
#mortgages p { margin: 20px 0 0 30px; width: 500px; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-size: medium; line-height: 1.25em; color: gray; }
#mortgages h3 { margin: 20px 0 0 30px; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-weight: normal; font-size: x-large; color: #064f9e; }
#mortgages ul { width: 500px; margin: 10px 0 0 30px; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-size: medium; line-height: 1.5em; color: gray; }
#mortgages .terms { margin: 20px 0 0 30px; width: 500px; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-size: small; color: gray; }
/* /mortgages */

/* consumer loans */
#consumer_loans_banner { margin: 20px 0 0 30px; }
#consumer_loans p { margin: 20px 0 0 30px; width: 500px; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-size: medium; line-height: 1.25em; color: gray; }
#consumer_loans h3 { margin: 20px 0 0 30px; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-weight: normal; font-size: x-large; color: #064f9e; }
#consumer_loans ul { width: 500px; margin: 0; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-size: medium; line-height: 1.5em; list-style: none; color: gray; }
#consumer_loans .terms { margin: 20px 0 0 30px; width: 500px; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-size: small; color: gray; }
/* /consumer loans */

/* student loans */
#student_loans_banner { margin: 20px 0 0 30px; }
#student_loans p { margin: 10px 0 0 30px; padding: 0; width: 500px; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-size: medium; line-height: 1.25em; color: gray; }
#student_loans p a { margin: 0; padding: 0; width: 500px; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-size: medium; color: gray; }
#student_loans h3 { margin: 20px 0 0 30px; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-size: x-large; font-weight: bold; color: #fdbf57; }
#student_loans ul { width: 500px; margin: 0; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-size: medium; line-height: 1.5em; list-style: none; color: gray; }
#student_loans .terms { margin: 20px 0 0 30px; width: 500px; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-size: small; color: gray; }
/* /student loans */

/* personal checking */
#personal_checking_banner { margin: 20px 0 0 30px; }
#personal_checking_stats { margin: 20px 0 0 30px; }
#personal_checking p { margin: 20px 0 0 30px; padding: 0; width: 500px; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-size: medium; line-height: 1.25em; color: gray; }
#personal_checking .terms { margin: 20px 0 0 30px; width: 500px; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-size: small; color: gray; }
/* /personal checking */

/* business checking */
#business_checking_banner { margin: 20px 0 0 30px; }
#business_checking p { margin: 20px 0 0 30px; padding: 0; width: 500px; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-size: medium; line-height: 1.25em; color: gray; }
#business_checking h3 { margin: 15px 0 0 30px; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-size: x-large; font-weight: normal; color: #064f9e; }
#business_checking .terms { margin: 20px 0 0 30px; width: 500px; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-size: small; color: gray; }
/* /business checking */

/* savings */
#savings_banner { margin: 20px 0 0 30px; }
#savings p { margin: 20px 0 0 30px; width: 500px; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-size: medium; line-height: 1.25em; color: gray; }
#savings h3 { margin: 20px 0 0 30px; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-weight: normal; font-size: x-large; color: #064f9e; }
#savings ul { width: 500px; margin: 0; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-size: medium; line-height: 1.5em; list-style: none; color: gray; }
#savings ul li a { margin: 0; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-size: medium; line-height: 1.25em; color: gray; }
#savings .terms { margin: 20px 0 0 30px; width: 500px; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-size: small; color: gray; }
/* /savings */

/* share certificates */
#share_certificates_banner { margin: 20px 0 0 30px; }
#share_certificates p { margin: 20px 0 0 30px; padding: 0; width: 500px; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-size: medium; line-height: 1.25em; color: gray; }
#share_certificates h3 { margin: 15px 0 0 30px; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-size: x-large; font-weight: normal; color: #064f9e; }
#share_certificates .terms { margin: 20px 0 0 30px; width: 500px; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-size: small; color: gray; }
/* /share certificates */

/* money market */
#money_market_banner { margin: 20px 0 0 30px; }
#money_market p { margin: 20px 0 0 30px; width: 500px; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-size: medium; line-height: 1.25em; color: gray; }
#money_market h3 { margin: 20px 0 0 30px; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-weight: normal; font-size: x-large; color: #064f9e; }
#money_market ul { width: 500px; margin: 0; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-size: medium; line-height: 1.5em; list-style: none; color: gray; }
#money_market .terms { margin: 20px 0 0 30px; width: 500px; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-size: small; color: gray; }
/* /money market */

/* ira */
#ira_banner { margin: 20px 0 0 30px; }
#ira p { margin: 20px 0 0 30px; width: 500px; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-size: medium; line-height: 1.25em; color: gray; }
#ira h3 { margin: 20px 0 0 30px; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-weight: normal; font-size: x-large; color: #064f9e; }
#ira ul { width: 500px; margin: 0; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-size: medium; line-height: 1.5em; list-style: none; color: gray; }
#ira .terms { margin: 20px 0 0 30px; width: 500px; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-size: small; color: gray; }
/* /ira */

/* calculators */
.calculator_banner { margin: 20px 0 0 30px; }
.calculator_fpo { margin: 30px 0 0 30px; }
/* /calculators */

/* resources */
#resources_banner { margin: 20px 0 10px 30px; }
#resources h3 a { margin: 20px 0 0 30px; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-weight: bold; font-size: large; color: #064f9e; }
#resources ul { margin: 0; padding: 0; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-size: medium; line-height: 1.5em; list-style: none; color: gray; }
#resources ul a { margin: 0; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-size: medium; line-height: 1.5em; list-style: none; text-decoration: none; font-weight: normal; color: gray; }
#resources ul a:hover { margin: 0; list-style: none; font-weight: normal; text-decoration: underline; color: gray; }
/* /resources */

/* account disclosures */
#disclosures_banner { margin: 20px 0 10px 30px; }
#disclosures { margin: 0; padding: 0; }
#disclosures dt { margin: 0 0 15px 30px; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-weight: bold; font-size: large; text-decoration: none; color: #064f9e; }
#disclosures dt a { font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-weight: bold; font-size: large; text-decoration: none; color: #064f9e; }
#disclosures dd { margin: 0 0 0 30px; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-weight: bold; font-size: large; color: #064f9e; }
/* /account disclosures */

/* contact us */
#contact_us_banner { margin: 20px 0 10px 30px; }
#contact_us h3 { clear: left; margin: 20px 0 5px 30px; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-weight: bold; font-size: large; color: #064f9e; }

.important_numbers { width: 550px; float: left; clear: left; margin: 5px 0 0 30px; padding: 0; line-height: 1.25em; }
.important_numbers dt { float: left; clear: left; margin: 0; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-size: medium; color: #064f9e; }
.important_numbers dd { float: left; margin-left: 5px; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-size: medium; color: gray; }
.important_numbers dd a { margin: 0; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-size: medium; font-weight: normal; color: gray; }

#other_numbers { float: left; clear: left; margin: 5px 0 0 30px; padding: 0 0 15px 0; line-height: 1.25em; }
#other_numbers dt { float: left; clear: left; margin: 0; padding-top: 10px; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-size: medium; color: #064f9e; }
#other_numbers dd { float: left; clear: left; margin: 0; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-size: medium; color: gray; }
#other_numbers dd a { margin: 0; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-size: medium; font-weight: normal; color: gray; }
#other_numbers span { font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-size: medium; color: #064f9e; }

.location_hours { margin: 10px 0 5px 30px; padding: 0; line-height: 1.25em; }
.location_hours dt { float: left; clear: left; margin: 5px 0 0 0; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-size: medium; color: #064f9e; }
.location_hours dd { float: left; clear: left; margin: 0; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-size: medium; color: gray; }
.location_hours dd a { clear: left; margin: 0; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-size: medium; font-weight: normal; color: gray; }

#using_email p { width: 500px; float: left; margin: 15px 0 0 30px; padding: 0; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-size: medium; color: gray; }
#using_email span { margin: 0; padding: 0; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-size: medium; color: #064f9e; }

#contact_us .terms { clear: left; margin: 20px 0 0 30px; padding: 20px 0 0 0; width: 500px; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-size: small; color: gray; }
/* /contact us */

/* events & seminars */
#events_seminars_banner { margin: 20px 0 10px 30px; }
#events_seminars h3 { margin: 20px 0 0 30px; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-weight: bold; font-size: large; color: #064f9e; }
#events_seminars span { margin: 0; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-weight: bold; font-size: large; color: #ade1f9; }
#events_seminars p { margin: 20px 0 0 30px; width: 500px; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-size: medium; line-height: 1.25em; color: gray; }
#events_seminars ul { width: 500px; margin: 0; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-size: medium; line-height: 1.5em; list-style: none; color: gray; }
/* /events & seminars */

/* scam alerts */
#scam_alerts_banner { margin: 20px 0 10px 30px; }
#scam_alerts h3 { margin: 20px 0 0 30px; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-weight: bold; font-size: large; color: #064f9e; }
#scam_alerts span { margin: 0; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-weight: bold; font-size: large; color: gray; }
#scam_alerts p { margin: 15px 0 0 30px; width: 500px; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-size: medium; line-height: 1.25em; color: gray; }
#scam_alerts a { font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-size: medium; font-weight: normal; color: gray; }
/* /scam alerts */

/* horizons advantage */
#horizons_advantage_banner { margin: 20px 0 0 30px; }
#horizons_advantage p { margin: 15px 0 0 30px; width: 500px; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-size: medium; line-height: 1.25em; color: gray; }
#horizons_advantage h3 { margin: 20px 0 0 30px; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-weight: normal; font-size: x-large; color: #064f9e; }
#horizons_advantage ul { width: 500px; margin: 10px 0 0 30px; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-size: medium; font-weight: bold; line-height: 1.5em; color: #064f9e; }
#horizons_advantage .terms { margin: 20px 0 0 30px; width: 500px; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-size: small; color: gray; }
/* /horizons advantage */

/* online banking */
#online_banking_banner { margin: 20px 0 0 30px; }
#online_banking p { margin: 15px 0 0 30px; width: 500px; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-size: medium; line-height: 1.25em; color: gray; }
#online_banking h3 { margin: 20px 0 0 30px; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-size: x-large; font-weight: bold; color: #ade1f9; }
#online_banking ul { width: 500px; margin: 0; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-size: medium; line-height: 1.5em; list-style: none; color: #064f9e; }
#online_banking .terms { margin: 20px 0 0 30px; width: 500px; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-size: small; color: gray; }
/* /online banking */

/* Jolliffe Capital */
#jolliffe_banner { margin: 20px 0 15px 30px; }
#jolliffe p { margin: 5px 0 0 30px; width: 500px; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-size: medium; line-height: 1.25em; color: gray; }
#jolliffe p a { font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-size: medium; font-weight: normal; color: #064f9e; }
#jolliffe h3 { margin: 20px 0 0 30px; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-size: x-large; font-weight: bold; color: #ade1f9; }
#jolliffe ul { width: 500px; margin: 5px 0 15px 30px; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-size: medium; font-weight: bold; line-height: 1.5em; color: #064f9e; }
#jolliffe ul li { list-style-type: disc; list-style-position: outside; }
/* /Jolliffe Capital */

/* Privacy Policy */
#privacy_banner { margin: 20px 0 20px 30px; }
#privacy p { margin: 5px 0 0 30px; width: 500px; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-size: medium; line-height: 1.25em; color: gray; }
#privacy p a { font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-size: medium; font-weight: normal; color: #064f9e; }
#privacy h3 { margin: 0 0 0 30px; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-size: x-large; font-weight: bold; color: #ade1f9; }
#privacy ul { width: 500px; margin: 5px 0 15px 30px; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-size: medium; font-weight: normal; line-height: 1.5em; color: gray; }
.privacy_no_bullets { margin: 0; padding: 0; }
.privacy_no_bullets li { margin: 0; font-family: myriad pro, myriad, helvetica, arial, sans-serif; font-size: medium; font-weight: normal; list-style: none; color: gray; }
/* /Privacy Policy */

#ex_dis { background-color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal; color: #000000; text-align: left; position: absolute; top: 200px; left: 300px; border: thick solid #1A448E; padding: 15px; display: none; z-index: 3000; width: 350px; }
#ex_dis a:active, #ex_dis a:hover, #ex_dis a:link, #ex_dis a:visited { font-size: 8pt; color: #064F9E; }

/* GRID */
.column { float: left; }
.grid2col, .grid2cola, .grid2colb, .grid2colc, .grid2cold, .grid2cold, .grid2cole, .grid2colf, .grid3col, .grid3cola, .grid4col, .grid5col, .grid6col { width: 100%; }

.grid2col .column { width: 49%; }
.grid2col .column.first { width: 49%; }
.grid2col .column.last { width: 49%; }

.grid2cola .column { width: 49%; }
.grid2cola .column.first { width: 490px; }
.grid2cola .column.last { width: 216px; }

.grid3col .column.first { width: 48.9% !important; margin-left: 2%; }
.grid3col .column { width: 25%; margin-left: .6%; }
.grid3col .column.last { width: 25%; margin-left: 2%; }

.grid4col .column { width: 23%; margin-left: 3%; }

.grid5col .column { width: 18.4%; margin-left: 2%; }

.grid6col .column { width: 15%; margin-left: 2%; }

.column.first, .column.last { margin-left: 0 !important; }
.column.last { float: right !important; }

p.last, ul.last, ol.last, li.last { _width: auto !important; _float: none !important; }

#container:after, #content:after, .grid2col:after, .grid2cola:after, .grid3col:after, .grid4col:after, .grid5col:after, .grid6col:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#container, #content, .grid2col, .grid2cola, .grid3col, .grid4col, .grid5col, .grid6col { zoom: 1; }

.column p { color: gray; font-family: myriad pro,myriad,helvetica,arial,sans-serif; font-size: medium; line-height: 1.25em; margin: 10px; }
.column ul { color: gray; font-family: myriad pro,myriad,helvetica,arial,sans-serif; font-size: medium; line-height: 1.25em; margin: 10px; padding: 0 0 20px 5px; }

#add-promo { clear: both; text-align: center; }
#add-promo a { padding: 0; }
#add-promo a:hover { background: none; padding: 0; }

/* HOME CURRENT PROMOTIONS & PROGRAMS */
.promotions-programs { width: 196px; height: 236px; background: #00579f; padding: 10px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
.promotions-programs p { color: #fff; margin: 0; }
.promotions-programs p.title { font-family: 'myriad pro', myriad, helvetica, arial, sans-serif; font-size: 1.1em; font-weight: bold; margin-bottom: 10px; }
.promotions-programs p.info { font-family: 'myriad pro', myriad, helvetica, arial, sans-serif; font-size: 1em; font-weight: normal; margin-bottom: 14px; }
.promotions-programs ul { list-style-type: none; margin: 0 0 0 5px; padding: 0; }
.promotions-programs ul li { color: #fff; font-size: 8.5pt; background: url('images/arrow-home.gif') no-repeat 0 50%; margin: 0 0 2px 0; padding-left: 12px; }
.promotions-programs ul li a:link { color: #fdbe57; font-size: 8.5pt; text-decoration: none; font-weight: normal; }
.promotions-programs ul li a:visited { color: #fdbe57; font-size: 8.5pt; font-weight: normal; text-decoration: none; }
.promotions-programs ul li a:hover { color: #fdbe57; font-size: 8.5pt; font-weight: normal; text-decoration: underline; }
.promotions-programs ul li a:active { color: #fdbe57; font-size: 8.5pt; font-weight: normal; text-decoration: none; }

/* HOME BETTER BANKING STARTS HERE */
h1.better-banking-01 { color: #ADD2EF; font-family: "Arial Black", Arial, Helvetica, Verdana, sans-serif; font-size: 3.4em; line-height: .9em; text-align: left; text-transform: uppercase; margin: 20px 0 20px 0; }
h2.better-banking-02 { color: #00529b; font-size: 2.2em; text-align: center; margin: 0 0 30px 0; }
h3.better-banking-03 { color: #00529b; font-family: "Arial Black", Arial, Helvetica, Verdana, sans-serif; font-size: 1.2em; line-height: 1em; text-align: left; text-transform: uppercase; margin: 0; }
h3.better-banking-03 a:link, h3.better-banking-03 a:visited, h3.better-banking-03 a:hover, h3.better-banking-03 a:active { color: #00529b; font-size: 1em; font-family: "Arial Black", Arial, Helvetica, Verdana, sans-serif; font-weight: bold; }

p.better-banking { color: #fdbe57; font-size: 1.2em; font-weight: bold; margin: 0; }
ul.better-banking { font-size: 11pt; list-style-type: disc; }
ul.better-banking li { margin-bottom: 8px; font-weight: normal; line-height: 1em; text-align: left; }
ul.better-banking li a:link { color: gray; font-size: 10pt; font-weight: normal; text-decoration: none; }
ul.better-banking li a:visited { color: gray; font-size: 10pt; font-weight: normal; text-decoration: none; }
ul.better-banking li a:hover { color: #333; font-size: 10pt; font-weight: normal; text-decoration: underline; }
ul.better-banking li a:active { color: gray; font-size: 10pt; font-weight: normal; text-decoration: none; }
ul.better-banking li.facebook { list-style-image: url('images/icon-facebook.png'); }

h4.shared-branching { color: #00529b; font-size: 1.4em; text-align: left; text-transform: uppercase; margin: 20px 0 10px 0; }
h4.shared-branching span { color: #00529b; font-size: .9em; font-weight: normal; text-transform: none ; }

.cuservicecenter { text-align: left; }
.cuservicecenter p.blue { color: #00529B; font-weight: bold; margin: 8px 0 0 0;  }
.cuservicecenter p.yellow { color: #FDBE57; font-weight: bold; font-style: italic; margin: 0; }

#mobilebanner { text-align: left; }

.grassroots { width: 100%; text-align: left; margin: 20px 0; }
/* Localized */