html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    /*vertical-align: baseline*/
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

body {
    line-height: 1;
    -webkit-text-size-adjust: 100%
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

    blockquote:before, blockquote:after,
    q:before, q:after {
        content: '';
        content: none
    }

table {
    border-collapse: collapse;
    border-spacing: 0
}

html {
    font-size: 62.5%
}

body {
    color: #000000;
    font-size: 16px;
    font-size: 1.6em;
    font-weight: normal;
    font-family: 'Roboto',sans-serif;
    line-height: 1;
    background: #ffffff
}

    body > iframe {
        display: none
    }

header, .inner, footer {
    max-width: 1200px;
    position: relative;
    margin: 0 auto
}

header {
    overflow: hidden
}

h1, h2, h3, h4 {
    display: block;
    color: #223656;
    font-size: 50px;
    font-size: 5rem;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 40px
}

h2 {
    font-size: 40px;
    font-size: 4rem;
    margin-bottom: 20px
}

h3 {
    font-size: 30px;
    font-size: 3rem;
    margin-bottom: 20px
}

h4 {
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 20px
}

a, a:active, a:visited {
    color: #0a84be;
    text-decoration: none
}

    a:hover {
        color: #314d7a;
        text-decoration: none
    }

ul.list {
    list-style: disc;
    margin: 0;
    padding-left: 20px
}

.arrowList, .wysiwyg ul, .wysiwyg ol {
    margin: 0 0 20px 20px;
    padding-left: 20px;
    list-style-image: url('/img/arrow.png')
}

.wysiwyg ol {
    list-style-image: none;
    list-style: decimal
}

.arrowList li, .wysiwyg li {
    padding: 5px 0;
    line-height: 1.3
}

.viewAll {
    display: block;
    margin-top: 10px
}

strong {
    font-weight: bold
}

em {
    font-style: italic
}

p {
    line-height: 1.7;
    margin-bottom: 20px
}

.grayLine {
    margin: 30px 0;
    border-top: 1px solid #aaaaaa
}

.center {
    text-align: center
}

.right {
    text-align: right
}

.noMargin {
    margin: 0
}

.noBorder {
    border: 0
}

.width95 {
    width: 95%
}

.section.nestedSection {
    padding: 0
}

.col.noTopMargin {
    margin-top: 0
}

.col.noTopBotMargin {
    margin-top: 0;
    margin-bottom: 0
}

.imgResponsive {
    max-width: 100%
}

.green {
    color: #99c24e
}

.white {
    color: #ffffff
}

.blue {
    color: #0a84be
}

.bgNavy {
    background: #223656
}

.bgGray {
    background: #eeeeee
}

.bgFooter {
    background: #f2f2f2
}

.bgGreen {
    background: #99c24e
}

.bgOnlineBanking {
    background: #223756 url('/img/bgBenFranklin.png') 0 0 no-repeat
}

.btmBorder {
    border-bottom: 1px solid #223656
}

.headerInterior, .headerInterior.blog {
    color: #eeeeee;
    background-color: #bdbdbd
}

    .headerInterior h1, .headerInterior.blog h1 {
        color: #eeeeee;
        font-size: 56px;
        font-size: 5.6rem;
        margin-bottom: 0
    }

h1.mainHead {
    line-height: 1.3
}

.wysiwyg h1.mainHead span {
    font-size: 36px !important;
    font-size: 3.6rem !important
}

.alert {
    color: #ffffff;
    text-align: center;
    line-height: 1.5;
    padding: 14px 0 !important;
    margin-bottom: 0 !important;
}

    .alert a {
        color: #223656
    }

        .alert a:hover {
            text-decoration: underline
        }

    .alert p {
        display: inline-block;
        margin-bottom: 0
    }

.logo {
    float: left;
    margin: 15px 0
}

#headerLogo {
    max-width: 233px;
    max-height: 92px
}

