body {padding-top: 2rem;}
a {text-decoration: none;}

@font-face {font-family: font-family: effra, sans-serif;	
	font-weight: normal;
	font-style: normal;
}

a, a:link {color: #1d1d1d; text-decoration: underline;}
.rowXtraTopMarg {margin-top: 1.2rem; margin-bottom: 3rem;}

.topbar a  {color: #1d1d1d; font-weight: 400 !important;}


.logo a img {border: 0px solid transparent;}

ul {margin:0; list-style: none;}
.header-wrap,
.slideshow-wrap,
.bedy-wrap,
.sub-footer-wrap,
.footer-wrap, .legal-wrap {float: left; width: 100%; clear: both;}

.nav-wrap {float: left;}

.header,
.slideshow,
.bedy,
.sub-footer,
.footer, .legal {}

.header-wrap {height: 118px; background: #fff; }

img#hdrLogo {width: 250px;}

nav#nav_block div.top-bar, nav#nav_block div.top-bar ul {
    background-color: #fff;
    font-weight: 400;
}
.nav-wrap {height: 36px; /* border-top: 1px solid #d9d9db; border-bottom: 1px solid #b8b8ba; */}

.bedy-wrap {background: #fff; border-top: 1px solid #d9d9db; border-bottom: 1px solid #b8b8ba; padding: 1px 0 0 0;}

.slideshow-wrap {margin-top: 20px; margin-bottom: 30px;}


.sub-footer-wrap {background: rgba(0,0,0,.1); /*#f4edda url('../files/bg-sub-footer.png') repeat-x; */ padding: 10px 0;}
.footer-wrap {background: rgba(0,0,0,.1); padding: 20px 0;}
.legal-wrap {background: #3a494e; border: 0px solid #536267; padding: 10px 0;}

.header {color: #5a656e;}
.header .logo {float: left; margin-top: 20px;}
.header .phone {float: right; margin-top: 50px; font-size: 22px; color: #5a656e; text-shadow: 1px 1px 2px #999;}


/*NAVIGATION*/
.nav-wrap .nav ul li {margin-left: -60px;}
.nav-wrap .nav li {display: inline;}
.nav-wrap .nav a {float: left; font-size: 17px; padding: 8px 10px 7px 10px; /* border-left: 1px solid #b5b6b7; border-right: 1px solid #898888; color: #ffffff; text-shadow: 1px 1px 3px #333; */}

.nav-wrap .nav a.active, .nav-wrap .nav a:hover {/* background: url('../files/bg-nav-active.jpg'); */ text-decoration: none; color: #1d1d1d;}
.nav-wrap .nav a:hover {#006da1;}

.nav-wrap .nav a:hover {text-shadow: 0 0 3px #ccc;}


.page {float: left; width: 920px; padding: 20px; background: #fff; /* box-shadow: 0 0 10px #b5ae98; border: 1px solid #ad9979; color: #333; */ margin-bottom: 30px;}
.page-content {float: left; width: 580px; font-family: "Times New Roman", Times, serif; border: 0px solid red;}
.page-right {float: left; width: 258px; margin-left: 40px; padding-left: 40px; background: url('../files/bg-page-right.png') top left no-repeat; border: 0px solid lime;}

/* .page-left {float: left; width: 100px; background-color: #000; margin-right: 10px; padding-right: 5px;} */


/*SUB-FOOTER*/
.sub-footer img {border: 0px solid transparent; }

/*ORIGINAL JSTREICHER STYLES*/
.sub-footer .membership {font: normal 900 10px/36px Verdana, Arial, sans-serif; color: #000000; text-decoration: none; text-align: center;}

/*FOOTER*/
footer {text-align: center; min-height: 100px; background: rgba(0,0,0,.1);}
.footer {color: #1d1d1d; }
#root .footer a, #root .footer a:active {color: #fff;}
.footer h2 {color: #fff; font-size: 18px; font-weight: bold; margin-bottom: 10px;}
.footer .nav {float: left; width: 150px;}
.footer .nav li {list-style-type: none; margin-left: -40px; margin-bottom: 3px;}
.footer .locate {float: left; margin: 0 50px; width: 250px; height: 100px; background: url('../files/map.png') 0px 25px no-repeat;}
.footer .locate .email {display: none;}
.footer .locate .phone {font-size: 14px; color: #e8e8ed;}
.footer .social {margin-top: 10px; color: #fff; font-size: 13px; font-weight: bold;}
.footer .social ul {margin-top: 5px; margin-left: -40px;}
.footer .social li {display: inline;  margin-left: -40px;}
.footer .social img {width: 25px; border: 0px solid transparent;}
.footer .logo img {height: 50px; margin-bottom: 10px;}
.footer .about {float: left; width: 450px;}
.footer .about img {border: 0px solid #8d7b5f;}

.legal-wrap {float:left; color: #bbb;}

.legal {color: #888; font-size: 12px;}
.legal a {color: #fff;}
.legal .copy {float: left; text-align: center; width: 900px;}
.legal .brand {float: right;}



/*TEXT STYLES*/

h1 {font-size: 2.5rem; font-weight: normal; color: #006da1; font-family: "Times New Roman",Times,serif;}
.headline strong {font-size: 16px; font-weight: normal; color: #8d7b5f; line-height: 1.5em;}
h2 {font-size: 18px; font-weight: normal; color:#8d7b5f;}
h3 {font-size: 16px; font-weight: normal; color: #246d85; }
p, ul, ol {font-family: effra; font-weight: 300; font-size: 1rem;}

ul.tabs a {color: #f00;}
ul.tabs a.active{color: #8d7b5f;}


/*MAY NEED TO MOVE ELSEWHERE eg.EMBEDDED STYLES*/

#slideshow-tab {float: left; position: absolute; top: 0;}
#slideshow-tab a {text-decoration: none; float: left; background: url('../files/slideshow-tab.png') repeat-y; height: 105px; padding-left: 20px; width: 330px; border: 0px solid red;}

#slideshow-tab h3 {font-family: "Times New Roman", Times, serif; font-size: 23px; color: #000; margin: 0;  text-shadow: 1px 1px 3px #fff;}
#slideshow-tab p {font-family: "Trebuchet MS"; font-size: 14px; color: #484848; width: 280px; margin:0 0 5px 0; line-height: 15px;}

#slideshow-tab a.active,
#slideshow-tab a:hover {background-position: 0px 105px;}

#slideshow-tab a.active h3,
#slideshow-tab a:hover h3 {color: #ffd400; text-shadow: 1px 1px 3px #333333;}

#slideshow-tab a.active p,
#slideshow-tab a:hover p {color: #707070;}

img {border: 0px solid transparent;}

/*OVERRIDE DRUPAL STYLES*/

.content label {font: normal 900 12px Arial, sans-serif;}
.link-wrapper ul li a {font-size: 1px; color: #fff;}



#timeline-graphic {width: 250px; margin: 0; }
.timeline-text p {font: normal 400 14px/16px "Trebuchet MS",sans-serif; margin-bottom: 40px; clear: both;}
.timeline-text img {float: left; margin-right: 10px; width: 50px;}

hr { display: block; height: 1px;
    border: 0; border-top: 1px solid #ccc;
    margin: 0; padding: 0; }

.visit_us h1, .visit_us p{
color: #7A5C2C;
display: block;
font-family: TrajanProBold;
font-size: 18px;
font-weight: normal;
margin-bottom: 4px;
}
.visit_us p {font-size: 14px; margin: 0;}

.title-bar {
    background: #fff;
}

.menu-icon::after {
    /* the block itself, the first line */
    background: #006da1;
    /* middle and bottom */
    box-shadow: 0 7px 0 #006da1, 0 14px 0 #006da1;
    /* respect WebKit */
    -webkit-box-shadow: 0 7px 0 #006da1, 0 14px 0 #006da1;
}

header {padding: 0 5rem 1rem; box-shadow: 0 1px 0px 0px rgba(0,0,0,.1);}
footer {min-height: 12rem; padding-top: 2rem;}
/* .bannerImg {background: #455f7d url(../images/banner_123119.jpg) no-repeat; height: 20rem; margin-bottom: 2rem;} */
.bannerImg {margin-bottom: 2rem;}
.parallax-window { min-height: 400px; background: transparent; }


.bannerImg p.jstr1 {text-align: center; font-style: italic; font-size: 2.5rem; line-height: 3.2rem; font-family: "Times New Roman", Times, serif; color: #ffffff; padding: 2rem 25% 0;}

img.xchangeImg {display: block; float: right; position: relative; z-index: 1; padding: 12px; background: #ffffff; margin: .8rem; border: .2rem solid #cccccc;}

.whiteBak {background: #fff;}


@media screen and (max-width: 639px) {

.bannerImg p.jstr1 {font-size: 30px; font-family: "Times New Roman", Times, serif;}

nav#nav_block div.top-bar, nav#nav_block div.top-bar ul {

float: left;    padding: .1rem .5rem;
}

.bannerImg p {padding: 1rem 12% 0;}
header {padding: 0 .8rem 1rem;}

img.xchangeImg {float: none; margin: 0 auto;}

}