/* ------------------------------------------------------------------------------------------- */
/*  Primary Site Colors                                                                          

Light blue: #badaeb
Medium blue: #336699
Dark blue: #003399

Dark gray: #333333

Green: #397b31

/* ------------------------------------------------------------------------------------------- */

a {outline: none; }

ul {padding: 0px; margin: 0px;}

body {background: #bfd5e5; color:#333; font: 12px Arial, Verdana, Helvetica, sans-serif; margin: 0; line-height: 16px;}

h1 {font-size: 24px; color: #005696; padding: 0px; margin: 0px; font-weight: normal; line-height: 1em;} 
h2 {color: #444; font-size: 13px; font-weight: 600; margin: 8px 0px;}
h3 {color: #005696; font-size: 16px; font-weight: normal; line-height: 20px; margin: 0; padding: 0; margin-bottom: 8px;}
h4 {color: #397b31; font-size: 14px; margin: 8px 0px; font-weight: normal;}

h3.news-date {margin-top: 8px !important; font-size: 14px !important; margin-bottom: 24px;}

.midwest-blue {color: #005696;}

p {margin: 20px 0px;}

.dark-gray {color: #333333;}
.green {color: #397b31;}

.green-link {font-size: 14px; color: #397b31 !important;}

a {color: #369; cursor: pointer !important;}
a:hover {color: #036;}

a img {border: none;}

.primary-container {position: relative; margin: 0 auto; width: 990px;}

.login-bg {margin: 0px; padding: 0px; width: 990px; background: transparent url(/images/login-bg.png) no-repeat 0 0;}

.home-bg-container {background: #deedf6 url(/images/home-bg.png) repeat-x;}
.home-container {background: url(/images/home-header-bg.png) no-repeat 50% 0%;  padding-bottom: 32px;}

.subpage-bg-container {background: #deedf6 url(/images/subpage-bg.png) repeat-x;}
.subpage-container {background: url(/images/subpage-header-bg.png) no-repeat 50% 0%;  padding-bottom: 32px;}
.subpage-container .primary-container {background: url(/images/subpage-header-bg.png) no-repeat 50% 0%;}

.needhelp {color: #fff; float: left; font-size: 14px; margin: 16px 0 0 16px; padding-left: 24px; background: transparent url(/images/phone.png) 0 0 no-repeat;}
.top-menu {color: #fff; float: right; text-align: center; width: 413px; height: 33px; font-size: 11px; padding-top: 8px; margin: 0px 20px 0 16px; background: transparent url(/images/top-menu-bg.gif) 0 0 no-repeat;}
.top-menu a {text-align: center; color: #fff; font-size: 11px;}
.top-menu a:hover {color: #badaeb;}

.main-menu ul {color: #369; margin: 0px; padding: 0px; height: 32px;}
.main-menu ul li {float: left; list-style-type: none;}
.main-menu ul li a {color: #369; text-decoration: none; background: url(/images/main-menu-arrow.png) no-repeat 8px;  border-left: 1px solid #fff; border-right: 1px solid #dbe7f0; display: block; float: left; height: 12px; padding: 10px 24px; padding-left: 24px;}

.sf-menu li ul a {background: #369 !important; border-left: 1px solid #fff !important; border-right: 1px solid #036; padding-left: 16px !important; color: #e2f1fa; padding-right: 16px !important;}
.sf-menu li ul a:hover {background: #2a8cb9 !important; color: #fff !important;}
.sf-menu li ul li a {border-left: 1px solid #3a81aa !important;}

.main-menu {background: url(/images/main-menu-bg.png) repeat-x 1px 100%; margin-top: 20px; width: 646px; height: 32px;}

.pre-footer {color: #005696; font-size: 11px; margin: 0 32px;}
.pre-footer div {float: left; width: 550px;}

.footer .primary-container {padding-bottom: 16px;}

.footer-nav {float: left; padding: 32px 20px 0px; width: 150px; height: 200px}
.footer-title {color: #036; font-size: 14px; font-weight: bold;}
.footer-nav ul {padding: 0px; margin: 0px; padding-top: 4px; padding-bottom: 20px;}
.footer-nav li {list-style-type: none; padding: 2px 0px;}

.required-footer {float: right; padding: 16px; padding-top: 24px; padding-right: 10px;}

.site-search {vertical-align: center; padding-right: 12px; padding-left: 20px; padding-top: 28px; padding-bottom: 4px; margin-top: -16px; width: 301px; margin-bottom: 24px; height: 42px; background: #3265a5 url(/images/search-bg.png) left 100% no-repeat;}
.site-search input {font-size: 14px; color: #555;}
  
.search-results { list-style: none; }
.search-results li { border-bottom: 1px solid #eee; padding: 16px 0px; }

.search-page-form {position: relative; height: 36px; width: 324px; vertical-align: top; margin-bottom: 42px;}
.search-btn {margin-left: 16px;}
.search-input {padding: 0; margin: 0; padding: 2px; vertical-align: top; margin-top: 4px;}

/* ------------------------------------------------------------------------------------------- */
/*  Float Control                                                                          
/* ------------------------------------------------------------------------------------------- */

.float-clear, .clearer {clear: both; display: block; font-size: 0; line-height: 0px; height: 0px;}

.float-left {float: left;}
.float-right {float: right;}
.clear-left {clear: left;}
.clear-right {clear: right;}
.clear-both {clear: both;}

/* ------------------------------------------------------------------------------------------- */
/*  Homepage Styles                                                                          
/* ------------------------------------------------------------------------------------------- */


.learn-more {margin-top: 8px; margin-bottom: 24px;}

.chat-with-us {float: left; margin-top: 16px;}

.home-left-bar {float: left; width: 298px;}
.login-box {border-top: 1px solid #59ba4e; color: #005696; margin: 183px 32px 0px 48px; padding: 16px 24px; width: 170px;}
.login-box input {}
.home-main {float: left; margin-left: 32px; padding-bottom: 16px; width: 644px;}
.home-main-bottom {vertical-align: top;}
.content-container {background: #eef6fa url(/images/home-main-bg.png) no-repeat bottom left; width: 646px;}
.splash {position: relative; z-index: 1; background: #eef6fa; border-top: 1px solid #369; border-left: 1px solid #1f81ba; border-right: 1px solid #2069a0; height: 252px;}
.splash2 {position: relative; z-index: 1; background: #eef6fa; border-top: 1px solid #369; border-left: 1px solid #1f81ba; border-right: 1px solid #2069a0; height: 900px;}
.td-youth {background: url(/assets/141/youth_04.gif) no-repeat bottom left;}
.content {border-left: 1px solid #b4cadb; border-right: 1px solid #b4cadb;}

.link a {color: #036;}

.todays-rates-box {margin: auto; width: 290px; margin-top: 24px; color: #444; padding-bottom: 30px; border-bottom: 1px solid #badaeb;}
.todays-rates-box .link {padding: 0px 0px 18px 16px; font-size: 18px;}
.rate {width: 80px; float: left; padding-left: 16px;}
.rate a {display: block; font-size: 11px; color: #369;}
.rate-number {font-size: 28px; float: left; line-height: 1em !important;}
.rate-percent {float: left; font-size: 18px; line-height: 13px; height: 30px; width: 23px; padding-bottom: 10px;}
.rate-percent span {font-size: 9px;}

a.bigratelink:link {display: block; font-size: 28px; color: #444; text-decoration: underline; float: left; line-height: 1em !important;}
a.bigratelink:visited {display: block; font-size: 28px; color: #444; text-decoration: underline; float: left; line-height: 1em !important;}
a.bigratelink:hover {display: block; font-size: 28px; color: #444; text-decoration: underline; float: left; line-height: 1em !important;}
a.bigratelink:active {display: block; font-size: 28px; color: #444; text-decoration: underline; float: left; line-height: 1em !important;}

.bluetext {font-size: 11px; color: #369; line-height: 11px;}

a.ratelink:link {font-size: 28px; color: #333; text-decoration: underline; float: left; line-height: 1em !important;}
a.ratelink:visited {font-size: 28px; color: #333; text-decoration: underline; float: left; line-height: 1em !important;}
a.ratelink:hover {font-size: 28px; color: #333; text-decoration: underline; float: left; line-height: 1em !important;}
a.ratelink:active {font-size: 28px; color: #333; text-decoration: underline; float: left; line-height: 1em !important;}

.timely-tips-box {width: 270px; margin-top: 22px; line-height: 16px;}
.timely-tips-box ul {padding-top: 8px !important; padding-left: 32px; border: none !important;}
.timely-tips-box .link {padding: 0px 0px 8px 16px; font-size: 18px;}
.timely-tips-list li {list-style-type: none; background: transparent url(/images/blue_bullet.gif) 0px 8px no-repeat; padding: 6px 0px; padding-left: 24px;}

.no-border {border: none !important;}

#home-content-menu {float: right; width: 216px; border-left: 1px solid #ccc; margin-top: 16px; margin-left: 16px; margin-bottom: 24px; padding-bottom: 24px;}
#home-content-menu ul {padding: 0px; margin: 0px;}
#home-content-menu ul li {list-style-type: none; margin: 0px; margin-left: -16px;}
#home-content-menu ul li a {display: block; font-size: 14px; letter-spacing: .02em; color: #005696; text-decoration: none; padding: 18px 0px 18px 24px; margin-left: 16px; color: #369; border-bottom: 1px solid #e0ecf8;}
#home-content-menu ul li a:hover {color: #fff;}
#home-content-menu .ui-state-hover, #home-content-menu ul li:hover {background: url(/images/home-content-menu-bg.gif) 0px 50% no-repeat;}
#home-content menu .ui-state-hover, #home-content-menu ul li:hover a {color: #fff;}
#home-content-menu ul li.ui-tabs-selected {margin-left: 0px; background: url(/images/content-menu-selected.png) 0 50% no-repeat;}
#home-content-menu ul li.ui-tabs-selected a {color: #fff; margin-left: 0px;}
#home-content-menu ul li a:focus {border: none;}

.home-content-menu {float: right; width: 216px; border-left: 1px solid #ccc; margin-top: 16px; margin-left: 16px; margin-bottom: 24px; padding-bottom: 24px;}
.home-content-menu ul {padding: 0px; margin: 0px;}
.home-content-menu ul li {list-style-type: none; margin: 0px; margin-left: -16px;}
.home-content-menu ul li a {display: block; font-size: 14px; letter-spacing: .02em; color: #005696; text-decoration: none; padding: 18px 0px 18px 24px; margin-left: 16px; color: #369; border-bottom: 1px solid #e0ecf8;}
.home-content-menu ul li a:hover {color: #fff;}
.home-content-menu .ui-state-hover, .home-content-menu ul li:hover {background: url(/images/home-content-menu-bg.gif) 0px 50% no-repeat;}
.home-content-menu .ui-state-hover, .home-content-menu ul li:hover a {color: #fff;}
.home-content-menu ul li.ui-tabs-selected {margin-left: 0px; background: url(/images/content-menu-selected.png) 0 50% no-repeat;}
.home-content-menu ul li.ui-tabs-selected a {color: #fff; margin-left: 0px;}
.home-content-menu ul li a:focus {border: none;}


.home-sub-content {padding: 24px 24px 24px 24px;}
.green-list {padding: 0px; margin: 0px;}
.green-list li {margin-left: 24px; list-style-type: none; list-style-position: outside; background: transparent url(/images/green_arrow.gif) 0px 10px no-repeat; padding: 8px 0px; padding-left: 24px;}
.green-list li a {color: #333;}

.blue-list {padding: 0px; margin: 0px;}
.blue-list li {margin-left: 24px; margin: 0px; list-style-type: none; list-style-position: outside; background: transparent url(/images/blue_bullet.gif) 0px 10px no-repeat; padding: 8px 0px; padding-left: 24px;}
.blue-list li a {color: #333;}

.whats-new-list {padding: 0px; margin: 0px; width: 350px;}
.whats-new-list li {margin: 0px; margin-top: 6px; list-style-type: none; list-style-position: outside; background: transparent url(/images/whats-new-bullet.gif) 0px 8px no-repeat; padding: 8px 0px; padding-left: 36px; border-bottom: 1px solid #d4d4d4; padding-bottom: 16px; }
.whats-new-list2 li {margin: 0px; margin-top: 0px; list-style-type: none; list-style-position: outside; background: transparent url(/images/blue_bullet.gif) 0px 10px no-repeat; padding: 8px 0px; padding-left: 30px; padding-bottom: 5px; }
.whats-new-list li a {color: #333;}
.whats-new-list img {}
.whats-new-list h3 {padding: 0px; margin: 0px; margin-bottom: 6px;}

.learn-more-box {width: 670px; float: left;}
.learn-more-box h3 {margin-top: 0px; padding-top: 0px;}
.learn-more-box-content {margin-left: 1px; padding: 16px 16px; }
.learn-more-box-container {margin-top: 16px; clear: left;}

.apply-now-btn {padding: 0px 0px 24px;}

#flash-content { position: relative; z-index: 1; border-top: 1px solid #bcc6cd;}


.services-menu {position: absolute; bottom: -2px; z-index: 99; list-style-type: none; height: 36px; width: 600px; left: 58px; padding: 0px}
.services-menu a {display: block; position: relative; z-index: 10; cursor: hand !important; float: left; text-decoration: none; color: #fff; margin: 0px 1px; padding: 8px 20px; color: #fff; font-family: Verdana; font-size: 12px; font-weight: bold; background: transparent url(/images/services-menu-bg.jpg) 0 0 repeat-x; border-top: 2px solid #9ecbe2;}
.services-menu li {float: left; position: relative; z-index: 2; cursor: hand !important; }
.services-menu li:hover {cursor: hand !important; }
.services-menu a:hover {cursor: hand !important; background: transparent url(/images/services-menu-hover.png) 0 0 repeat-x; color: #d9f4ff; border-top: 2px solid #003366;}

.services-menu .ui-tabs-selected a {color: #369; background: #f2f8fb; border-top: 2px solid #003366; cursor: hand !important;}
.services-menu .ui-tabs-selected a:focus {border: none;}
.subpage-container .services-menu {width: 700px;}

a.redlink:link {font-size: 13px; color: #ed2024; text-decoration: underline; cursor: hand !important;}
a.redlink:visited {font-size: 13px; color: #ed2024; text-decoration: underline; cursor: hand !important;}
a.redlink:hover {font-size: 13px; color: #ed2024; text-decoration: underline; cursor: hand !important;}
a.redlink:active {font-size: 13px; color: #ed2024; text-decoration: underline; cursor: hand !important;}

/* ------------------------------------------------------------------------------------------- */
/*  Blog widget Styles                                                                          
/* ------------------------------------------------------------------------------------------- */

.entry p:first-line {font-weight: bold;}
.datebox {float: left; clear: left; width: 71px; height: 71px; background: url(/images/datebox.png) no-repeat 0 0; margin: 16px 16px 8px 0px; padding-top:8px; padding-left: 1px; color: #fff; text-align: center; line-height: 5px;}
.datebox .month {margin-top: 6px; line-height: 12px;}
.datebox .day {font-size: 28px; padding-top: 4px; line-height: 30px;}
.entry {float:left; padding:8px 8px 8px 0px; color: #036; line-height: 18px;}

.home-sub-content .entry {padding: 16px 0px;}

.blog-widget {float: right; width: 380px; min-height: 228px; padding: 16px; padding-right: 24px;}
.blog-widget .recent-posts {font-size: 24px; color: #036; margin-bottom: 4px; margin-top: 16px;}
.blog-widget .news {font-size: 12px; color: #036;}
.blog-widget .news span {font-size: 13px;}
.blog-widget .news a {color: #036; text-decoration: underline;}
.blog-widget .news a:hover {color: #369; text-decoration: none;}

/* ------------------------------------------------------------------------------------------- */
/*  Subpage Styles                                                                          
/* ------------------------------------------------------------------------------------------- */

.subpage-promotions {width: 430px;}
.subpage-promotions li {margin-top: 16px;}

.subpage {padding-left: 24px;}
.subpage .todays-rates-box {margin: 0; width: 150px; margin-top: 24px; color: #444; padding-bottom: 30px; border: none;}
.subpage .todays-rates-box .link {padding: 0px 0px 18px 0px; font-size: 18px;}
.subpage .rate {width: 180px; float: left; padding-left: 0px; padding-bottom: 24px;}
.subpage .rate a {font-size: 11px; color: #369;}
.subpage .rate-number {font-size: 28px; float: left; line-height: 1em !important;}
.subpage .rate-percent {float: left; font-size: 18px; line-height: 13px;}
.subpage .rate-percent span {font-size: 10px;}
.subpage .rate-spacer {height: 8px;}

a.bigratelink:link {display: block; font-size: 28px; color: #444; text-decoration: underline; float: left; line-height: 1em !important;}
a.bigratelink:visited {display: block; font-size: 28px; color: #444; text-decoration: underline; float: left; line-height: 1em !important;}
a.bigratelink:hover {display: block; font-size: 28px; color: #444; text-decoration: underline; float: left; line-height: 1em !important;}
a.bigratelink:active {display: block; font-size: 28px; color: #444; text-decoration: underline; float: left; line-height: 1em !important;}

.side-nav {padding: 0px; margin: 0px; width: 212px; margin-bottom: 42px; margin-left: 1px; background: transparent url(/images/side-nav-borders.png) 0px 16px repeat-y;}
.side-nav-bg {width: 208px; margin-left: 2px; padding: 8px 0px; padding-top: 24px; padding-bottom: 8px; background: transparent url(/images/side-nav-bg.png) 0 -92px repeat-x;}
.side-nav img {float: left;}
.side-nav li {list-style-type: none; color: #336699; clear: left; list-style-position: outside;}
.side-nav a {display: block; padding: 8px 0px 8px 26px; text-decoration: none !important; color: #f2f8fb; font-size: 13px; color: #005696;}
.side-nav a:hover {color: #46973c; background: transparent url(/images/side-nav-arrow.gif) 0 50% no-repeat;}
.side-nav a.selected { color: #46973c; background: transparent url(/images/side-nav-arrow.gif) 0 50% no-repeat; }

.subpage-container .main-menu {width: 720px; height: 32px;}
.subpage-container .main-menu ul li a {display: block; float: left; padding-right: 26px; padding-left: 36px; background: url(/images/main-menu-arrow.png) no-repeat 16px;}
.subpage-container .main-menu ul {height: 32px;}
.subpage-container .content-container  {width: 718px; background: #eef6fa url(/images/subpage-main-bg.png) bottom left no-repeat;}
.subpage-container .splash {position: relative; z-index: 1; height: 190px; width: 718px;}
.subpage-container .content {width: 718px;}



.subpage-main {float: right; padding-bottom: 16px; margin-right: 16px; width: 718px;}

.home-link-box {position: absolute; top: 0px; left: 24px; width: 208px; height: 134px;}

.subpage-left-bar {float: left; width: 224px; margin-top: 116px; margin-left: -3px; padding: 0px 0px 16px 16px;}

.subpage-left-bar .timely-tips-box {width: 200px; margin-top: 28px; line-height: 16px;}
.subpage-left-bar .timely-tips-box ul {padding-left: 16px;}

.subpage-left-bar .link {padding-left: 0px;}

.subpage-content-menu {float: right; width: 192px; border-left: 1px solid #ccc; margin: 16px 0px 16px 24px; padding: 0px 16px 52px 20px; }
.subpage-content-menu li {list-style-type: none; padding: 8px 0px;}
.subpage-content-menu li a {font-size: 13px}

td.subhead {font-weight: bold;}
td.body {padding-bottom: 16px;}

.join-now-btn {float: right; padding: 16px; padding-bottom: 4px; vertical-align: bottom;}

.community-list {line-height: 18px;}

.spaced-list li {list-style-type: none; padding: 4px 0px;}

.financial-tool {width: 425px; float: left; padding: 24px 0px; border-bottom: 1px solid #badaeb;}
.financial-tool img {float: left; padding-right: 16px;}
.financial-tool div {float: right; width: 250px;}

.ui-tabs-hide { display: none;}

.creditcard-img {float:left; padding: 0 24px 8px 0}
.creditcard-description {width: 272px; float: left}
.features {float: left; width: 450px;}

#creditcard-thumbs {width: 148px; float: left; padding-right: 24px; margin: 0;}
#creditcard-thumbs li {float: left; list-style-type: none; padding: 6px;}
#creditcard-thumbs a {padding: 1px;}
#creditcard-thumbs a:hover {padding: 0px; border: 1px solid #069;}


/* ------------------------------------------------------------------------------------------- */
/* Table Styles                                                                          
/* ------------------------------------------------------------------------------------------- */
.rate-info td {width: 150px; padding: 10px 16px; border-left: 1px solid #BCCFD4; text-align: center; background: #fff;}
.rate-info {border: 1px solid #BCCFD4; margin-top: 24px;}
.rate-info .first-col {width: 45%; }
.rate-info .type {color: #036; background: #EAF1F3; font-size: 12px; border-left: none !important; text-align: left;}

.rate-info .last {border-right: none !important;}
.rate-info .first {border-left: none !important;}

.rate-info .rate {width: 60px; height: 100%; float: none; background: #fff;}
.rate-info .even {background: #fff;}
.rate-info tr td {border-bottom: 1px solid #BCCFD4;}

.rate-info .heading {background: #EAF1F3; color: #000; font-weight: bold;}
.rate-info .subhead {color: #000;}

.debit-table {margin-top: 24px;}
.debit-table .subhead {font-size: 14px; color: #036;}
.debit-table tr td {border-bottom: 1px solid #adbddb; padding: 12px 16px;}
.debit-table .body {background: #deedf6;}
.debit-table .first-col {background: #bfd5e5; width: 60%;}
.debit-table .top-left {background: #bfd5e5 url(/images/rate-table-top-left.png) top left no-repeat !important;}
.debit-table .bottom-left {background: #bfd5e5 url(/images/rate-table-bottom-left.png) bottom left no-repeat !important; border: none;}
.debit-table .top-right {background: #deedf6 url(/images/rate-table-top-right.png) top right no-repeat !important;}
.debit-table .bottom-right {background: #deedf6 url(/images/rate-table-bottom-right.png) bottom right no-repeat !important; border: none;}

.hsa-table2 {margin-top: 24px;}
.hsa-table2 .first-col {background: #bfd5e5; width: 50%;}
.hsa-table2 td {padding: 8px 16px; border-bottom: 1px solid #adbddb;}
.hsa-table2 .body {background: #deedf6;}
.hsa-table2 .top-left {background: #bfd5e5 url(/images/rate-table-top-left.png) top left no-repeat !important;}
.hsa-table2 .bottom-left {background: #bfd5e5 url(/images/rate-table-bottom-left.png) bottom left no-repeat !important; border: none;}
.hsa-table2 .top-right {background: #deedf6 url(/images/rate-table-top-right.png) top right no-repeat !important;}
.hsa-table2 .bottom-right {background: #deedf6 url(/images/rate-table-bottom-right.png) bottom right no-repeat !important; border: none;}


.holiday-hours td {border-right: 1px solid #badaeb; border-bottom: 1px solid #badaeb; padding: 8px 16px;}


/* ------------------------------------------------------------------------------------------- */
/*  Javascript Tabbed Product Menu Styles                                                                          
/* ------------------------------------------------------------------------------------------- */

#college-visa-tab {}

/* ------------------------------------------------------------------------------------------- */
/* Form Styles                                                                          
/* ------------------------------------------------------------------------------------------- */

.contact-form {}
.contact-form label {}
.contact-form #name-input {margin-bottom: 8px;}
.contact-form #member-select {margin-bottom: 8px;}
.contact-form #question-select {margin-bottom: 8px;}
.contact-form #contact-submit {float: right; margin-top: 16px; margin-right: 32px;}
.contact-form #question-body {padding: 8px;}
.contact-form table {margin-bottom: 0px;}

.enews-form {margin-left: 116px; width: 250px;}
.enews-form input {padding-right: 24px; vertical-align: top;}