a.btnEnroll:link, a.btnEnroll:active, a.btnEnroll:visited {
    float: right;
    display: block;
    color: #eeeeee;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 10px;
    margin-top: 10px;
    margin-right: 20px;
    border: 1px solid #0a84be;
    border-radius: 5px
}

a.btnEnroll:hover {
    color: #eeeeee;
    background: #0a84be
}

nav {
    text-align: right
}

    nav ul, .topLinks {
        display: inline-block;
        margin-left: 10px;
        background: transparent
    }

.topLinks {
    width: 50%;
    margin-top: 0;
    margin-bottom: 25px
}

nav ul {
    margin-top: 45px
}

nav li, .topLinks li {
    display: inline-block
}

    .topLinks li a {
        display: block;
        font-size: 14px;
        font-size: 1.4rem;
        padding: 2px 10px;
        margin: 18px 0;
        border-right: 1px solid #eeeeee
    }

        .topLinks li a.noBorder {
            border: 0
        }

        .topLinks li a:link, .topLinks li a:active, .topLinks li a:visited {
            color: #eeeeee
        }

        .topLinks li a:hover, .topLinks li a.active {
            color: #0a84be
        }

    nav li a {
        display: block;
        font-size: 18px;
        font-size: 1.8rem;
        padding: 5px 35px;
        border-right: 1px solid #757575
    }

        nav li a:link, nav li a:active, nav li a:visited {
            color: #314d7a
        }

        nav li a:hover, nav li a.active {
            color: #0a84be
        }

        nav li a.last {
            padding-right: 0;
            border: 0
        }

nav li {
    position: relative;
    padding: 0;
    margin: 0;
    border: 0;
    z-index: 9
}

    nav li ul {
        display: none;
        position: absolute;
        top: 1em;
        left: 20px;
        padding: 49px 0 0;
        margin: 0;
        list-style: none
    }

    nav li > ul {
        top: auto;
        left: 15px
    }

        nav li > ul#subAboutUs {
            right: -10%;
            left: auto
        }

    nav li ul li {
        margin: 0
    }

    nav li:hover ul, nav li.over ul {
        display: block
    }

#subPersonalBanking li {
    width: 200px
}

#subBusinessBanking li {
    width: 250px
}

#subLoans li {
    width: 250px
}

#subAboutUs li {
    width: 230px
}

nav li ul li a:link, nav li ul li a:active, nav li ul li a:visited {
    color: #0a84be;
    font-size: 16px;
    font-size: 1.6rem;
    text-align: left;
    padding: 15px 0 15px 20px;
    border-right: 0;
    border-bottom: 1px solid #0a84be;
    background: #eeeeee
}

nav li ul li a:hover {
    color: #ffffff;
    background: #0a84be
}

nav li ul li a:link.lastSub {
    border: 0
}

.navArrow {
    display: inline-block;
    padding-left: 10px
}

.mobileMenuLink {
    float: right;
    clear: right;
    margin-top: 40px
}

    .mobileMenuLink:hover {
        cursor: pointer
    }

.mobileMenu li {
    width: 100%;
    background: #eeeeee
}

.mobileMenu a {
    display: block;
    font-size: 18px;
    font-size: 1.8rem;
    padding: 15px 0 15px 10%;
    border-bottom: 1px solid #cccccc
}

    .mobileMenu a:hover, .mobileMenu a.active {
        color: #314d7a
    }

.mobileMenu ul ul {
    display: none;
    background: #efefef
}

.mobileMenu li li {
    text-align: left;
    background: #ffffff
}

    .mobileMenu li li a {
        font-size: 16px;
        font-size: 1.6rem;
        padding-left: 15%
    }

.mobileMenu a.lastSub {
    border: 0
}

#slider_mobile, .mobileMenuLink, .mobileMenu, .mobileOnly, .col.mobileOnly, .options img.mobileOnly {
    display: none
}

.contentPad {
    padding: 40px 0
}

