body { font-family: 'EB Garamond', serif; line-height: 1.6em; font-size: 14px; color: #000;  background:#f8f8f8}
html, body, .body { height: 100%; }
h1, h2, h3, h4, h5 { line-height: 1.6em; margin: 0; }
h1 { font-size: 200% }
h2 { font-size: 175% }
h3 { font-size: 150% }
h4 { font-size: 125% }
h5 { font-size: 110% }
strong { font-size: 101%; font-weight: bold }
b { font-size: 101%; font-weight: bold }
em { font-style: italic }
i { font-style: italic }
p { padding: 5px 0; }
a:hover {transition:all .3s ease-in-out}
.wrapper{ position: relative; min-height: 100%; margin:0; padding:0; margin-bottom:-60px}
* html .wrapper { height: 100%; } /* for IE */

.top-bar{height:19px; width:100%; position:relative; z-index:1; background:transparent url(/assets/olympichills/Media/top-banner.jpg) repeat-x left top; margin-bottom:15px}
.banner{min-height:116px; position:relative; background:transparent url(/assets/olympichills/Media/grad.png) repeat-x top center; }
.banner .navbar {display:block; height:70px; width:810px; float:right; margin:10px 0 0}
.header {position:relative; padding:00; margin-top:6px}
.navbar-toggle span {background:#dfdfdf}

.spacer {background:transparent; padding:0; min-height:600px}

.body-content { position:relative; margin-top:15px; background:transparent; padding:5px; z-index:2;
  background-color: transparent;
  background-color: rgba(255, 255, 255, 0.2);
  -webkit-box-shadow: 0px 0px 4px 0px #999;
  box-shadow: 0px 0px 4px 0px #999;}

#content { background:#fff; }
#content .inner{padding-bottom:30px; }
#content .page-banner {max-width:940px; overflow:hidden; position:relative; max-height:180px; margin-bottom:15px}
.slides {max-height:147px; max-width:940px; z-index:0; overflow:hidden; position:absolute; left:0; top:0; min-width: 940px;  min-height: 136px;}
.page-banner .page-heading {background: transparent url(/assets/olympichills/Media/black-fade.png) repeat-x left 30px; max-height: 94px; position: relative; z-index: 4; margin-top: 53px; max-width: 940px;}
.page-heading h2 {font-size:48px; line-height:48px; color:#fff; font-style:italic; padding:35px 0 0 18px; text-shadow: -2px 2px 5px #000;}
.page-heading h2 p {padding:0; margin:0}
.page-banner .subnav {background:#023519; height:33px; line-height:33px; padding:0 10px; position:relative;}
.subnav .sub-title { float: left; padding: 0 10px; font-size:14px; font-weight:bold; color:#fff}
.sub-title p { padding: 0 }
.sub-links { float: left;  height: 32px; position: relative; }
.sub-links ul { height: 33px; position: relative; margin:0}
.sub-links li {  line-height: 33px; height: 33px; font-size:13px; font-weight:bold; color:#fff; padding: 0px; margin-right:4px; display: inline-block; *display:inline;
    background-image: url(/assets/olympichills/Media/raquo-white.png);  background-repeat: no-repeat;  background-position: left;  padding-left: 10px;  margin-right: 10px; }
.sub-links li a { display: block; line-height: 33px; font-size:13px; font-weight:bold; color:#fff; padding: 0 4px }
.sub-links li a span {padding-left:5px}
.sub-links li { }

#content .col-full {padding:15px 30px; font-size:16px; line-height:1.6em}
#content .col-left {float:left; width:550px; padding:15px 30px;  font-size:16px; line-height:1.6em}
#content .col-right {margin-left:590px; padding:15px 30px;   font-size:16px; line-height:1.6em; border-left:1px solid #e5e5e5}
.col-full ul{list-style-type: disc; margin:5px 10px}
.col-full ul li{margin-left:20px}

.footer{clear:both; position: relative; z-index:1; margin: 60px auto 0 auto;  height:60px;}
.foot-info{text-align:center; color:#fff; font-size:12px; padding-top:0px; height:60px; }
.page .foot-info{text-align:center; color:#fff; font-size:12px; padding-top:0px; height:60px; }
.foot-info .divider { padding: 0 15px }
.poweredby {width:100px; height:19px; background:transparent url(/assets/olympichills/Media/clubsoft-logo-mini.png) no-repeat 0 0; vertical-align:middle; display:inline-block; *display:inline; zoom:1; text-indent:-5000px}
* html .footer {  margin-top: -60px;}


ul.nav { margin:30px 0px 0;}
.nav>li>a:hover, .nav>li>a:focus {text-decoration: none; background-color: #182A0F ;}
.page .nav>li>a:hover, .page .nav>li>a:focus {text-decoration: none; background-color: #182A0F ; color:#fff}
.nav li {margin:0px}
.home .nav li a { padding: 0 4px; line-height: 50px; text-decoration: none; color: #fff; font-size: 18px; }
.page .nav li a { padding: 0 4px; line-height: 50px; text-decoration: none; color: #fff; font-size: 18px; }

@media (min-width:320px) and (max-width:768px){
  .container {padding-right:0; padding-left:0}
  .top-bar, .upper {display:none}
  .nav {float:left!important}
  .header {margin-top:0}
  .header .navbar-brand {background:url(/assets/olympichills/Media/mobile-logo.jpg) no-repeat left center;  height:50px; width:100%; text-indent:-5000px;  position:relative; float:none; margin-right:100px; display:block; margin-left:2%; background-size:80%!important}
  .navbar-toggle {z-index:99; margin-right:5px}
  .navbar-toggle span{background-color:#487B37}
  ul.nav {margin:0; padding:0}
  .nav li a {color:#487B37}
  .nav li:hover {background:#487B37}
  .nav li:hover a {color:#FFF; background:transparent}
  .navbar-collapse {padding-left:0px; padding-right:0px}
  ul.nav.navbar-nav li.dropdown a.dropdown-toggle{float:right; border-right:0px transparent none; border-left:0px transparent none}
  .nav li a { font-weight:300; color:#487B37}
  .nav li a:hover, .nav li:hover a {color:#fff!important; background:#487B37}
  .navbar-collapse.in { overflow-y: none; }
  .navbar-collapse{text-align:left}
  .navbar-nav {float:none;}
  .navbar-nav>li {float:none;}
  .nav >li {display:block;}
  .nav  li  a {margin-right:100px; color:#487B37!important}
  .nav  li  a:hover { background:#487B37!important; color:#fff!important}
  .dropdown-toggle {visibility:visible; display:block; width:100px; margin-right:0px!important; text-align:center}
  .dropdown-menu > li > a {font-size:16px; color:#487B37; font-weight:100}
  li.dropdown > .dropdown-menu > li:hover, li.dropdown > .dropdown-menu > li a:hover {background: rgba(0,0,0,.4)!important;}
  ul.dropdown-menu li {width:100%}
  ul.dropdown-menu li a { width: 100%;}
  .banner {min-height:50px; border-bottom:0px; background:#fff}
  .page-banner .page-heading {margin-top:0;  background:transparent none}
  .page-heading h2 {font-size:30px; line-height:36px; padding:30px 10px; text-shadow: -1px 1px 1px #000}
  .subnav {display:none}
  .float-rt, .img-responsive, .float-lft {float:none!important; margin:0!important}
	.img-responsive {width: 100%;}
}
@media (min-width: 768px){
  .header {padding:0px}
  .banner .container {padding-top:19px}
  .nav li {margin:0 5px}
  .home .nav li a {font-size:18px}
  .page .nav li a {font-size:18px}
  .nav.navbar-nav {float:right}
  .header .navbar-brand {background-size:contain!important}
  .dropdown-toggle {display:none!important}
  li.dropdown {position:relative}
  li.dropdown .dropdown-menu li a{color:#487B37}
  li.dropdown .dropdown-menu li a:hover{background:#487B37; color:#fff}
  .dropdown-hover .dropdown-menu < .dropdown a{background:#487b37; color:#fff}
  .dropdown-menu .sub-menu { left: 100%;  position: absolute;  top: 0;  visibility: hidden;  margin-top: -1px; }
  .dropdown-menu li:hover .sub-menu {  visibility: visible; }
  .dropdown:hover .dropdown-menu {  display: block; }
  .navbar .dropdown-menu {  margin-top: 0; }
  .navbar .sub-menu:before {  border-bottom: 7px solid transparent;  border-left: none;  border-right: 7px solid rgba(0, 0, 0, 0.2);    border-top: 7px solid transparent;
    left: -7px;  top: 10px; }
  .navbar .sub-menu:after {  border-top: 6px solid transparent;  border-left: none;  border-right: 6px solid #fff;  border-bottom: 6px solid transparent;  left: 10px;
    top: 11px;  left: -6px; }
}
@media (min-width: 768px) and (max-width: 1000px) {
  .collapse {
    display: none !important;
  }
}

@media (max-width: 991px) {
  .top-bar, .upper {display:none}
  .banner {  min-height: 50px;  height:inherit; border-bottom: 0px;  background: #fff;}
  .header .navbar-brand {  background: url(/assets/olympichills/Media/mobile-logo.jpg) no-repeat left center;  min-height: 50px;   width: 300px;    text-indent: -5000px;
    position: relative;   float: none;  display: block; background-size:contain}
  .navbar-toggle span {  background-color: #487B37;}
  .navbar-header {   float: none;  }
  .navbar-toggle {   display: block;  }
  .navbar-collapse {   border-top: 1px solid transparent;   box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);  }
  .navbar-collapse.collapse {   display: none!important; }
  .navbar-nav {  float: none!important;  margin: 7.5px -15px;  padding-bottom:20px  }
  .navbar-nav>li {  float: none; }
  .navbar-nav>li>a {   color:#487b37;  line-height:24px;    padding:10px 4px  }
  .navbar-nav>li>a:hover {color: #fff;}
  .navbar-text {   float: none;    margin: 15px 0;  }
  /* since 3.1.0 */
  .navbar-collapse.collapse.in {  display: block!important; }
  .collapsing {   overflow: hidden!important; }
}

@media (min-width:992px){
  .banner .container {padding-top:0px}
  .header .navbar-brand {background:url(/assets/olympichills/Media/logo-new.png) no-repeat left center;  min-height: 138px;   width: 98px;    text-indent: -5000px;
    position: relative;   float: left;  display: block; margin-left:10%}
  .login a {border-bottom:3px solid #fff;  padding: 10px 30px 12px 30px;  opacity: 1;  position: relative;  top: -2px; }
  .login a:hover {border-bottom:3px solid #182A0F;}
  .page .login a {border-bottom:3px solid #fff;  padding: 10px 30px 12px 30px;  opacity: 1;  position: relative;  top: -2px; }
  .page .login a:hover {border-bottom:3px solid #182A0F;}
} 
@media (min-width: 1200px){
  .header {padding:0px}
  .nav li {margin:0 5px}
  .home .nav li a {font-size:24px; padding: 0 14px; line-height: 50px; text-decoration: none; color: #fff; }
  .page .nav li a {font-size:24px; padding: 0 14px; line-height: 50px; text-decoration: none; color: #fff; }
  .home .nav li ul li a {font-size:20px}
  .page .nav li ul li a {font-size:20px}
}
ul#supersized {margin:0; padding:0}
#supersized img {left:0!important}