@charset "UTF-8";
html { height: 100%; margin: 0; padding: 0; }
body { margin: 0; padding: 0; height: 100%; font-family: "futura-pt", Arial,Verdana, sans-serif; font-size: 16px; overflow-x: hidden; background-color: #fff; }
iframe { padding: 0; width: 100%; border: none; }
p { font-size: 16px; font-weight: 500; }
.headers h3 { text-transform: uppercase; color: #fff; background-color: #004c97; padding: 5px 5px 5px 15px; width: 300px; font-size: 20px; }
.textarea { overflow: auto; vertical-align: top; }
.myaccount { position: relative; left: 100px; border-bottom: transparent; }
.header {height: 100px;F }
@media (max-width:767px) {
    .myaccount { left: 0; }
}

@media (min-width:768px) {
    .myaccount { left: 0; }
}

@media (min-width:992px) {
    .myaccount { left: 0; }
}

@media (min-width:1400px) {
    .myaccount { left: 0; border: none; }
}

@media (min-width:1401px) {
    .myaccount { left: 100px; border: none; }
}

.myaccount a { background-color: #004c97; color: #fff; }
.item2 img { width: 400px; }
.item4 { text-align: left; text-transform: uppercase; font-size: 11px; color: #970900; }
.dis { text-align: left; font-size: 11px; color: #333; position: relative; top: -10px; }
.item3 { background-color: #cce5ff; padding: 20px; border: #fff solid; }
.item18 { position: relative; top: -345px; left: 200px; }
.item19 img { position: relative; left: -60px; width: 400px; }
a { color: #004c97; font-weight: 600; }
    a:hover { color: #cce5ff; text-decoration: none; }
.navResource li a { display: block; }
.item13 a { display: block; }
.dis { display: block; }
header ul li a { display: block; color: #4d4959; }
.col-md-8 col-md-offset-2 nav { background-color: #fff; }
.logo-holder { width: 255px; height: 85px; position: relative; top: 10px; padding-left: 10px; }
    .logo-holder img { width: 198px; height: 76px; }

@media (max-width:767px) {
    .pullcontainer a#pull { display: block; }
}

@media (min-width:768px) {
    .pullcontainer a#pull { display: block; }
}

@media (min-width:992px) {
    .pullcontainer a#pull { display: none; }
}

@media (min-width:1200px) {
    .pullcontainer a#pull { display: none; }
}

.hero { background: url("../img/globe.jpg") no-repeat top center #004c97; background-size: cover; height: 685px; }
nav {height: 100px; border-bottom: 3px solid #004c97; z-index: 3; }


    nav { left: 0; position: relative; top: 0; 
}



.content { padding: 0; }

@media (max-width:767px) {
    .content { width: 300px; }
}

@media (min-width:768px) {
    .content { width: 300px; }
}

@media (min-width:992px) {
    .content { width: 1050px; }
}

@media (min-width:1200px) {
    .content { width: 1200px; }
}

.section-text p { width: 400px; margin: 0 auto; }

@media (max-width:767px) {
    .section-text p { width: 300px; text-align: left; }
}

@media (min-width:768px) {
    .section-text p { width: 400px; }
}

@media (min-width:992px) {
    .section-text p { width: 400px; }
}

@media (min-width:1200px) {
    .section-text p { width: 400px; }
}

.bounceInLeft, .bounceInRight, .fadeInUp { visibility: visible; }
h2.mech { text-align: center; color: #353738; letter-spacing: 2px; font-size: 100px; font-weight: 100; margin: 0 auto;  padding: 20px 0; }

@media (max-width:767px) {
    h2.mech { font-size: 50px;  }
}

@media (min-width:768px) {
    h2.mech { font-size: 50px;  }
}

@media (min-width:992px) {
    h2.mech { font-size: 60px; }
}

@media (min-width:1200px) {
    h2.mech { font-size: 100px; }
}

h2.exmech a { text-decoration: none; }
    h2.exmech a:active, h2.exmech a:focus { color: red; }
    h2.exmech a:hover { color: #4494e3; }
h2.mech a { text-decoration: none; }
    h2.mech a:active, h2.mech a:focus { color: green; }
    h2.mech a:hover { color: #4494e3; }
h2.exmech { text-align: center; color: #353738; letter-spacing: 2px; font-size: 100px; font-weight: 100; padding: 20px 0; }

@media (max-width:767px) {
    h2.exmech { margin: 0 auto; font-size: 50px; padding-top: 0 }
}

@media (min-width:768px) {
    h2.exmech { margin: 0 auto; font-size: 50px; padding-top: 0}
}

@media (min-width:992px) {
    h2.exmech { font-size: 70px; padding-top: 0}
}

@media (min-width:1400px) {
    h2.exmech { font-size: 70px; padding-top: 0 }
}
@media (min-width:2000px) {
    h2.exmech { font-size: 70px; }
}

h2.exmech img { max-width: 1200px; }

@media (max-width:767px) {
    h2.exmech img { width: 300px; }
}

@media (min-width:768px) {
    h2.exmech img { width: 600px; }
}

@media (min-width:992px) {
    h2.exmech img { width: 900px; }
}

@media (min-width:1200px) {
    h2.exmech img { max-width: 1200px; }
}

.blogtitle a { text-decoration: none; }
    .blogtitle a:active, .blogtitle a:focus { color: red; }
    .blogtitle a:hover { color: #4494e3; }
.blogtitle { width: 600px; text-align: left; color: #353738; letter-spacing: 2px; font-size: 80px; font-weight: 100; line-height: 80px; }

@media (max-width:767px) {
    .blogtitle { font-size: 50px; width: 319px; margin: 0 auto; line-height: 50px; }
}

@media (min-width:768px) {
    .blogtitle { font-size: 50px; width: 319px; margin: 0 auto; line-height: 50px; }
}

@media (min-width:1024px) {
    .blogtitle { width: 319px; margin: 0 auto; font-size: 50px; line-height: 50px; }
}

@media (min-width:1366px) {
    .blogtitle { text-align: left; font-size: 60px; line-height: 60px; width: 400px; }
}

.yablogtitle { width: 600px; text-align: left; color: #353738; letter-spacing: 2px; font-size: 65px; font-weight: 100; }

@media (max-width:767px) {
    .yablogtitle { font-size: 50px; width: 300px; margin: 0 auto; }
}

@media (min-width:768px) {
    .yablogtitle { font-size: 50px; width: 300px; margin: 0 auto; }
}

@media (min-width:1024px) {
    .yablogtitle { width: 300px; margin: 0 auto; font-size: 50px; }
}

@media (min-width:1366px) {
    .yablogtitle { width: 400px; text-align: left; font-size: 60px; }
}

h2.title { text-align: center; color: #353738; letter-spacing: 2px; font-size: 40px; font-weight: 100; min-width: 300px; padding-top: 30px; margin: 0 auto; }

@media (max-width:767px) {
    h2.title { font-size: 30px; }
}

@media (min-width:768px) {
    h2.title { font-size: 30px; }
}

@media (min-width:992px) {
    h2.title { font-size: 30px; }
}

@media (min-width:1200px) {
    h2.title { font-size: 40px; }
}

h2.labels { letter-spacing: 2px; font-size: 40px; font-weight: 100; min-width: 300px; }

@media (max-width:767px) {
    h2.labels { font-size: 30px; }
}

@media (min-width:768px) {
    h2.labels { font-size: 30px; }
}

@media (min-width:992px) {
    h2.labels { font-size: 30px; }
}

@media (min-width:1200px) {
    h2.labels { font-size: 40px; }
}

h2.title a { text-decoration: none; }
    h2.title a:hover { color: #f0f; }
h2.secondarytitle { color: #353738; letter-spacing: 2px; font-size: 40px; font-weight: 100; min-width: 300px; padding-bottom: 30px; margin: 0 auto; width: 600px; }

@media (max-width:767px) {
    h2.secondarytitle { font-size: 20px; width: 300px; margin: 0 auto; line-height: 24px; }
}

@media (min-width:768px) {
    h2.secondarytitle { font-size: 20px; width: 300px; margin: 0 auto; line-height: 24px; }
}

@media (min-width:1024px) {
    h2.secondarytitle { font-size: 30px; width: 300px; margin: 0 auto; line-height: 30px; text-align: left; }
}

@media (min-width:1366px) {
    h2.secondarytitle { width: 400px; font-size: 40px; text-align: left; line-height: 40px; }
}

h2 { line-height: 1.6; font-size: 18px; margin: 10px 0; }
.section-3 { }

@media (max-width:767px) {
    .section-3 { display: none; }
}

@media (min-width:768px) {
    .section-3 { display: none; }
}

@media (min-width:992px) {
    .section-3 { display: inline; }
}

@media (min-width:1200px) {
    .section-3 { display: inline; }
}

.section-text { width: 100%; position: relative; }
.nopadding { padding: 0 !important; }
.thin-sep { height: 1px; background-color: #d7d7d7; width: 50px; margin: 8% auto 0; }
.small-featured-img { height: 200px; width: 100%; position: absolute; bottom: 0; }
.large-branch { height: 655px; width: 100%; }

@media (max-width:767px) {
    .large-branch { height: 155px; display: block; }
}

@media (min-width:768px) {
    .large-branch { height: 255px; display: block; }
}

@media (min-width:992px) {
    .large-branch { height: 455px; display: block; }
}

@media (min-width:1200px) {
    .large-branch { height: 655px; display: block; }
}

.small-img { position: absolute; top: 0; width: 100%; bottom: 0; height: 200px; }
.small { position: absolute; top: 200px; width: 100%; bottom: 0; height: 400px; }
.sfimageWrp_cover img { width: 100%; }
.home-slide { background: url(../img/globe.png); background-color: #fff; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; padding: 150px 0 300px; }

@media (max-width:480px) {
    .home-slide { background-attachment: scroll; padding: 100px 0 25px; }
}

@media (min-width:481px) {
    .home-slide { background-attachment: scroll; padding: 100px 0 25px; }
}

@media (min-width:768px) {
    .home-slide { background-attachment: scroll; padding: 100px 0 25px; }
}

@media (min-width:992px) {
    .home-slide { background-attachment: scroll; padding: 100px 0; }
}

@media (min-width:1040px) {
    .home-slide { background-attachment: fixed; padding: 125px 0; }
}

@media (min-width:1500px) {
    .home-slide { background-attachment: fixed; padding: 145px 0; }
}

.red { background: url("../img/globe.png") no-repeat center center; background-size: cover; }

@media (max-width:767px) {
    .red { display: none; }
}

@media (min-width:768px) {
    .red { display: none; }
}

@media (min-width:992px) {
    .red { display: none; }
}

@media (min-width:993px) {
    .red { display: inline; }
}

nav > ul { margin: 0 auto; overflow: hidden; overflow: visible; list-style: none; position: relative; top: -35px; font-weight: 600; padding: 0; }

@media (max-width:767px) {
    nav > ul { width: 380px; }
}

@media (min-width:768px) {
    nav > ul { width: 730px; }
}

@media (min-width:992px) {
    nav > ul { display: block; width: 1050px; padding: 0; }
}

@media (min-width:1040px) {
    nav > ul { display: block; width: 1150px; padding-left: 205px; }
}

@media (min-width:1450px) {
    nav > ul { padding-left: 95px; display: block; margin: 0 auto; }
}

nav > ul > li { position: relative; display: block; text-transform: uppercase; font-weight: 600; }

@media (max-width:767px) {
    nav > ul > li { margin: 0; font-size: 12px; }
}

@media (min-width:768px) {
    nav > ul > li { margin: 0; font-size: 16px; }
}

@media (min-width:992px) {
    nav > ul > li { margin: 0; font-size: 17px; }
}

@media (min-width:1040px) {
    nav > ul > li { margin: 0; font-size: 17px; float: left; }
}

nav > ul > li:active > a, nav > ul > li:focus > a, nav > ul > li:hover > a { color: #004c97; background: #fff; text-decoration: none; font-weight: 600; }

@media (min-width:1200px) {
    nav > ul > li:active > a:after, nav > ul > li:focus > a:after, nav > ul > li:hover > a:after { bottom: 10px; }
}

@media (max-width:767px) {
    nav > ul > li:active > ul, nav > ul > li:focus > ul, nav > ul > li:hover > ul { display: none; position: relative; }
}

@media (min-width:768px) {
    nav > ul > li:active > ul, nav > ul > li:focus > ul, nav > ul > li:hover > ul { display: block; position: absolute; }
}

@media (min-width:992px) {
    nav > ul > li:active > ul, nav > ul > li:focus > ul, nav > ul > li:hover > ul { display: block; position: absolute; }
}

@media (min-width:1200px) {
    nav > ul > li:active > ul, nav > ul > li:focus > ul, nav > ul > li:hover > ul { display: block; position: absolute; }
}

nav > ul > li:active > ul > li, nav > ul > li:focus > ul > li, nav > ul > li:hover > ul > li { float: left; }
nav > ul > li:active:after, nav > ul > li:focus:after, nav > ul > li:hover:after { content: ""; position: absolute; left: 50%; width: 20px; height: 25px; background: transparent; z-index: 100; margin-left: -10px; content: ""; display: block; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid red; }

@media (max-width:767px) {
    nav > ul > li:active:after, nav > ul > li:focus:after, nav > ul > li:hover:after { display: none; }
}

@media (min-width:768px) {
    nav > ul > li:active:after, nav > ul > li:focus:after, nav > ul > li:hover:after { display: block; }
}

@media (min-width:992px) {
    nav > ul > li:active:after, nav > ul > li:focus:after, nav > ul > li:hover:after { display: block; }
}

@media (min-width:1200px) {
    nav > ul > li:active:after, nav > ul > li:focus:after, nav > ul > li:hover:after { display: block; }
}

nav > ul > li.nav5:active:after, nav > ul > li.nav5:focus:after, nav > ul > li.nav5:hover:after { border: transparent; }
nav > ul > li > a { color: #004c97; display: table-cell; text-align: center; vertical-align: middle; line-height: 1em; padding: 0 16px; }

@media (min-width:768px) {
    nav > ul > li > a { height: 50px; }
}

@media (min-width:992px) {
    nav > ul > li > a { height: 50px; }
}

@media (min-width:1200px) {
    nav > ul > li > a { height: 50px; }
}

nav > ul > li > a:active, nav > ul > li > a:focus, nav > ul > li > a:hover { background: #000; color: #fff; }
    nav > ul > li > a:active:after, nav > ul > li > a:focus:after, nav > ul > li > a:hover:after { content: ""; position: absolute; left: 15%; width: 70%; height: 1px; background: #06c; }

@media (max-width:767px) {
    nav > ul > li > a:active:after, nav > ul > li > a:focus:after, nav > ul > li > a:hover:after { display: none; }
}

@media (min-width:768px) {
    nav > ul > li > a:active:after, nav > ul > li > a:focus:after, nav > ul > li > a:hover:after { bottom: 14px; }
}

@media (min-width:992px) {
    nav > ul > li > a:active:after, nav > ul > li > a:focus:after, nav > ul > li > a:hover:after { bottom: 27px; }
}

@media (min-width:1200px) {
    nav > ul > li > a:active:after, nav > ul > li > a:focus:after, nav > ul > li > a:hover:after { bottom: 37px; }
}

.navContainer { box-shadow: 1px 2px 2px #888888; }

@media (max-width:767px) {
    .navContainer { box-shadow: none; }
}

@media (min-width:768px) {
    .navContainer { box-shadow: none; }
}

@media (min-width:992px) {
    .navContainer { box-shadow: none; }
}

@media (min-width:1200px) {
    .navContainer { box-shadow: 1px 2px 2px #888888; }
}

nav > ul > li.myaccount > ul.navContainer li > ul, nav > ul > li.nav1 > ul.navContainer li > ul, nav > ul > li.nav2 > ul.navContainer li > ul, nav > ul > li.nav3 > ul.navContainer li > ul, nav > ul > li.nav4 > ul.navContainer li > ul, nav > ul > li.nav5 > ul.navContainer li > ul { }

@media (max-width:767px) {
    nav > ul > li.myaccount > ul.navContainer li > ul, nav > ul > li.nav1 > ul.navContainer li > ul, nav > ul > li.nav2 > ul.navContainer li > ul, nav > ul > li.nav3 > ul.navContainer li > ul, nav > ul > li.nav4 > ul.navContainer li > ul, nav > ul > li.nav5 > ul.navContainer li > ul { padding: 6px; }
}

@media (min-width:768px) {
    nav > ul > li.myaccount > ul.navContainer li > ul, nav > ul > li.nav1 > ul.navContainer li > ul, nav > ul > li.nav2 > ul.navContainer li > ul, nav > ul > li.nav3 > ul.navContainer li > ul, nav > ul > li.nav4 > ul.navContainer li > ul, nav > ul > li.nav5 > ul.navContainer li > ul { padding: 8px; }
}

@media (min-width:992px) {
    nav > ul > li.myaccount > ul.navContainer li > ul, nav > ul > li.nav1 > ul.navContainer li > ul, nav > ul > li.nav2 > ul.navContainer li > ul, nav > ul > li.nav3 > ul.navContainer li > ul, nav > ul > li.nav4 > ul.navContainer li > ul, nav > ul > li.nav5 > ul.navContainer li > ul { padding: 10px; }
}

@media (min-width:1200px) {
    nav > ul > li.myaccount > ul.navContainer li > ul, nav > ul > li.nav1 > ul.navContainer li > ul, nav > ul > li.nav2 > ul.navContainer li > ul, nav > ul > li.nav3 > ul.navContainer li > ul, nav > ul > li.nav4 > ul.navContainer li > ul, nav > ul > li.nav5 > ul.navContainer li > ul { padding: 12px; }
}

nav > ul > li.myaccount > ul.navContainer li > ul > li, nav > ul > li.nav1 > ul.navContainer li > ul > li, nav > ul > li.nav2 > ul.navContainer li > ul > li, nav > ul > li.nav3 > ul.navContainer li > ul > li, nav > ul > li.nav4 > ul.navContainer li > ul > li, nav > ul > li.nav5 > ul.navContainer li > ul > li { cursor: pointer; }
    nav > ul > li.myaccount > ul.navContainer li > ul > li p, nav > ul > li.nav1 > ul.navContainer li > ul > li p, nav > ul > li.nav2 > ul.navContainer li > ul > li p, nav > ul > li.nav3 > ul.navContainer li > ul > li p, nav > ul > li.nav4 > ul.navContainer li > ul > li p, nav > ul > li.nav5 > ul.navContainer li > ul > li p { margin: 1em 0 0; padding: 0 1em 0 0; color: #333; font-size: 16px; }

@media (max-width:767px) {
    nav > ul > li.myaccount > ul.navContainer li > ul > li p, nav > ul > li.nav1 > ul.navContainer li > ul > li p, nav > ul > li.nav2 > ul.navContainer li > ul > li p, nav > ul > li.nav3 > ul.navContainer li > ul > li p, nav > ul > li.nav4 > ul.navContainer li > ul > li p, nav > ul > li.nav5 > ul.navContainer li > ul > li p { display: none; }
}

@media (min-width:768px) {
    nav > ul > li.myaccount > ul.navContainer li > ul > li p, nav > ul > li.nav1 > ul.navContainer li > ul > li p, nav > ul > li.nav2 > ul.navContainer li > ul > li p, nav > ul > li.nav3 > ul.navContainer li > ul > li p, nav > ul > li.nav4 > ul.navContainer li > ul > li p, nav > ul > li.nav5 > ul.navContainer li > ul > li p { display: block; }
}

@media (min-width:992px) {
    nav > ul > li.myaccount > ul.navContainer li > ul > li p, nav > ul > li.nav1 > ul.navContainer li > ul > li p, nav > ul > li.nav2 > ul.navContainer li > ul > li p, nav > ul > li.nav3 > ul.navContainer li > ul > li p, nav > ul > li.nav4 > ul.navContainer li > ul > li p, nav > ul > li.nav5 > ul.navContainer li > ul > li p { display: block; }
}

@media (min-width:1200px) {
    nav > ul > li.myaccount > ul.navContainer li > ul > li p, nav > ul > li.nav1 > ul.navContainer li > ul > li p, nav > ul > li.nav2 > ul.navContainer li > ul > li p, nav > ul > li.nav3 > ul.navContainer li > ul > li p, nav > ul > li.nav4 > ul.navContainer li > ul > li p, nav > ul > li.nav5 > ul.navContainer li > ul > li p { display: block; }
}

nav > ul > li.myaccount > ul.navContainer li > ul > li > a, nav > ul > li.nav1 > ul.navContainer li > ul > li > a, nav > ul > li.nav2 > ul.navContainer li > ul > li > a, nav > ul > li.nav3 > ul.navContainer li > ul > li > a, nav > ul > li.nav4 > ul.navContainer li > ul > li > a, nav > ul > li.nav5 > ul.navContainer li > ul > li > a { color: #004c97; position: relative; width: 100%; }

@media (max-width:767px) {
    nav > ul > li.myaccount > ul.navContainer li > ul > li > a, nav > ul > li.nav1 > ul.navContainer li > ul > li > a, nav > ul > li.nav2 > ul.navContainer li > ul > li > a, nav > ul > li.nav3 > ul.navContainer li > ul > li > a, nav > ul > li.nav4 > ul.navContainer li > ul > li > a, nav > ul > li.nav5 > ul.navContainer li > ul > li > a { padding: 6px 0; }
}

@media (min-width:768px) {
    nav > ul > li.myaccount > ul.navContainer li > ul > li > a, nav > ul > li.nav1 > ul.navContainer li > ul > li > a, nav > ul > li.nav2 > ul.navContainer li > ul > li > a, nav > ul > li.nav3 > ul.navContainer li > ul > li > a, nav > ul > li.nav4 > ul.navContainer li > ul > li > a, nav > ul > li.nav5 > ul.navContainer li > ul > li > a { padding: 8px 0; }
}

@media (min-width:992px) {
    nav > ul > li.myaccount > ul.navContainer li > ul > li > a, nav > ul > li.nav1 > ul.navContainer li > ul > li > a, nav > ul > li.nav2 > ul.navContainer li > ul > li > a, nav > ul > li.nav3 > ul.navContainer li > ul > li > a, nav > ul > li.nav4 > ul.navContainer li > ul > li > a, nav > ul > li.nav5 > ul.navContainer li > ul > li > a { padding: 10px 0; }
}

@media (min-width:1200px) {
    nav > ul > li.myaccount > ul.navContainer li > ul > li > a, nav > ul > li.nav1 > ul.navContainer li > ul > li > a, nav > ul > li.nav2 > ul.navContainer li > ul > li > a, nav > ul > li.nav3 > ul.navContainer li > ul > li > a, nav > ul > li.nav4 > ul.navContainer li > ul > li > a, nav > ul > li.nav5 > ul.navContainer li > ul > li > a { padding: 10px 0; }
}

nav > ul > li.myaccount > ul.navContainer li > ul > li > a:hover, nav > ul > li.nav1 > ul.navContainer li > ul > li > a:hover, nav > ul > li.nav2 > ul.navContainer li > ul > li > a:hover, nav > ul > li.nav3 > ul.navContainer li > ul > li > a:hover, nav > ul > li.nav4 > ul.navContainer li > ul > li > a:hover, nav > ul > li.nav5 > ul.navContainer li > ul > li > a:hover { text-decoration: none; color: #06c; }
nav > ul > li:active:after, nav > ul > li:focus:after, nav > ul > li:hover:after { content: ""; position: absolute; left: 50%; bottom: -10px; width: 20px; height: 30px; background: transparent; z-index: 100; margin-left: -10px; content: ""; display: block; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #000; }

@media (max-width:767px) {
    nav > ul > li:active:after, nav > ul > li:focus:after, nav > ul > li:hover:after { display: none; }
}

@media (min-width:768px) {
    nav > ul > li:active:after, nav > ul > li:focus:after, nav > ul > li:hover:after { display: none; }
}

@media (min-width:992px) {
    nav > ul > li:active:after, nav > ul > li:focus:after, nav > ul > li:hover:after { display: none; }
}

@media (min-width:1200px) {
    nav > ul > li:active:after, nav > ul > li:focus:after, nav > ul > li:hover:after { display: block; }
}

nav ul li.nav5:active, nav ul li.nav5:focus, nav ul li.nav5:hover { border: transparent; }
nav > ul > li > a:active:after, nav > ul > li > a:focus:after, nav > ul > li > a:hover:after { content: ""; position: absolute; left: 15%; width: 70%; height: 1px; background: #cce5ff; }
nav > ul > li:active > a, nav > ul > li:focus > a, nav > ul > li:hover > a { background: #050708; color: #fff; }

@media (max-width:767px) {
    nav > ul > li > a:active:after, nav > ul > li > a:focus:after, nav > ul > li > a:hover:after { display: none; }
}

@media (min-width:768px) {
    nav > ul > li > a:active:after, nav > ul > li > a:focus:after, nav > ul > li > a:hover:after { display: none; }
}

@media (min-width:992px) {
    nav > ul > li > a:active:after, nav > ul > li > a:focus:after, nav > ul > li > a:hover:after { bottom: 27px; }
}

@media (min-width:1200px) {
    nav > ul > li > a:active:after, nav > ul > li > a:focus:after, nav > ul > li > a:hover:after { bottom: 37px; }
}

@media (max-width:767px) {
    nav > ul > li.nav1 > ul.navContainer { width: 100%; left: 0; }
}

@media (min-width:768px) {
    nav > ul > li.nav1 > ul.navContainer { width: 750px; position: absolute; left: -98px; }
}

@media (min-width:992px) {
    nav > ul > li.nav1 > ul.navContainer { width: 835px; position: absolute; left: 0; border: none; padding: 0; }
}

@media (min-width:1400px) {
    nav > ul > li.nav1 > ul.navContainer { width: 936px; position: absolute; left: 0; }
}

nav > ul > li.nav1 > ul.navContainer > li { padding-left: 0; padding-right: 0; width: 100%; margin: 50px 0 50px 80px; }

@media (min-width:768px) {
    nav > ul > li.nav1 > ul.navContainer > li > ul { width: 100%; float: none; }
}

@media (min-width:768px) {
    nav > ul > li.nav1 > ul.navContainer > li > ul { width: 30%; float: left; }
}

@media (min-width:992px) {
    nav > ul > li.nav1 > ul.navContainer > li > ul { width: 30%; float: left; }
}

@media (min-width:1200px) {
    nav > ul > li.nav1 > ul.navContainer > li > ul { width: 30%; float: left; }
}

nav > ul > li.nav1 > ul.navContainer > li > ul.navResource { position: relative; }

@media (max-width:767px) {
    nav > ul > li.nav1 > ul.navContainer > li > ul.navResource:before { display: none; }
}

@media (max-width:767px) {
    nav > ul > li.nav1 > ul.navContainer > li > ul.navResource:after { display: none; }
}

nav > ul > li.nav1 > ul.navContainer > li > ul.next-line { position: relative; width: 180px; }

@media (max-width:767px) {
    nav > ul > li.nav3:before { display: none; }
}

@media (max-width:767px) {
    nav > ul > li.nav3 > ul.navContainer { width: 100%; }
}

@media (min-width:768px) {
    nav > ul > li.nav3 > ul.navContainer { width: 750px; left: -98px; }
}

@media (min-width:992px) {
    nav > ul > li.nav3 > ul.navContainer { width: 835px; position: absolute; left: -102px; border: none; padding: 0; }
}

@media (min-width:1400px) {
    nav > ul > li.nav3 > ul.navContainer { width: 936px; position: absolute; left: -102px; }
}

nav > ul > li.nav3 > ul.navContainer > li { padding-left: 0; padding-right: 0; width: 100%; margin: 50px 0 50px 80px; }

@media (max-width:767px) {
    nav > ul > li.nav3 > ul.navContainer > li > ul { width: 100%; float: none; }
}

@media (min-width:768px) {
    nav > ul > li.nav3 > ul.navContainer > li > ul { width: 50%; float: left; }
}

@media (min-width:992px) {
    nav > ul > li.nav3 > ul.navContainer > li > ul { width: 50%; float: left; }
}

@media (min-width:1200px) {
    nav > ul > li.nav3 > ul.navContainer > li > ul { width: 50%; float: left; }
}

@media (max-width:767px) {
    nav > ul > li.nav3 > ul.navContainer > li > ul.navResource:before { display: none; }
}

@media (max-width:767px) {
    nav > ul > li.nav2:before { display: none; }
}

@media (max-width:767px) {
    nav > ul > li.nav2 > ul.navContainer { width: 100%; left: 0; }
}

@media (min-width:768px) {
    nav > ul > li.nav2 > ul.navContainer { width: 750px; left: -98px; }
}

@media (min-width:992px) {
    nav > ul > li.nav2 > ul.navContainer { width: 835px; position: absolute; left: -288px; padding: 0; border: none; }
}

@media (min-width:1400px) {
    nav > ul > li.nav2 > ul.navContainer { width: 935px; position: absolute; left: -288px; }
}

nav > ul > li.nav2 > ul.navContainer > li { padding-left: 0; padding-right: 0; width: 100%; margin: 50px 0 50px 80px; }

@media (max-width:767px) {
    nav > ul > li.nav2 > ul.navContainer > li > ul { width: 100%; float: none; }
}

@media (min-width:768px) {
    nav > ul > li.nav2 > ul.navContainer > li > ul { width: 50%; float: left; }
}

@media (min-width:992px) {
    nav > ul > li.nav2 > ul.navContainer > li > ul { width: 50%; float: left; }
}

@media (min-width:1200px) {
    nav > ul > li.nav2 > ul.navContainer > li > ul { width: 50%; float: left; }
}

@media (max-width:767px) {
    nav > ul > li.nav2 > ul.navContainer > li > ul.navResource:before { display: none; }
}

nav > ul > li.nav4 > ul.navContainer > li { padding-left: 0; padding-right: 0; width: 100%; }

@media (max-width:767px) {
    nav > ul > li.nav4 > ul.navContainer > li > ul { width: 100%; float: none; }
}

@media (min-width:768px) {
    nav > ul > li.nav4 > ul.navContainer > li > ul { width: 25%; float: left; }
}

@media (min-width:992px) {
    nav > ul > li.nav4 > ul.navContainer > li > ul { width: 25%; float: left; }
}

@media (min-width:1200px) {
    nav > ul > li.nav4 > ul.navContainer > li > ul { width: 25%; float: left; }
}

@media (max-width:767px) {
    nav > ul > li.nav4 > ul.navContainer > li > ul.navResource:before { display: none; }
}

@media (max-width:767px) {
    nav > ul > li.nav4:before { display: none; }
}

@media (max-width:767px) {
    nav > ul > li.nav4 > ul.navContainer { width: 100%; left: 0; }
}

@media (min-width:768px) {
    nav > ul > li.nav4 > ul.navContainer { width: 750px; left: -98px; }
}

@media (min-width:992px) {
    nav > ul > li.nav4 > ul.navContainer { width: 835px; left: -400px; padding: 0; border: none; }
}

@media (min-width:1400px) {
    nav > ul > li.nav4 > ul.navContainer { width: 936px; left: -401px; }
}

nav > ul > li.nav4 > ul.navContainer > li { padding-left: 0; padding-right: 0; width: 100%; margin: 50px 0 50px 80px; }

@media (max-width:767px) {
    nav > ul > li.nav4 > ul.navContainer > li > ul.navResource:before { display: none; }
}

nav > ul > li.myaccount:focus:after, nav > ul > li.myaccount:hover:after { display: none; }
nav > ul > li.myaccount:focus > a, nav > ul > li.myaccount:hover > a { color: #004c97; background: #cce5ff; border-bottom: 3px solid #004c97; }
    nav > ul > li.myaccount:focus > a:after, nav > ul > li.myaccount:hover > a:after { background: #fff; }
nav > ul > li.myaccount > a:focus, nav > ul > li.myaccount > a:hover { color: #004c97; background: #cce5ff; }
    nav > ul > li.myaccount > a:focus:after, nav > ul > li.myaccount > a:hover:after { background: #fff; }
nav > ul > li.nav5 > ul.navContainer > li { padding-left: 0; padding-right: 0; width: 100%; }

@media (max-width:767px) {
    nav > ul > li.nav5 > ul.navContainer > li > ul { width: 100%; float: none; }
}

@media (max-width:767px) {
    nav > ul > li.nav5 > ul.navContainer > li > ul.navResource:before { display: none; }
}

@media (max-width:767px) {
    nav > ul > li.nav5:before { display: none; }
}

@media (max-width:767px) {
    nav > ul > li.nav5 > ul.navContainer { width: 100%; left: 0; }
}

@media (min-width:768px) {
    nav > ul > li.nav5 > ul.navContainer { width: 750px; left: -98px; }
}

@media (min-width:992px) {
    nav > ul > li.nav5 > ul.navContainer { width: 879px; left: -429px; }
}

@media (min-width:1200px) {
    nav > ul > li.nav5 > ul.navContainer { width: 550px; top: 45px; left: -500px; }
}

nav > ul > li.nav5 > ul.navContainer > li { padding-left: 0; padding-right: 0; width: 100%; }

@media (max-width:767px) {
    nav > ul > li.nav5 > ul.navContainer > li > ul.navResource:before { display: none; }
}

nav > ul > li > ul { margin-top: 0; z-index: 100; }

@media (max-width:767px) {
    nav > ul > li > ul { display: none; position: relative; border: none; background: transparent; padding: 0; margin: 0; text-transform: none; }
}

@media (min-width:768px) {
    nav > ul > li > ul { display: none; position: absolute; border: none; background: #fff; text-transform: none; }
}

@media (min-width:992px) {
    nav > ul > li > ul { display: none; position: absolute; border: none; background: #fff; text-transform: none; border: 1px solid #ededed; padding: 24px 0 6px; }
}

@media (min-width:1200px) {
    nav > ul > li > ul { padding: 24px 0 6px; display: none; position: absolute; border: 1px solid #ededed; background: #fff; text-transform: none; }
}

#searchbtn { position: relative; left: 100px; top: 5px; display: block; }

@media (max-width:767px) {
    #searchbtn { left: 0; border: none; }
}

@media (min-width:768px) {
    #searchbtn { left: 0; border: none; }
}

@media (min-width:992px) {
    #searchbtn { left: 0; border: none; }
}

@media (min-width:1400px) {
    #searchbtn { left: 0; border: none; }
}

@media (min-width:1401px) {
    #searchbtn { left: 100px; border: none; }
}

.searchbtnbg { background-color: #fff; border: none; }
nav ul li#searchbtn:hover:after, nav ul li#searchbtn:hover:after, nav ul li#searchbtn:hover:after { border: transparent; }
.wellmobile { display: none; padding-top: 30px; }

@media (max-width:767px) {
    .wellmobile { display: block; }
}

@media (min-width:768px) {
    .wellmobile { display: block; }
}

@media (min-width:992px) {
    .wellmobile { display: block; }
}

@media (min-width:1200px) {
    .wellmobile { display: none; }
}

.well { display: block; background: green; }

@media (max-width:767px) {
    .well { display: block; }
}

@media (min-width:768px) {
    .well { display: block; }
}

@media (min-width:992px) {
    .well { display: block; }
}

@media (min-width:1200px) {
    .well { display: block; }
}

.nav5 { position: relative; }

@media (max-width:767px) {
    .nav5 { left: 0; top: 0; border-bottom: 3px #004c97 solid; }
}

@media (min-width:768px) {
    .nav5 { left: 0; top: 0; border-bottom: 3px #004c97 solid; }
}

@media (min-width:992px) {
    .nav5 { left: 0; top: 0; border-bottom: 3px #004c97 solid; }
}

@media (min-width:1200px) {
    .nav5 { border: none; left: 100px; }
}

.nav5 .navContainer { background: #fff; border: none; }
nav > ul > li > ul li { list-style: none; }
.wp4, .wp5, .wp6 { margin: auto; }
footer { padding-top: 50px; padding-bottom: 10px; color: #666; margin-bottom: 0; width: 100%; height: 300px; position: relative; bottom: 0; left: 0; }
.footer-leftcol p { text-align: left; }
.footer-rightcol ul { text-align: right; font-style: italic; list-style: none; }
.bold-16p { font-size: 16px; font-weight: 600; }
.footer-midcol { margin-left: auto; margin-right: auto; }
    .footer-midcol ul { text-align: center; padding: 0; }
    .footer-midcol li { list-style: none; display: inline-block; margin-right: 10px; }
        .footer-midcol li a { opacity: 1; }
            .footer-midcol li a:hover { opacity: 0.5; }

@media (max-width:767px) {
    .footer-leftcol a, .footer-leftcol p, .footer-rightcol ul { text-align: center; margin: 0 auto; padding-left: 0; font-size: 16px; }
    .footer-midcol ul { margin-top: 40px; text-align: center; }
}

@media (min-width:768px) {
    .footer-leftcol a, .footer-leftcol p, .footer-rightcol ul { text-align: center; margin: 0 auto; padding-left: 0; font-size: 16px; }
    .footer-midcol ul { margin-top: 40px; text-align: center; }
}

@media (min-width:980px) {
    .footer-leftcol aface, .footer-leftcol p, .footer-rightcol ul { text-align: left; font-size: 16px; }
    .footer-rightcol ul { text-align: right; }
    .footer-midcol ul { text-align: center; }
}

@media (min-width:1200px) {
    .footer-leftcol a, .footer-leftcol p, .footer-rightcol ul { text-align: left; font-size: 16px; }
    .footer-rightcol ul { text-align: right; }
    .footer-midcol ul { text-align: center; }
}

.facebook-icon { background: url(../img/facebook-icon.png)no-repeat; height: 34px; width: 35px; display: block; text-indent: -9999px; }
.pintrest-icon { background: url(../img/pintrest-icon.png)no-repeat; height: 34px; width: 35px; display: block; text-indent: -9999px; }
.goodreads-icon { background: url(../img/goodreads-icon.png)no-repeat; height: 34px; width: 35px; display: block; text-indent: -9999px; }
.linkedin-icon { background: url(../img/linkedin-icon.png)no-repeat; height: 34px; width: 35px; display: block; text-indent: -9999px; }
.youtube-icon { background: url(../img/youtube-icon.png)no-repeat; height: 34px; width: 35px; display: block; text-indent: -9999px; }
.flickr-icon { background: url(../img/flickr-icon.png)no-repeat; height: 35px; width: 35px; display: block; text-indent: -9999px; }
.google-icon { background: url(../img/Google_Play.png)no-repeat; height: 35px; width: 35px; display: block; text-indent: -9999px; }
.itunes-icon { background: url(../img/appstore.png)no-repeat; height: 35px; width: 35px; display: block; text-indent: -9999px; }
.cerkl-icon { background: url(../img/cerkl-icon.png)no-repeat; height: 34px; width: 35px; display: block; text-indent: -9999px; }
.instagram-icon {  background: url(../img/instagram-icon.png)no-repeat; height: 35px; width: 35px; display: block; text-indent: -9999px; }

@media screen and (max-width:767px) {
    nav ul li a { background-color: #fff; }
}

@media screen and (max-width:992px) {
    nav ul li a { background-color: #fff; }
}

@media screen and (max-width:1040px) {
    nav ul li a { font-size: 18px; background-color: #fff; }
    p { font-size: 16px; }
    nav li { width: 100%; float: left; position: relative; display: none; }
    nav ul li a { width: 100%; float: left; position: relative; padding: 20px 0; text-align: center; border-bottom: 1px dotted rgba(255, 255, 255, 0.2); margin: 0; }
}

@media only screen and (max-width:1040px) {
    nav ul { width: 100%; height: auto; padding: 0; display: none; position: relative; top: 16px; }
    .pullcontainer a#pull { display: inline; float: right; color: #474747; z-index: 12; position: relative; top: 40px; padding-right: 30px; }
}

.sfsearchBox .sfsearchTxt { width: 435px; height: 57px; padding: 10px; font-size: 18px; }

@media (max-width:767px) {
    .sfsearchBox .sfsearchTxt { width: 230px; }
}

@media (min-width:768px) {
    .sfsearchBox .sfsearchTxt { width: 335px; }
}

@media (min-width:980px) {
    .sfsearchBox .sfsearchTxt { width: 335px; }
}

@media (min-width:1200px) {
    .sfsearchBox .sfsearchTxt { width: 385px; }
}

@media (min-width:1500px) {
    .sfsearchBox .sfsearchTxt { width: 435px; }
}

.sfsearchBox .sfsearchSubmit { background-color: #004c97; border: transparent; padding: 20px 18px 17px; color: #fff; }
    .sfsearchBox .sfsearchSubmit:after, .sfsearchBox .sfsearchSubmit:focus, .sfsearchBox .sfsearchSubmit:hover { background-color: #06c; border: transparent; }
.sfsearchBox { margin: 0 auto; width: 550px; }

@media (max-width:767px) {
    .sfsearchBox { width: 325px; margin: 0 auto; padding-left: 6px; }
}

@media (min-width:768px) {
    .sfsearchBox { padding-left: 40px; width: 490px; }
}

@media (min-width:980px) {
    .sfsearchBox { padding-left: 0; width: 490px; }
}

@media (min-width:1200px) {
    .sfsearchBox { width: 500px; }
}

@media (min-width:1500px) {
    .sfsearchBox { width: 550px; margin: 0 auto; }
}

.navbar { background-color: #399; color: #fff; border: 0; border-radius: 0; }
.navbar-nav > li > a { color: #333; padding-left: 10px; padding-right: 10px; }
.navbar-nav > .active > a, .navbar-nav > .active > a:focus, .navbar-nav > .active > a:hover { color: #fff; background-color: transparent; }
.navbar-nav > .open > a, .navbar-nav > .open > a:focus, .navbar-nav > .open > a:hover { color: #333; background-color: transparent; opacity: 0.9; }
.nav .open > a { border-color: #333; border-width: 0; }
.navbar-toggle { color: #fff; border-width: 0; }
    .navbar-toggle:hover { background-color: #fff; }
.image403 { background-image: url("../img/403.png"); background-size: cover; background-repeat: no-repeat; background-position: center top; padding: 800px 0 400px; }
.image404 { background-image: url("../img/404.png"); background-size: cover; background-repeat: no-repeat; background-position: center top; padding: 800px 0 400px; }

@media (max-width:480px) {
    .image403, .image404 { padding: 50px 0 150px; }
}

@media (min-width:481px) {
    .image403, .image404 { padding: 90px 0 150px; }
}

@media (min-width:640px) {
    .image403, .image404 { padding: 100px 0 200px; }
}

@media (min-width:768px) {
    .image403, .image404 { padding: 500px 0 100px; }
}

@media (min-width:992px) {
    .image403, .image404 { padding: 500px 0 200px; }
}

@media (min-width:1200px) {
    .image403, .image404 { padding: 800px 0 400px; }
}

@media print {
    .sfsearchBox { display: none; }
    nav { display: none; }
    #SideBar, .footer, .inner-notes, .top-nav { display: none; }
    a:link:after, a:visited:after { content: ""; }
}

.heading { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 700; width: 250px; text-align: center; color: #999; margin-left: 15px; }
.clearfix { clear: both; }
.eventList { font-size: 13px; color: #666; clear: both; margin: 0 auto; }
    .eventList .item { padding-bottom: 35px; }
    .eventList .title, .eventList a { font-size: 16px; font-weight: 700; text-decoration: none; }
        .eventList a:hover { color: #428bca; }
    .eventList .time { text-transform: lowercase; font-weight: 700; color: #666; text-align: right; }
    .eventList .date { width: 90px; float: left; width: 34px; }
    .eventList .description { display: none; }
    .eventList .branch { font-size: 12px; margin-bottom: 7px; }
.intro { padding-left: 0; font-size: 16px; text-align: center; }
td, th { border: none; }
.col-center { float: none; margin: 0 auto; text-align: center; }
.info { text-align: left; width: 300px; display: inline-block; margin: 20px; }

@media (max-width:767px) {
    .info { margin: 0; }
}

@media (min-width:768px) {
    .info { margin: 0; }
}

@media (min-width:992px) {
    .info { margin: 20px; }
}

@media (min-width:1200px) {
    .info { margin-right: 80px; }
}

.info ul { padding: 0; }
    .info ul li { list-style-type: none; }
#hoursAddress img { width: 255px; padding-bottom: 20px; height: 176px; margin: 0 auto; }
.hours table { width: 255px; margin: 0 auto; }
.address { padding-top: 10px; padding-bottom: 10px; font-size: 13px; }

@media (max-width:640px) {
    nav > ul > li.nav4 { border-bottom: transparent; }
}

.sfpostsList { list-style: none; }
.blogpostlist { margin: 0 auto; max-width: 600px; }
.sflistitem { padding-bottom: 50px; }
.bluearrow { content: ""; position: relative; bottom: 0; left: 200px; top: -14px; border-style: solid; border-width: 22px 22px 0; border-color: #004c97 transparent; display: block; width: 0; z-index: 2; margin-left: 10px; }
.bluearrowflip { content: ""; position: relative; left: 50px; top: -20px; border-style: solid; border-width: 0 22px 22px; border-color: #004c97 transparent; display: block; width: 0; z-index: 2; height: 1px; }
.featureImage img { width: 100%; }
.featureImage { max-width: 600px; min-width: 300px; margin: 0 auto; }
.Slideshow img { width: 100%; }
.Slideshow { max-width: 600px; min-width: 300px; margin: 0 auto; }
.childnav { display: block; }
    .childnav li { float: none; display: block; padding-bottom: 25px; }
        .childnav li a { color: #004c97; text-decoration: none; font-size: 18px; float: none; font-weight: 500; }
        .childnav li:active > a, .childnav li:focus > a, .childnav li:hover > a { color: #428bca; }
.minutes ul li { list-style-type: none; padding: 20px; font-size: 16px; }
    .minutes ul li a { font-weight: 500; font-size: 16px; color: #666; }
.board { width: 300px; margin: 0 auto; padding: 0; }
    .board ul li { list-style-type: none; padding-top: 20px; font-size: 16px; }
        .board ul li a { font-weight: 500; font-size: 16px; }
            .board ul li a:active, .board ul li a:focus, .board ul li a:hover { color: #ccc; }
.resources { padding-top: 50px; }
    .resources ul li { list-style-type: none; padding-top: 20px; font-size: 16px; }
        .resources ul li a { font-weight: 600; font-size: 20px; }
.grey { display: inline-block; background-color: #999; margin-top: 30px; text-decoration: none; color: #fff; padding: 10px 30px; width: 100px; font-size: 20px; box-shadow: 1px 0 #666, 0 1px #666, 2px 1px #666, 1px 2px #666, 3px 2px #666, 2px 3px #666, 4px 3px #666, 3px 4px #666, 5px 4px #666, 4px 5px #666, 6px 5px #666, 5px 6px #666; }
    .grey.hover, .grey:focus, .grey:hover, a.grey.focus { transform: translate(2px, 2px); box-shadow: 1px 0 #666, 0 1px #666, 2px 1px #666, 1px 2px #666, 3px 2px #666, 2px 3px #666, 4px 3px #666, 3px 4px #666; color: white; text-decoration: none; }
    .grey.active, .grey:active { content: ""; position: relative; top: 1px; transform: translate(4px, 4px); box-shadow: 1px 0 #666, 0 1px #666, 2px 1px #666, 1px 2px #666; color: white; text-decoration: none; }
.blue { display: block; background-color: #004c97; text-decoration: none; color: #fff; padding: 10px 30px; width: 280px; font-size: 20px; margin-bottom: 30px; }
    .blue a { color: #fff; }
    .blue:hover { background-color: #036; }
    .blue:active { content: ""; position: relative; top: 1px; background-color: #000; }
    .blue:focus { color: #fff; outline: 0; }
.lessblue { display: block; background-color: #06c; text-decoration: none; color: #fff; padding: 10px 30px; width: 300px; font-size: 20px; margin-bottom: 10px; box-shadow: 1px 0 #004c97, 0 1px #004c97, 2px 1px #004c97, 1px 2px #004c97, 3px 2px #004c97, 2px 3px #004c97, 4px 3px #004c97, 3px 4px #004c97, 5px 4px #004c97, 4px 5px #004c97, 6px 5px #004c97, 5px 6px #004c97; }
.green { display: block; background-color: #B5BD00; text-decoration: none; color: #fff; padding: 10px 30px; width: 300px; font-size: 20px; margin-bottom: 10px; box-shadow: 1px 0 #86bd00, 0 1px #86bd00, 2px 1px #86bd00, 1px 2px #86bd00, 3px 2px #86bd00, 2px 3px #86bd00, 4px 3px #86bd00, 3px 4px #86bd00, 5px 4px #86bd00, 4px 5px #86bd00, 6px 5px #86bd00, 5px 6px #86bd00; }
.lessblue:after, .lessblue:focus, .lessblue:hover { background-color: #06c; border: transparent; box-shadow: 1px 0 #004c97, 0 1px #004c97, 2px 1px #004c97, 1px 2px #004c97, 3px 2px #004c97, 2px 3px #004c97, 4px 3px #004c97, 3px 4px #004c97; transform: translate(2px, 2px); }
.lessblue a { color: #fff; }
.lessblue:active { content: ""; position: relative; top: 1px; border: transparent; transform: translate(4px, 4px); box-shadow: 1px 0 lightblue, 0 1px lightblue, 2px 1px lightblue, 1px 2px lightblue; }
.block { display: block; max-width: 300px; float: left; }
.toggle_container { display: block; }


@media (max-width:767px) {
    .childimages { padding: 0; }
}

@media (min-width:768px) {
    .childimages { padding: 0; }
}

@media (min-width:992px) {
    .childimages { padding: 0; }
}

@media (min-width:1040px) {
    .childimages { max-height: 400px; }
}

.basic { display: block; margin-left: auto; margin-right: auto; letter-spacing: 2px; }

@media (max-width:767px) {
    .basic { }
}

@media (min-width:768px) {
    .basic { }
}

@media (min-width:992px) {
    .basic { padding-top: 0; }
}

@media (min-width:1200px) {
    .basic { padding-top: 112px; }
}

.linkbutton { display: inline-block; background-color: #004c97; margin-top: 80px; text-decoration: none; color: #fff; padding: 10px 30px; width: 280px; font-size: 20px; border: none; }
    .linkbutton a { text-decoration: none; color: #fff; }
.more { display: inline-block; background-color: transparent; text-decoration: none; color: #999; border: none; font-size: 16px; text-align: left; float: right; padding-bottom: 12px; }
    .more a { text-decoration: none; color: #666; }
        .more a:hover { color: #cce5ff; }
.fa-search { color: #666; text-decoration: none; }

@media (max-width:767px) {
    .fa-search { }
}

@media (min-width:768px) {
    .fa-search { }
}

@media (min-width:992px) {
    .fa-search { }
}

@media (min-width:1200px) {
    .fa-search { display: block; }
}

.fa-search:active, .fa-search:after, .fa-search:focus, .fa-search:hover { color: #000; }
.donate { position: relative; left: 100px; height: 50px; color: #fff; }

@media (max-width:767px) {
    .donate { left: 0; border: none; }
}

@media (min-width:768px) {
    .donate { left: 0; border: none; }
}

@media (min-width:992px) {
    .donate { left: 0; border: none; }
}

@media (min-width:1400px) {
    .donate { left: 0; border: none; }
}

@media (min-width:1401px) {
    .donate { left: 100px; border: none; }
}

.donate a { color: #fff; background-color: #06c; border-bottom: 3px solid #004c97; }

@media (max-width:767px) {
    .donate a { border: none; }
}

@media (min-width:768px) {
    .donate a { border: none; }
}

@media (min-width:992px) {
    .donate a { border: none; }
}

@media (min-width:1200px) {
    .donate a { border-bottom: 3px solid #004c97; }
}

.donate:active:after, .donate:focus:after, .donate:hover:after { border: none; }
.aboutdonate { background: #004c97; color: #fff; border: none; padding: 10px; }
    .aboutdonate a { font-size: 16px; color: #fff; }
    .aboutdonate:active:after, .aboutdonate:focus:after, .aboutdonate:hover:after { background: #e5f2ff; }
.search:active:after, .search:focus:after, .search:hover:after { border: none; }
a.skip-main { left: -999px; position: absolute; top: auto; width: 1px; height: 1px; overflow: hidden; z-index: -999; }
    a.skip-main:active, a.skip-main:focus { color: #fff; background-color: #004c97; left: auto; top: auto; width: 30%; height: auto; overflow: auto; margin: 10px 35%; padding: 5px; text-align: center; font-size: 16px; z-index: 999; }
.catagory { display: inline-block; width: 300px; height: 100%; list-style: none; margin: 16px; padding: 0; text-align: left; color: #fff; background-color: #004c97; font-size: 12px; overflow: hidden; border: 1px solid whitesmoke; }
    .catagory img { width: 100%; }
.titlesum a { color: #fff; text-decoration: none; }
    .titlesum a:hover { opacity: 0.5; }
.sfCategoriesList { list-style: none; text-align: right; font-size: 12px; }
.sffullstory { color: #fff; float: right; font-size: 12px; }
    .sffullstory a:hover { opacity: 0.5; }
.sys-container { display: none; }
.sfpostListTitleDateSummary { padding: 0; }
.sfdetails { text-align: left;  max-width: 600px; min-width: 300px; margin: 0 auto; float: none; padding-left: 80px; }
.sfcommentsFormWithAvatarWrp { background-color: #cce5ff; padding: 20px; }
.sfcommentsFieldsList { list-style: none; }
.caps { text-transform: uppercase; }
.blogImage .sfimageWrp { height: 185px; overflow: hidden; }
.blogImageList { width: 750px; z-index: 1; }
    .blogImageList .sfimageWrp { margin: 0 auto; max-width: 600px; text-align: center; float: none; }
    .blogImageList img { max-width: 700px; margin: 0 auto; overflow: hidden; text-align: center; }
.blogContent { margin: 0 auto; padding-top: 20px; }
.sfContentBlock_blog { padding: 20px; margin: 0 auto; max-width: 600px; }
.blogMainImage img { width: 700px; }
.featureText { padding: 5px 10px; }
.acplBlog { padding: 20px; margin-top: 50px; }
.sfpostAuthorAndDate { padding-top: 20px; padding-bottom: 20px; }
.blogBgChi .sfpostTitle { background: url("../img/blogbackground.png") no-repeat top center; font-size: 24px; padding: 30px; color: #fff; }
.blogBgYa .sfpostTitle { font-size: 24px; background: url("../img/yabg.png") no-repeat top center; padding: 30px; color: #fff; }
.blogBgWh .sfpostTitle { font-size: 24px; background: url("../img/whbg.png") no-repeat top center; padding: 30px; color: #fff; }
.blogBgA .sfpostTitle { background: url("../img/aylibg.png") no-repeat top center; font-size: 24px; padding: 30px; color: #fff; }
.titlesum { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 310px; }
.newitems { text-align: center; }
.sfContentBlock-404 { padding: 150px; }
.blogAuthors { padding-bottom: 30px; list-style: none; }
.singlelist { padding-top: 10px; }
.sfContentBlock-borrowing1 { background: #cce5ff; padding: 50px; margin: 40px; }
.item13 a:hover { opacity: 0.5; }
.item14 a:hover { opacity: 0.5; }
a img:hover { opacity: 0.5; }
.item3 a:hover { opacity: 0.5; }
.item3 a { text-align: center; }
.friends { list-style: none; }
    .friends li { font-size: 20px; padding: 10px; }
.reveal { border: none; }
.eventList .image { display: none; }
.sfContentBlock_welt { text-align: left; padding-top: 300px; padding-bottom: 300px; max-width: 900px; }
.bluebg { background-color: #cce5ff; min-width: 300px; }
.whitebg { background-color: #fff; min-width: 300px; }
.sfContentBlock_weltContact { padding-bottom: 200px; }
.sfContentBlock_meeting { text-align: left; padding-bottom: 50px; }
.moreinfo a { display: inline-block; color: #666; font-size: 16px; float: right; text-decoration: none; }
    .moreinfo a:hover { color: #cce5ff; text-decoration: none; }
.album { color: #333; text-align: left; }
    .album a:hover { color: #cce5ff; text-decoration: none; }
.left { text-align: left; }
.google { padding-top: 20px; }
.leftpadding { padding-left: 100px; }
.rightpadding { padding-right: 100px; }
.mpadding { padding-left: 20px; padding-right: 20px; }
.blogcontent { margin: 0 auto; min-width: 300px; max-width: 600px; }
.blogheader { margin: 0 auto; }
.sfsearchResultHighLighter { padding-bottom: 15px; }
.sfsearchResultHighLighter, .sfsearchResultSnippet, .sfsearchResultUrl { font-size: 16px; }
.sfsearchResultHighLighter, .sfsearchResultSnippet, .sfsearchResultStatistics { color: #666; }
.sfsearchResultTitle { padding-top: 15px; font-size: 24px; }
#ContentPlaceHolder4_C003_ctl00_ctl00_topSearchBox { padding: 100px; }
#ContentPlaceHolder1_C095 { position: relative; top: -300px; }
#branches { width: 255px; }
#searchContext_1 { margin-left: 20px; margin-right: 5px; }
#searchContext_0 { font-weight: 400; margin-right: 5px; }
#searchContext label { font-weight: 500; }
    #searchContext label:hover { font-weight: 700; }
#searchContext tbody tr td { padding: 10px; }
.searchContext { margin-left: 20px; }
.click { border: none; background-color: transparent; }
    .click:active { border: none; }
.sf_pagerNumeric a { padding: 10px; }
.sfNavVerticalSiteMap > li > ul > li { float: none; padding: 10px; }
.ContentPlaceHolder4_C019_Col00 { padding-top: 50px; margin: 0 auto; }
.blogpadding { padding-top: 50px; }
.ref { width: 300px; margin: 0 auto; }
.center { margin: 0 auto; float: none; }
.albumtitle { background-color: #06c; padding: 10px; color: #fff; box-shadow: 1px 0 #004c97, 0 1px #004c97, 2px 1px #004c97, 1px 2px #004c97, 3px 2px #004c97, 2px 3px #004c97, 4px 3px #004c97, 3px 4px #004c97, 5px 4px #004c97, 4px 5px #004c97, 6px 5px #004c97, 5px 6px #004c97; }
    .albumtitle:hover, albumtitle:after, albumtitle:focus { background-color: #06c; border: transparent; box-shadow: 1px 0 #004c97, 0 1px #004c97, 2px 1px #004c97, 1px 2px #004c97, 3px 2px #004c97, 2px 3px #004c97, 4px 3px #004c97, 3px 4px #004c97; transform: translate(2px, 2px); }
albumtitle:active { border: transparent; transform: translate(4px, 4px); box-shadow: 1px 0 lightblue, 0 1px lightblue, 2px 1px lightblue, 1px 2px lightblue; }
.nolink { background-color: #06c; padding: 10px; color: #fff; }
.albumtitle a { color: #fff; }
.albumtitle:after, .albumtitle:focus, .albumtitle:hover { background-color: #06c; padding: 10px; width: 300px; box-shadow: 2px 2px 1px #ccc; }
.minwidth { min-width: 300px; }
.sfcommentAuthorAvatar { display: none; }
.sf_3cols_2_50 .searchwidth { width: 550px; }
.btn-primary { background-color: transparent; border: none; }
    .btn-primary.active, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open .dropdown-toggle.btn-primary { background-color: transparent; border: none; }
.slick-dots { list-style: none; }
    .slick-dots li button { display: none; }
.tags ul { list-style: none; margin: 0; padding-bottom: 50px; padding-top: 50px; padding-left: 60px; min-width: 300px; }
    .tags ul li { background-color: #cce5ff; display: inline-block; padding: 10px; margin-left: 10px; margin-top: 10px; }
.taglist ul { list-style: none; margin: 0; padding-bottom: 50px; padding-top: 50px; padding-left: 0; }
.lrpadding { padding-left: 50px; padding-right: 50px; }
.emergencytext { z-index: 99999; background-color: lightgoldenrodyellow; padding-top: 5px; padding-bottom: 5px; }
.gm-style-iw { text-align: left; }
.askform_sections, .sfFormBlock, .sfFormBox, .sfFormCheckboxlist, .sfFormDropdown, .sfFormInstructions, .sfFormRadiolist, .sfFormSubmit { padding: 7px; }
.emergencytext2 { z-index: 99999; background-color: #ffeb84; padding-top: 5px; padding-bottom: 5px; }
#wrapper { min-height: 100%; position: relative; }

.searchpl { position: relative; top: -300px; }

@media (max-width:767px) {
    .searchpl { position: relative; top: 25px; }
}

@media (min-width:768px) {
    .searchpl { position: relative; top: -100px; }
}

@media (min-width:980px) {
    .searchpl { position: relative; top: -150px; }
}

@media (min-width:1200px) {
    .searchpl { position: relative; top: -150px; }
}

@media (min-width:1400px) {
    .searchpl { position: relative; top: -200px; }
}

@media (min-width:2000px) {
    .searchpl { position: relative; top: -300px; }
}

.blogContent img { padding: 10px 20px; min-width: 50px; max-width: 600px; }
.sfcommentsCounterWrp { position: relative; top: 1px; padding-left: 5px; }
.max { max-width: 300px; margin: 0 auto; }
.paddingtop { padding-top: 100px; }
button #welcome-title a { padding: 50px; }
.blogstand { max-width: 600px; margin: 0 auto; }
.RadSocialShare_Default { border: none; }
.sshLinkItem { padding-left: 15px; }

@media (max-width:767px) {
    .mobilewidget { display: none; }
}

@media (min-width:768px) {
    .mobilewidget { display: none; }
}

@media (min-width:980px) {
    .mobilewidget { display: none; }
}

@media (min-width:1200px) {
    .mobilewidget { display: block; }
}

.galleria-images:empty { }
.forms { width: 300px; margin: 0 auto; }
#ContentPlaceHolder8_C012_ctl00_ctl00_successMessage { padding-top: 48px; }
#ContentPlaceHolder7_C006_ctl00_ctl00_successMessage { padding-top: 48px; }
.RadSocialShare_Default .sshLinkItem .sshText { color: #fff; }
.read-more { display: block; text-align: left; font-weight: 700; }
.TestClass1 img { padding-right: 20px; padding-bottom: 10px; padding-top: 10px; }
.TestClass2 img { padding-right: 20px; padding-bottom: 10px; padding-top: 10px; }
.bio { height: 100px; }
    .bio ul { padding: 0; }
        .bio ul li { display: inline; }
    .bio img { width: 80px; float: left; }
li.comments { float: none; }
.comments { padding-bottom: 100px; }
#ctl00_ContentPlaceHolder1_C057_detailBlogPostsFrontend_ctl00_ctl00_SingleItemContainer_ctrl0_ctl01_imagesFrontendThumbnailsListLightBox, #ctl00_ContentPlaceHolder1_C057_masterBlogPostsFrontend_ctl00_ctl00_Repeater_ctrl1_ctl04_imagesFrontendThumbnailsListLightBox { max-width: 80px; float: left; }
.userinfo .sfRTFContent { padding-left: 100px; }
.flickr-embed-frame { margin: 23px !important; float: left; }
.srpbutton { width: 130px; }
.srpgreen { background-color: #00b050; margin: 0 auto; text-decoration: none; }
    .srpgreen:hover { background-color: #007d39; }
.srpblue { background-color: #00b4ef; margin: 0 auto; text-decoration: none; }
    .srpblue:hover { background-color: #008ebc; }
.srppink { background-color: #d30e8b; margin: 0 auto; text-decoration: none; }
    .srppink:hover { background-color: #a30b6b; }
.srppinkarrow { content: ""; position: relative; bottom: 0; left: 200px; top: -14px; border-style: solid; border-width: 22px 22px 0; border-color: #d30e8b transparent; display: block; width: 0; z-index: 2; margin-left: 10px; }
.srppinkheaders h3 { text-transform: uppercase; color: #fff; background-color: #d30e8b; padding: 5px 5px 5px 15px; width: 300px; font-size: 20px; }
.srpgreenarrow { content: ""; position: relative; bottom: 0; left: 200px; top: -14px; border-style: solid; border-width: 22px 22px 0; border-color: #00b050 transparent; display: block; width: 0; z-index: 2; margin-left: 10px; }
.srpgreenheaders h3 { text-transform: uppercase; color: #fff; background-color: #00b050; padding: 5px 5px 5px 15px; width: 300px; font-size: 20px; }
.srpbluearrow { content: ""; position: relative; bottom: 0; left: 200px; top: -14px; border-style: solid; border-width: 22px 22px 0; border-color: #00b4ef transparent; display: block; width: 0; z-index: 2; margin-left: 10px; }
.srpblueheaders h3 { text-transform: uppercase; color: #fff; background-color: #00b4ef; padding: 5px 5px 5px 15px; width: 300px; font-size: 20px; }
.internetsearch { position: relative; top: -38px; width: 170px; }

@media (max-width:767px) {
    .internetsearch { display: none; }
}

@media (min-width:768px) {
    .internetsearch { left: 280px; width: 170px; }
}

@media (min-width:992px) {
    .internetsearch { left: 300px; width: 170px; }
}

@media (min-width:1200px) {
    .internetsearch { left: 330px; width: 170px; }
}

@media (min-width:1500px) {
    .internetsearch { left: 380px; width: 170px; }
}

.internetsearch a { font-size: 16px; }
    .internetsearch a:hover { font-weight: 600; color: #004c97; font-size: 18px; }
.wf-loading h1, .wf-loading p { visibility: hidden; }
.wf-active h1, .wf-active p, .wf-inactive h1, .wf-inactive p { visibility: visible; }