.nivo-caption {
    top: 55%;
    left: 10%;
    opacity: 1;
    padding: 0;
    background: transparent
}

    .nivo-caption h1 {
        color: #f7f6f4;
        font-weight: 700;
        margin-bottom: 20px
    }

.onlineBankingBlurb {
    color: #ffffff;
    font-size: 30px;
    font-size: 3rem;
    line-height: 1.3;
    padding-top: 20px
}

h3.options {
    width: 40%;
    line-height: 1.2
}

.options img {
    display: block;
    margin-bottom: 10px
}

.community, .meetTeam {
    background: #eeeeee
}

    .community .span_1_of_2, .meetTeam .span_1_of_2 {
        position: relative;
        width: 50%;
        margin: 0
    }

    .community img, .meetTeam img {
        width: 100%;
        height: 100%;
        vertical-align: bottom
    }

.communityInner, .meetTeamInner {
    width: 65%;
    padding: 10% 0 10% 15%
}

.resources h3 {
    line-height: 1.3;
    margin-bottom: 0
}

.resources img {
    margin-top: 50px
}

.resources span {
    display: block;
    font-size: 20px;
    font-size: 2rem;
    padding-top: 10px
}

a.btnFloat:link, a.btnFloat:active, a.btnFloat:visited {
    position: absolute;
    right: 0;
    bottom: 7%;
    display: inline-block;
    color: #eeeeee;
    padding: 10px 20px;
    background: #99c24e
}

a.btnFloat.left {
    left: 0;
    right: auto
}

a.btnFloat:hover {
    color: #eeeeee;
    background: #223656
}

.interiorHead h1, .interiorHead {
    color: #eeeeee
}

.pageDescription {
    font-size: 18px;
    font-size: 1.8rem
}

    .pageDescription p:last-of-type {
        margin-bottom: 0
    }

.leftMenu {
    width: 90%
}

.leftMenuHead {
    color: #0a84be;
    padding-top: 15px;
    margin-bottom: 15px;
    border-top: 2px solid #eeeeee
}

.leftMenu ul {
    list-style-image: none;
    padding: 0;
    margin: 0
}

.leftMenu li {
    padding: 4px 0
}

.leftMenu a {
    display: block;
    padding: 10px 0 10px 10px;
    background: #eeeeee url('/img/iconArrow.png') no-repeat 95% center
}

    .leftMenu a.active {
        color: #ffffff;
        background: #0a84be
    }

.leftMenu ul.subLeft {
    list-style-image: url(/img/arrow.png);
    padding-left: 25px;
    margin-top: 10px
}

.leftMenu .subLeft a {
    padding: 3px 0 3px 0;
    background: #ffffff
}

    .leftMenu .subLeft a.active {
        color: #314d7a
    }

.location {
    padding-bottom: 10px;
    margin-bottom: 30px;
    border-bottom: 2px solid #eeeeee
}

.wysiwyg .location h3 {
    margin-bottom: 20px
}

.locationHead {
    font-weight: bold;
    margin-bottom: 5px
}

.wysiwyg .location p {
    line-height: 1.5
}

.locationDetails span {
    display: block
}

.space {
    margin-bottom: 5px
}

.slider-wrapper {
    position: relative;
    border-bottom: 1px solid #eeeeee
}

.section.nestedSection.branches {
    padding-bottom: 30px
}

.branch {
    font-size: 18px;
    font-size: 1.8rem;
    display: inline-block;
    padding: 10px 20px;
    margin: 0 1% 15px;
    background: #eeeeee;
    border-right: 2px solid #eeeeee
}

    .branch.active {
        color: #ffffff;
        background: #0a84be
    }

    .branch:last-of-type {
        border: 0
    }

table.blueChart, table.blueChart th, table.blueChart td {
    font-size: 14px;
    font-size: 1.4rem;
    vertical-align: middle;
    line-height: 1.2;
    border: 1px solid #cccccc
}

