@charset "utf-8";
/* CSS Document */

/***** General *****/
* { font-family: Verdana, Geneva, sans-serif; }
body { background: #DDDDDD; font-size: 11px; margin: 0px; letter-spacing: .01em; }
a { color: #004990; text-decoration: none;  }
a img { border: none; }
.clear { clear: both; }
.right { float: right; }
.left { float: left; }
.print { display: none; }
h1 { font-size: 21px; color: #F78E1E; line-height: 26px; }
h2 { font-size: 18px; line-height: 23px; }
h3 { font-size: 16px; line-height: 20px; }
h4 { font-size: 13px; line-height: 16px; }
h5 { font-size: 12px; line-height: 15px; }
h6 { font-size: 11px; line-height: 14px; }
.smalltext { font-size:9px; }
p, ul, ol { line-height: 14px; }
h2, h3, h4, h5, h6 { color: #004990; }
h1, h2, h3, h4, p { font-weight: normal; margin-bottom: 10px; }
/***** Desktop *****/
.container { width: 1000px; margin: auto; background: #FFF; min-height: 100%; -moz-box-shadow: 0 0 5px #333333; -webkit-box-shadow: 0 0 5px #333333; box-shadow: 0 0 5px #333333; }
.header { background: url(../images/sitemedia/header-bg.jpg) center bottom; min-height: 235px; }
.header, .header a { color: #004990; }
.logo { padding: 40px; float: left; }
.jurisdictions { float: right; padding: 35px 35px 35px 0px; font-size: 9px; }
.logo-mobile { display: none; }
.navigation { background: #41C4DC; }
#container3, #container2, #container1 { float: right; width: 100%; position: relative; }
#container3 { background: #004990; overflow: hidden; }
#container2 { background: #FFF; left: 20%; }
#container1 { background: #004990; left: 60%; }
#col1, #col2, #col3 { float: right; position: relative; right: 80%; overflow: hidden; }
#col2 { width: 60%; }
.column-inner { margin: 10%; }
.main-inner { margin: 25px; }
.column { width: 20%; color: #FFF; }
.column a { color: #FFF; }
.column a:hover { color: #41C4DC; }
.column ul { margin: 0px 0px 0px 15px; padding: 0px; font-weight: bold; }
.column ul.latest { font-weight: normal; }
.column ul li { margin-bottom: 5px; }
.column ul li ul li { margin-bottom: 0px; }
.column ul li ul { margin-left: 15px; font-weight: normal; }
.column h2 { margin: 0px 0px 15px; color: #FFF; }
.quick-links { margin-top: 15px; }
.quick-links a { line-height: 20px; }
.notice { background:#004990; color:#FFF !important; padding:25px; max-width:490px;}
.notice a { text-decoration:underline; }
.notice h1 { margin-top:0; }
.notice h2, .notice h3, .notice h4, .notice h5, .notice h6, .notice a { color:#FFF; margin-top:0; }
.notice p { margin:15px 0 0; }
/*.online-banking img, .subnavigation img, #col3 img, .quick-links img { width:160px; max-width:100%; height:auto !important; margin-bottom:10px; }*/
.online-banking img, .subnavigation img, #col3 img, .quick-links img { margin-bottom: 10px; width: 160px; height: auto !important; max-width:100%; }
.search { max-width: 170px; }
.search-field { width: 92%; height: 21px; padding: 2px; border: 1px solid #41C4DC; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; line-height: 21px; }
.search-button { float: right; }
#google_translate_element { margin-top: 10px; width: 100%; max-width: 180px; overflow: hidden; }
.goog-te-menu-value { font-size: 9px; }
.goog-te-gadget-icon { display: none; }
.page { width: 54%; float: right; margin: 25px 3% 25px 0px; overflow: hidden; }
.featured-image img { max-width: 100%; height: auto; padding: 15px 0px; }
.footer { text-align: center; font-size: 9px; clear: both; padding: 10px 0px; }
.breadcrumbs p { margin: 0px; }
.cherry, .red { color: #D9541E; }
.seagrape, .green { color: #C1D82F; }
/***** Menu Bar *****/
ul.MenuBarHorizontal { margin: 0; padding: 0; list-style-type: none; font-size: 10px; cursor: default; width: auto; }
ul.MenuBarActive { z-index: 1000; }
ul.MenuBarHorizontal li { margin: 0; padding: 0; list-style-type: none; position: relative; text-align: left; cursor: pointer; width: 10%; float: left; min-width: 55px; }
ul.MenuBarHorizontal li#nav-community { display: none; }
ul.MenuBarHorizontal a { display: block; cursor: pointer; background-color: #41C4DC; padding: 0px; color: #FFF; text-decoration: none; text-align: center; border-left: 1px solid #FFF; border-bottom: 1px solid #FFF; }
ul.MenuBarHorizontal li#nav-home a { border-left: none; }
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus, ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible { background-color: #004990; color: #FFF; }
ul.MenuBarHorizontal iframe { position: absolute; z-index: 1010; opacity:0; -moz-opacity:0; -webkit-opacity:0; }
@media screen, projection {
ul.MenuBarHorizontal li.MenuBarItemIE { display: inline; f\loat: left; background: #FFF; }
}
.bio { margin-bottom: 15px; }
.bio-image { float: right; margin-left: 15px; width:150px; }
.caption { background: #41C4DC; color: #FFF; padding: 5px; font-size: 10px; }
.home-images { margin-right:-15px; }
.home-image { float: left; margin: 0px 15px 15px 0px; width:170px; }
.content img { max-width: 100%; height: auto !important; }
.content-column-left, .content-column-right { width:49%; float:left; margin-bottom:10px; }
.content-column-right { float:right; }

.alternating-table { width:100%; }
.alternating-table td { border-bottom:1px solid #bcbcbc; }
.alternating-table tr:nth-child(odd) { background:#cdcdcd; }
.col-hlf { width:50%; float:left; text-align: center; }
a.cnb-btn { background-color: #004990; color: #FFF; border-radius:4px; padding:10px 16px; display:block; font-size:18px; text-shadow:#000 1px 1px; }
a.cnb-btn:hover { background-color:#003880; }
.alignright { float:right; max-width:50%; }

.onlinebankingbutton { margin:10px 0; background: #42c4dd; border-radius: 5px; font-size:9px;  }
.onlinebankingbutton a { color: #FFF; display:block; }
.onlinebankingbutton a:hover { color:#004990; }
.onlinebankingbutton .icon { float:left; width:22%; }
.onlinebankingbutton a.title { font-weight: bold; color:#004990; padding:10px 3px 3px 0; }
.onlinebankingbutton a.title:hover { color:#FFF; }
.onlinebankingbutton a.loginlink { float:left;  padding:0 3px 3px 0; }
.onlinebankingbutton a.applylink { float:right; padding:0 3px 3px; }


/***** Tablet Horizontal *****/
@media screen and (max-width: 1000px) {
.container { width: 100%; background: #FFF; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; margin: 0px; overflow: hidden; }
}
/***** Tablet Vertical *****/
@media screen and (max-width: 800px) {
#col1, #col3 { font-size: 10px; }
}

/***** Mobile *****/
@media screen and (max-width: 639px) {
body { background: #FFF; }
.jurisdictions { display: none; }
.container { max-width: 320px; margin: auto; border: 1px solid #666; }
.header { background: none; min-height: 0px; }
.logo { display: none; }
.logo-mobile { display: block; float: none; text-align: center; padding: 30px 0px; }
.logo-mobile img { width: 80%; max-width: 250px; height: auto; }
ul.MenuBarHorizontal li, ul.MenuBarHorizontal li#nav-home { width: 20%; }
ul.MenuBarHorizontal li a, ul.MenuBarHorizontal li#nav-home a { border-left: 1px solid #FFF; }
.sidebar-top { text-align: center; }
.online-banking img { width: 130px; height: auto; margin-right: 2%; }
.page, .quick-links, .sidebar-top, .bio-image, .subnavigation { float:none; width:auto; margin:0px; height:auto; }
.main { margin: 0px; padding: 0px; }
.page, .subnavigation, .sidebar-top { padding: 15px; }
.page { padding-right: 10px; margin: 0px; }
.quick-links { display: none; }
.bio .bio-image .caption { display: none; }
.home-image { display: none; }
.subnavigation, .sidebar-top { min-height: 0px; height: auto; }
#container3, #container2, #container1, #col1, #col2, #col3 { float: none; width: 100%; position: static; }
.main-inner { margin: 10%; }
#col2 { background: #FFF; }
.column-inner { margin: 5%; }
.column ul li { margin-bottom: 2px; }
#col2 img { margin: auto; }
.content-column-left, .content-column-right { width:100%; float:none; }
.col-hlf { width:100%; float:none; }
.alignright { float:none; max-width:100%; }
.onlinebankingbutton { font-size:14px;  }
.onlinebankingbutton .icon { width:27.77%; }
.onlinebankingbutton a.title { padding:20px 10px 10px 0; }
.onlinebankingbutton a.applylink { padding:0 10px 10px; font-sze:12px; }
.onlinebankingbutton a.loginlink { padding:0 10px 10px 0; font-sze:12px; }
}
/***** Blackberry *****/
@media screen and (max-width: 340px) {
#google_translate_element { display: none; }
.container { border: 0; }
}
.gsc-adBlock { display: none !important; visibility: hidden !important; opacity:0 !important; -moz-opacity:0 !important; -webkit-opacity:0 !important; height: 1px !important; overflow: hidden !important; }
.btn { display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
.btn:hover, .btn:focus { text-decoration: none; }
.btn:focus, .btn.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
.btn.disabled, .btn:disabled { opacity: 0.65; }
.btn:not(:disabled):not(.disabled) { cursor: pointer; }
.btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active { background-image: none; }
a.btn.disabled, fieldset:disabled a.btn { pointer-events: none; }
.btn-primary { color: #fff; background-color: #41C4DC; border-color: #41C4DC; }
.btn-primary:hover { color: #fff; background-color: #35A1AF; border-color: #35A1AF; }
.btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #41C4DC; border-color: #41C4DC; }
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #35A1AF; border-color: #35A1AF; }
a.btn { text-decoration:none; }