@charset "utf-8";
/* CSS Document */
/*
                    STYLES DIRECTORY:
                
                    01. RESET STYLES
                    02. GLOBAL STYLES
                    03. HEADER STYLES
                        03A. SPLASH SPECIFIC HEADER STYLES
                        03B. INTERIOR SPECIFIC HEADER STYLES
                    04. MAIN NAVIGATION
                        04A. MAIN NAVIGATION DROPDOWN
                    05. ONLINE BANKING
                        05A. ONLINE SERVICES ACCORDION
                    07. SPLASH FEATURES
                        07A. SPLASH FEATURES: SPRY TABBED PANELS
                    08. INTERIOR COLUMNS
                    08. MAIN CONTENT STYLES
                    09. FOOTER STYLES
                */
/* ---------------- 01. RESET STYLES ---------------- */
wrapper, body, div, p, h1, h2, h3, ul, li, form, fieldset {margin:0;padding:0;}
.clear {clear:both;}
.floatLeft {float:left;border:0;}
.floatRight {float:right;border:0;}
a {outline:none;}
/*------------------ 02. GLOBAL STYLES ------------------*/
html{color:#000;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:12px;}
body{background:url(design/bg.jpg) repeat-x;}
#wrapper {width:960px;margin: 0 auto;padding:0 10px;background:#fff;position:relative;}
/*------------------ 03. HEADER STYLES ------------------*/
#logo {width:265px;float:left;}
#header-right {width:601px;float:right;padding:15px 15px 0 0;}
#topNav {height:63px;text-align:right;}
#topNav ul {list-style:none;}
#topNav ul li {display:inline;}
#topNav ul li a {color:#000;}
#topNav ul li a:hover {text-decoration:none;}
#tagline {height:34px;text-align:right;}
#tagline h2 {font-size:20px;color:#1b3f73;}
/*------------------ 03A. SPLASH SPECIFIC HEADER STYLES ------------------*/
#splash #header {overflow:hidden;padding-bottom:10px;}
#header-top {
    height:149px;
    padding:10px 0 0 58px;
    border-bottom:5px solid #ffff4c;
    position:absolute;
    top:0;
    left:10px;
    width:902px;
    z-index:10;
}
#header #online-banking {    
    height:249px;
    padding:25px 0 0 30px;
    position:absolute;
    top:164px;
    left:10px;
    background:url(design/img-left-column.png) repeat-y;
    width:294px;
    z-index:10;
}
/*------------------ 03B. INTERIOR SPECIFIC HEADER STYLES ------------------*/
#interior #header {
    height:149px;
    padding:10px 0 1px 58px;
    width:902px;
    background:url(design/img-header.jpg) no-repeat 0 10px;
}
/*------------------ 04. MAINNAV ------------------*/
#mainNav {
    width:636px;
    height:37px;
    float:right;
    position:relative;
    z-index:100;
}
#mainNav ul {font-size:14px;list-style:none;}
#mainNav ul li {float:left;position:relative;}
#mainNav ul li a {
    color:#fff; 
    text-decoration:none;
    text-align:center;
    display:block;
    height:27px;
    background:url(design/img-mainNav-sprite2.png) 0 0 no-repeat;
    padding-top:10px;
    width:126px;
    margin-right:1px;
    font-weight:bold;
}
#mainNav ul li a:hover {background-position: 0 -38px}
#mainNav ul li.selected a {background-position: 0 -38px;}
/* ---------------- 04A. MAIN NAVIGATION DROPDOWN ---------------- */
#mainNav ul li ul{
    position:absolute;
    z-index:1000;
    top:37px;
    left:0px;
    visibility:hidden;
    background-color:#fff;
    line-height:2.00em;
    border-bottom:5px solid #ffff4c;
}
#mainNav ul li ul li {padding:0;margin:0;height:auto;border-top:1px solid #ccc;}
#mainNav ul li ul li a {
    height:auto;
    text-align:left;
    padding:5px 0 5px 16px;
    color:#1b3f73;
    background:none;
    text-decoration:none;
    display:block;
    font-weight:normal;
}
#mainNav ul li ul li:first-child {border-top:none;}
#mainNav ul li ul li a:hover {color:#fff;background:#1c3f73 none;}
#mainNav li:hover ul, #mainNav li:hover li:hover ul {visibility:visible;}
#mainNav li:hover li ul, #mainNav li:hover li:hover li ul {visibility:hidden;}
#mainNav li:hover>ul {display:block;visibility:visible;}
html>body #mainNav li ul {display:none;}
/* ---------------- 05. ONLINE BANKING ---------------- */
#left-column #online-banking {
    height:249px;
    padding:25px 0 0 30px;
}
#online-banking h2 {color:#1b3f7e;font-size:23px;height:33px;}
#online-banking #ob-row {margin-left:10px;padding-top:1px;height:27px;}
#online-banking label {float:left;padding-top:8px;line-height:1em;width:47px;height:19px;text-aling:right;}
#online-banking #id {float:left;width:124px;height:23px;border:1px solid #000;margin-right:1px;}
#ob-row #submit {width:57px;height:27px;}
#ob-links {clear:both;height:37px;padding-top:10px;}
#ob-links ul {list-style:none;margin-left:70px;}
#ob-links li {float:left;padding-right:27px;}
#ob-links li a {color:#000;}
#ob-links li a:hover {text-decoration:none;}
/* ---------------- 05A. ONLINE SERVICES ACCORDION ---------------- */
#accordion {
    width:215px;
    background-color:#1b3f7e;
    padding:5px 2px;
    position:relative;
    margin-left:25px;
    z-index:100;
}
#accordion .title {
    height:22px;
    background:#FEE859 url(design/img-toggle.png) no-repeat;
    border-bottom:1px solid #1b3f73;
    text-align:center;
    padding-top:6px;
}
#accordion h2 {color:#1b3f73;font-size:16px;line-height:1em;}
#accordion .openTitle {
    height:22px;
    background:#FEE859 url(design/img-toggle.png) no-repeat;
    border-bottom:1px solid #1b3f73;
    text-align:center;
    padding-top:6px;
}
.description {background-color:#F9EFCB;}
.description ul {list-style:none;margin-left:15px;}
.description li a {color:#000;text-decoration:none;}
.description li a:hover {text-decoration:underline;}
/* ---------------- 06. HERO---------------- */
#hero {width:960px;height:430px;overflow:hidden;}
#slides {z-index:0;position:relative;}
/* ---------------- 07. SPLASH FEATURES ---------------- */
#features {
    clear:both;
    width:960px;
    height:275px;
    border-top:10px solid #999;
    padding-top:10px;
    overflow:hidden;
}
#features-left {
    width:314px;
    height:193px;
    background:url(design/img-feature-body.png) no-repeat 0 39px;
    float:left;
    margin-right:9px;
}
#features .feature-content {
    padding-top:19px;
    clear:both;
    width:260px;
    margin:0 auto;
}
#features .feature-content p {margin-bottom:15px;}
#features-middle {
    width:313px;
    height:193px;
    background:url(design/img-feature-body.png) no-repeat 0 38px;
    float:left;
    margin-right:9px;
}
#features-middle #features-header {
    height:30px;
    background:url(design/img-feature-header.png) no-repeat;
    padding:9px 0 0 27px;
}
#features-header h2 {font-size:21px;color:#193f73;font-weight:normal;line-height:1em;}
.feature-content ul {margin-left:33px;list-style:none;}
.feature-content ul li {
    padding-left:15px;
    background:url(design/bullet-squareYellow.png) no-repeat 0 .4em;
}
.feature-content a {color:#1b3f7e;}
.feature-content a:hover {text-decoration:none;}
#features-right {
    width:314px;
    height:193px;
    background:url(design/img-feature-body.png) no-repeat 0 38px;
    float:left;
}
/* ---------------- 07A. SPRY TABBED PANELS STYLES ---------------- */
.TabbedPanels {
    overflow: hidden;
    margin: 0px;
    padding: 0px;
    clear: none;
    width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}