.blueChart th {
    color: #ffffff;
    background: #0a84be
}

.blueChart th, .blueChart td {
    width: auto !important;
    text-align: center;
    padding: 10px
}

.blueChart tr:nth-child(even) {
    background-color: #eeeeee
}

.blueChart tr td:first-of-type {
    text-align: left
}

a.btnBlue:link, a.btnBlue:active, a.btnBlue:visited,
.btnGreen:link, .btnGreen:active, .btnGreen:visited,
.btnGreenSmall:link, .btnGreenSmall:active, .btnGreenSmall:visited {
    display: inline-block;
    color: #ffffff;
    font-size: 18px;
    font-size: 1.8rem;
    padding: 10px 30px;
    background: #99c24e
}

.btnGreenSmall:link, .btnGreenSmall:active, .btnGreenSmall:visited {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 5px 20px
}

a.btnBlue:link, a.btnBlue:active, a.btnBlue:visited {
    background: #0a84be
}

.infoWindow h5 {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.4
}

.iframeContainer {
    float: right;
    width: 45%;
    height: 75px
}

    .iframeContainer iframe {
        width: 100%;
        height: 75px;
        overflow: hidden
    }

#offLine {
    float: right;
    width: 45%;
    height: 75px;
    margin-top: 2%;
    padding-right: 3%;
    text-align: right
}

.wysiwyg h2 {
    color: #0a84be;
    font-size: 34px;
    font-size: 3.4rem;
    line-height: 1.2;
    margin-bottom: 10px
}

.wysiwyg h3 {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.2;
    margin-bottom: 10px
}

.wysiwyg h4 {
    line-height: 1.2;
    margin-bottom: 10px
}

.wysiwyg p {
    font-size: inherit;
    line-height: 1.7
}

    .wysiwyg p + ul {
        margin-top: -10px
    }

.wysiwyg li + ul {
    list-style: circle;
    margin-bottom: 0
}

.wysiwyg span {
    /*font-size: inherit !important;
    line-height: inherit !important*/
}

.imageLeft {
    float: left;
    margin: 0 40px 40px 0
}

.imageRight {
    float: right;
    margin: 0 0 40px 40px
}

.imageCenter {
    display: block;
    margin: 0 auto
}

.wysiwyg img {
    max-width: 100%
}

.leaders .col {
    position: relative
}

.leader {
    margin-bottom: 20px
}

.wysiwyg .leader img {
    width: 100%;
    display: block;
    margin-bottom: 20px
}

.wysiwyg .leader span {
    display: block;
    color: #0a84be;
    text-align: center;
    font-size: 20px !important;
    font-size: 2rem !important;
    font-weight: 500;
    line-height: 1.3 !important;
    margin-bottom: 10px
}

    .wysiwyg .leader span.title, .wysiwyg .leader span.company, .wysiwyg .leader span.email {
        color: #777777;
        font-size: 16px;
        font-size: 1.6rem !important;
        margin-bottom: 5px
    }

    .wysiwyg .leader span.title {
        font-style: italic
    }

.wysiwyg h3.leaderTitle, h3.leaderTitle {
    font-style: italic;
    margin-top: -5px;
    margin-bottom: 20px
}

.newsDetails, .eventDetails {
    margin-bottom: 50px
}

.eventTitle, .eventInfo, .newsTitle, .newsInfo {
    display: block;
    line-height: 1.5
}

.newsInfo, .eventInfo {
    min-height: 200px;
    overflow: auto
}

.news h2, .events h2 {
    color: #5ea7be;
    font-size: 170%;
    margin-bottom: 10px
}

.eventDetails span {
    display: block;
    padding: 5px 0
}

.newsImgContainer, .eventImgContainer {
    float: right;
    margin-left: 30px;
    overflow: auto
}

    .newsImgContainer img, .eventImgContainer img {
        float: right;
        clear: right;
        max-width: 300px;
        margin-bottom: 30px
    }

