@import url('https://fonts.googleapis.com/css?family=Montserrat|Roboto');


body {
    padding-bottom: 20px;
}

img{
    max-width: 100%;
}


footer {
    background-color: #4f514e;
}


h1, h2, h3 {
    font-family: Montserrat, san-serif;
}

h1 {
    font-size: 1.5em;
    color: #005941;
    font-weight: bold;
}

h2 {
    font-weight: 600;
    font-size: 1.125em;
    color: #000000;
}

    h2.bold {
        font-weight: bold;
    }

#SubMenuContainer, #SearchFormContainer {
    padding-top: 4%;
}

#DivSlideshowContainer {
    height: 322px;
}

#OnlineBankingContainer {
    width: 100%;
    background-color: #c7c7c7;
    min-height: 112px;
}

#OnlineBankingFormContainer {
    padding-top: 3%;
}

#OnlineBankingInputControlsContainer {
    padding-top: 2%;
}

#BusinessBankingLoginButtContainer {
    padding-top: 4%;
    padding-right: 1%;
    text-align: right;
}

#OnlineBankingFormLinks {
    padding-bottom: 5%;
}


#HomeIconsContainer {
    padding-top: 1%;
    padding-bottom: 1%;
    background-color: #e9eae8;
    width: 100%;
}

#CTAContainer {
    padding-top: 1%;
    padding-bottom: 1%;
}

#WelcomeContainer {
    padding-top: 1%;
    padding-bottom: 1%;
    background-color: #e9eae8;
    width: 100%;
}



.BurgundyLine {
    width: 100%;
    height: 4px;
    background-color: #592533;
    content: " ";
}

.LocationBlackLine {
    width: 100%;
    height: 1px;
    background-color: #000000;
    content: " ";
}

.GrayLine {
    width: 100%;
    height: 2px;
    background-color: #333333;
    content: " ";
}

.text {
    font-family: Roboto, san-serif;
    font-size: 1em;
    line-height: 1.75em;
    /*letter-spacing: 0.25em;*/
    color: #333333;
    font-weight: 300;
}


.BigGreenText {
    font-family: Roboto, sans-serif;
    font-size: 1.25em;
    color: #005941;
    font-weight: bold;
}

.BigBlueText {
    font-family: Montserrat, san-serif;
    font-size: 1.25em;
    color: #001359;
    text-transform: capitalize;
    font-weight: bold;
    /*letter-spacing: 0.25em;*/
}

.BoldGreenText {
    font-family: Roboto, sans-serif;
    font-size: 1em;
    color: #005941;
    font-weight: bold;
}


.FooterText {
    font-family: Arial, sans-serif;
    font-size: 1em;
    line-height: 1.75em;
    color: #ffffff;
}

.CopyrightContainer {
    text-align: right;
}

.bold {
    font-weight: bold;
}

.DistanceText{
    font-weight: bold;
    font-size:.85em;
}
/*location classes ==================================================================================================

    location: Montserrat, san-serif, 1.5em, # 005941, bold;
address: Roboto, san-serif, 1.125em, # 333333, bold;
phone:  Roboto, san-serif, 1.125em, # 005941, bold;
manager: Roboto, san-serif, 1em, # 333333; font-weight light;
locationlabel: Montserrat, san-serif, 1em, letter-spacing 0.25em, #005941, font-weight bold;

*/
.location {
    font-family: Montserrat, sans-serif;
    font-size: 1.5em;
    color: #005941;
    font-weight: bold;
}

.address {
    font-family: Roboto, sans-serif;
    font-size: 1.125em;
    color: #333333;
    font-weight: bold;
}

.phone {
    font-family: Roboto, sans-serif;
    font-size: 1.125em;
    color: #005941;
}

.manager {
    font-family: Roboto, sans-serif;
    font-size: 1em;
    font-weight: lighter;
}

.locationlabel {
    font-family: Montserrat, sans-serif;
    font-size: 1em;
    /*letter-spacing: 0.25em;*/
    color: #005941;
    font-weight: bold;
}


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

    ul.footermenulist > li {
        list-style: none;
    }

.FormButtonImage 
{
    cursor: pointer;
}
/*links ==================================================================================================*/
/*a, a:link, a:visited, a:active
{
    font-family: Roboto, sans-serif;
    font-size: 1em;
    line-height: 1.75em;
    letter-spacing: 0.25em;
    color: #005941;
    font-weight: 400;
    text-decoration: underline;
}

    a:hover
    {
        text-decoration: underline;
        color: #ffffff;
        background-color: #005941;
    }*/
.skip {
    position: absolute;
    top: -1000px;
    left: -1000px;
    height: 1px;
    width: 1px;
    text-align: left;
    overflow: hidden;
}

a.skip:active,
a.skip:hover,
a.skip:focus {
    left: 0;
    top: 0;
    width: auto;
    height: auto;
    overflow: visible;
    color: white;
    background-color: #07538d;
}

a.MainMenu:focus {
    border: 1px solid blue;
}

a.footermenu, a.footermenu:link, a.footermenu:visited, a.footermenu:active {
    font-family: Arial, sans-serif;
    font-size: 1em;
    color: #ffffff;
    text-decoration: none;
}

    a.footermenu:hover {
        text-decoration: underline;
    }


a.obanchor, a.obanchor:link, a.obanchor:visited, a.obanchor:active {
    font-family: Montserrat, sans-serif;
    font-size: 1em;
    color: #333333;
    text-decoration: underline;
}

    a.obanchor:hover {
        text-decoration: underline;
        color: #c7c7c7;
        background-color: #333333;
    }

/*menuchild: Arial, san-serif, 0.9375em, # 333333; (hover: underline;)*/

a.BigGreenText, a.BigGreenText:link, a.BigGreenText:visited, a.BigGreenText:active {
    font-family: Roboto, sans-serif;
    font-size: 1.25em;
    color: #005941;
    font-weight: bold;
}

    a.BigGreenText:hover {
        text-decoration: underline;
    }


a.BoldGreenText, a.BoldGreenText:link, a.BoldGreenText:visited, a.BoldGreenText:active {
    font-family: Roboto, sans-serif;
    font-size: 1em;
    color: #005941;
    font-weight: bold;
}

    a.BoldGreenText:hover {
        text-decoration: underline;
    }

a.menuchild, a.menuchild:link, a.menuchild:visited, a.menuchild:active {
    font-family: Arial, sans-serif;
    font-size: 1em;
    color: #333333;
    text-decoration: none;
}

    a.menuchild:hover {
        text-decoration: underline;
    }

a, a:link, a:visited, a:active {
    font-family: Roboto, sans-serif;
    color: #005941;
    text-decoration: underline;
}

    a:hover {
        text-decoration: underline;
    }

.linkButton {
    font-family: Roboto, sans-serif;
    color: #005941;
    text-decoration: underline;
    background: none;
    border: none;
}


/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}