.TabbedPanelsTabGroup li {float:left;list-style:none;padding-right:1px;}
.TabbedPanelsTab {
     background:url(design/img-feature-header-sprite.png) no-repeat 0 -39px;  
    color:#fff;  
    width:156px;
    height:30px;
    text-decoration:none;  
    font-size:21px;  
    display:block;
    line-height:1em;
    padding-top:9px;
    text-align:center;
    list-style:none;
    outline:none;
}
.TabbedPanelsTabHover {color:#2E558C;}
.TabbedPanelsTabSelected {background-position: 0 0;color:#193f73;}
.TabbedPanelsContentGroup {
    clear: both;
    padding-top:19px;
    clear:both;
    width:260px;
    margin:0 auto;
}
.TabbedPanelsContent {overflow: hidden;}
/* ---------------- 08. INTERIOR COLUMNS ---------------- */
#column-wrapper {
    border-top:5px solid #ffff4c;    
    overflow:hidden;
    width:960px;
    padding-top:1px;
}
#left-column {
    background:url(design/img-online-banking.jpg) no-repeat;
    float:left;
    position:relative;
    width:324px;
}
#left-column #banner {
    width:323px;
    border-top:10px solid #999;
    min-height:205px;
    background:url(design/img-left-column-feature.jpg) no-repeat 0 10px;
    text-align:center;
    padding:30px 0 10px 0;
}
#right-column {width:636px;float:right;position:relative;}
#right-column h1 {
    background-color:#8D9FBE;
    color:#fff;
    font-size:20px;
    padding:7px 0 0 15px;
    height:33px;
}
/* ---------------- 09. MAIN CONTENT STYLES ---------------- */
#content {padding:0 15px;position:relative;}
#content #breadcrumb {font-size:12px;height:30px;padding:10px 0 0 0;}
#content #breadcrumb a {color:#1a3f7e;text-decoration:none;}
#content #breadcrumb a:hover {text-decoration:underline;}
#content #breadcrumb span {padding: 0 10px;}
#content #sizer {position:absolute;width:110px;right:20px;top:10px;}
#content #sizer input {margin:0 3px;}
#content h1 {font-size:1.667EM;color:#8D9FBE;margin-bottom:10px;background-color:none;padding:0;height:auto;}
#content h2 {font-size:1.33em;margin-bottom:10px;}
#content h3 {font-size:1.33em;font-weight:normal;color:#1b3f7e;margin-bottom:10px;}
#content h4 {
    margin:0 0 10px 0;
    padding:0;
    font-size:1.167em;
    color:#666;
}
#content h5 {
    margin:0 0 10px 0;
    padding:0;
    font-size:1em;
    color:#1b3f73;
}
#content h6 {
    margin:0 0 10px 0;
    padding:0;
    font-size:.833em;
    font-weight:normal;
}
#content p {margin-bottom:15px;}
#content a {color:#1a3f7e;}
#content a:hover {text-decoration:none;}
#content ul {margin:0 0 15px 60px;list-style:none;}
#content li {
    background:url(design/bullet-squareBlue.jpg) no-repeat 0 .4em;
    padding-left:20px;
}
#content th {padding:5px;background-color:#778FB5;color:#fff;}
#content .bookmark {font-size:1.33em;margin-bottom:10px;}
/* ---------------- 09. FOOTER ---------------- */
#footer {
    clear:both;
    width:930px;
    padding:14px 0 0 30px;
    margin:0 auto;
    font-size:11px;
    border-top:5px solid #1c3f7e;
    overflow:hidden;
}
#footer-left {width:594px;float:left;}
#footer h1 {font-size:14px;color:#264784;margin-bottom:13px;}
#footer p {margin-bottom:10px;}
#footer-links {height:25px;}
#footer-links ul {list-style:none;}
#footer-links li {display:inline;padding-right:20px;}
#footer a {color:#336699;}
#footer a:hover {text-decoration:none;}
#footer-right {float:right;width:336px;}
#fdic-logo {float:left;width:123px;padding-top:10px;}
#ehl-logo {float:left;width:63px;padding-top:8px;}
#footer #pharming {float:left;width:150px;}
/* Coded by NG-J */