.listDate {
    display: block;
    margin-top: 5px
}

.titleDate {
    display: block;
    font-size: 16px;
    font-size: 1.6rem;
    margin-top: 10px
}

.contentPadPhotos {
    padding-bottom: 80px;
    margin-top: -40px
}

.albumList h4 {
    padding-bottom: 10px;
    border-bottom: 2px solid #eeeeee
}

.albumList ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.albumList a.active, .albumList a.active:hover {
    color: #757575;
    cursor: default
}

.albumList a:hover {
    color: #223656
}

.photoGalleryImages img {
    width: 100%
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 97%
}

    .videoWrapper iframe, .videoWrapper object, .videoWrapper embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

.videos .width95 {
    width: 96%;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 20px
}

.vidDesc h4 {
    color: #0a84be;
    margin: 10px 0
}

#FacebookLikeButton {
    margin-top: 20px
}

.blogPost {
    padding-bottom: 20px;
    margin-bottom: 40px;
    border-bottom: 2px solid #cccccc
}

    .blogPost h2:first-of-type {
        font-size: 34px;
        font-size: 3.4rem;
        margin-bottom: 20px
    }

    .blogPost h2 {
        font-size: 30px;
        font-size: 3rem;
        margin-bottom: 20px
    }

        .blogPost h2 a:hover {
            color: #99c24e
        }

.blogDate {
    display: block;
    font-size: 110%
}

.blogAuthor {
    display: block;
    margin: 10px 0 50px
}

.blogCat, .blogTag {
    display: block;
    margin-bottom: 10px
}

.blogCat {
    margin-top: 60px
}

a.btnReadMore:link, a.btnReadMore:active, a.btnReadMore:visited {
    display: inline-block;
    color: #ffffff;
    padding: 10px 20px;
    background: #0a84be
}

a.btnReadMore:hover {
    background: #99c24e
}

.wysiwyg .span_2_of_3 .width95 .blogPost:last-of-type {
    margin-bottom: 0
}

.blogPost figure.image img + a.btnReadMore {
    margin-top: 40px
}

.wysiwyg img.imgAuthor {
    max-width: 90%
}

.authorName {
    color: #048197;
    font-weight: 500;
    padding-top: 15px;
    margin-bottom: 15px
}

.catList, .sidePosts {
    width: 83%;
    padding: 8% 6%;
    background: #f7f7f7
}

.catList {
    margin-bottom: 30px
}

    .catList h4, .sidePosts h4 {
        color: #494a4d;
        padding-bottom: 10px;
        margin-bottom: 20px;
        border-bottom: 2px solid #494a4d
    }

    .catList a {
        display: inline-block;
        color: #ffffff;
        font-size: 15px;
        font-size: 1.5rem;
        padding: 10px 15px 8px;
        margin: 0 7px 5px 0;
        background: #0a84be
    }

        .catList a:hover {
            color: #ffffff;
            background: #99c24e
        }

.wysiwyg .sidePosts span.blogLink {
    display: block;
    line-height: 1.2 !important;
    margin-bottom: 20px
}

.wysiwyg .sidePosts .blogDate {
    display: inline;
    font-size: 90% !important
}

.contactInfo {
    line-height: 1.5
}

    .contactInfo span {
        display: block
    }

#googleMap {
    height: 400px;
    width: 100%;
    margin-top: 40px
}

/*input, textarea {
    width: 100%;
    color: #444444 !important;*/
    /*font-size: 16px;*/
    /*font-size: 0.875rem !important;
    font-family: 'Roboto',sans-serif !important;
    padding: 15px 0 !important;
    text-indent: 10px !important;
    margin-bottom: 10px !important;
    border: 1px solid #cccccc !important;
}*/

textarea {
    width: 98%;
    padding-left: 10px;
    text-indent: 0
}

#recaptcha_response_field {
    color: #58595B;
    padding: 5px;
    border: 1px solid #dfdfdf !important
}

.recaptchatable {
    background: #ffffff
}

    .recaptchatable a, .recaptchatable a:hover {
        color: #555555 !important;
        font-size: 14px;
        font-size: 1.4rem
    }

#recaptcha_response_field {
    font-size: 14px !important;
    font-size: 1.4rem !important;
    text-indent: 0;
    padding: 5px !important;
    border: 1px solid #CCC !important
}

input.submitButton {
    color: #ffffff;
    width: auto;
    text-indent: 0;
    padding: 15px 25px;
    margin: 10px 0 0;
    border: 0;
    border-radius: 3px;
    background: #0a84be;
    transition-property: background;
    transition-duration: .3s;
    transition-timing-function: linear;
    -webkit-appearance: none
}

    input.submitButton:hover {
        cursor: pointer;
        background: #314d7a
    }

a.greenButton {
    color: #ffffff;
    width: auto;
    text-indent: 0;
    padding: 10px 55px;
    margin: 10px 0 0;
    border: 0;
    border-radius: 0px;
    background: #99c24e;
    transition-property: background;
    transition-duration: .3s;
    transition-timing-function: linear;
    -webkit-appearance: none
}

    a.greenButton:hover {
        cursor: pointer;
        background: #eeeeee;
        color: #99c24e
    }

#errorMessage, #successMessage {
    width: auto;
    color: #ffffff;
    line-height: 1.3;
    padding: 20px;
    margin-bottom: 20px;
    background: #cc3333
}

#successMessage {
    color: #58595B;
    padding-left: 70px;
    background: #dff2bf url("/img/greenCheck.png") no-repeat 10px 50%
}

span.errorGeneral, span.errorLine {
    display: block
}

span.errorLine {
    text-indent: 15px
}

.footer {
    color: #757575;
    line-height: 2;
    padding: 30px 0
}

    .footer a {
        color: #314d7a
    }

        .footer a:hover {
            color: #0a84be
        }

.footerNav {
    text-align: center;
    padding-top: 30px
}

    .footerNav a {
        display: inline-block;
        line-height: 1;
        padding: 0 10px;
        border-right: 1px solid #757575
    }

        .footerNav a.last {
            border: 0
        }

.footerContact {
    padding-top: 20px
}

.section.copyright {
    padding: 15px
}

.intrinsic-container {
    position: relative;
    height: 0;
    overflow: hidden;
    padding-bottom: 74%
}

    .intrinsic-container iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

.ui-dialog > .ui-widget-header {
    background: #223656;
    color: #eeeeee
}

#leavingMessage p {
    color: #333333;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.3
}

.ui-widget .ui-widget {
    font-size: 16px !important;
    font-size: 1.6rem !important
}

.ui-widget-header {
    border: 0 !important
}

.ui-dialog .ui-dialog-title {
    line-height: 1.3
}

.ui-dialog .ui-dialog-buttonpane {
    padding-left: 0 !important;
    margin: 0 1em !important
}

    .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
        float: none !important
    }

#tinymce li {
    font-size: 14px
}

td p {
    margin-bottom: auto
}

#selectCustomer {
    padding-right: 2%;
    padding-top: 1%;
    font-size: 13px;
    font-size: 1.3rem;
    color: #ffffff;
    position: relative;
    z-index: 999;
    width: 80%;
    text-align: right
}

.iframeContainerFNBC {
    float: right;
    width: 45%;
    height: 75px
}

    .iframeContainerFNBC iframe {
        width: 100%;
        height: 75px;
        overflow: hidden
    }

.pointer:hover {
    cursor: pointer
}

table.candid_photos {
    border-top: 1px solid #bdbdbd;
    padding-top: 20px
}

    table.candid_photos td {
        padding: 20px 10px 0 0
    }

table.blueChart ul {
    text-align: left;
    padding-left: 0
}