@font-face {
	font-family: 'gothic';
	src: url('/images/resources/midsurrey/gothic.eot');
	src: local('gothic'), url('/images/resources/midsurrey/gothic.woff') format('woff'), url('/images/resources/midsurrey/gothic.ttf') format('truetype');
}

.header-arrow {
  background: url('/images/resources/midsurrey/header-arrow.png') no-repeat;
  position: absolute;
  top: 60px;
  z-index:0;
  width: 63px;
  height: 31px;
  left: 15px;
}
@media (max-width: 600px) {
body.body-public.body-class-home{
background: url("/images/resources/midsurrey/mob-bg.jpg") no-repeat fixed -170px -100px rgba(0, 0, 0, 0);
}
}

@media (max-width: 767px) and (min-width: 601px) {
body.body-public.body-class-home{
background: url("/images/resources/midsurrey/mob-bg.jpg") no-repeat fixed` rgba(0, 0, 0, 0);
}
}


@media (max-width: 979px) and (min-width: 768px) {
body.body-public.body-class-home{
background: url("/images/resources/midsurrey/tablet-bg.jpg") no-repeat fixed rgba(0, 0, 0, 0);
}
}

.body-class-members .memb-logo {
    display: block;
    float: left;
    height: 70px;
    width: 280px;
}
.body-class-members .memb-logo img {
    background: none repeat scroll 0 0 rgb(255, 255, 255);
    float: left;
    padding: 7px;
}

.body-class-members .memb-logo h2 {
    color: rgb(255, 255, 255);
    float: left;
    font-family: "museo-slab";
    font-size: 18px;
    padding: 8px 0 0 15px;
}

.body-public  .memb-logo{
display:none;}

.navbar .nav > li{}
#slick-toggle {
background: url('/images/resources/midsurrey/slider-menu-arrow-left.png') no-repeat 0 0;
}
#slick-toggle.slide-in, .open #slick-toggle{
  background: url('/images/resources/midsurrey/slider-menu-arrow.png') no-repeat 0 0;
}

.page-footer .span3 a .white-arrow {
  background: url('/images/resources/midsurrey/arrow-footer.png') no-repeat;
  z-index: 10000;
  width: 63px;
  height: 31px;
  display:none;
  position:absolute;
  top:0px;
  left:110px;
  -webkit-transition: top 1s linear;
  -moz-transition: top 1s linear;
  transition: display 1s linear;
}

.page-footer .span3 a:hover .white-arrow {
  display:block;
  top:-30px;
}

.bx-wrapper .bx-prev {
	left: -40px;
	background: url('/images/resources/midsurrey/arrow-golden-left.png') no-repeat 0 0;
}
.bx-wrapper .bx-prev:hover {
	background: url('/images/resources/midsurrey/arrow-golden-hover-left.png') no-repeat 0 0;
}

.bx-wrapper .bx-next{
  right:-40px;
	background: url('/images/resources/midsurrey/arrow-golden-hover-right.png') no-repeat 0px 0px;
}
.bx-wrapper .bx-next:hover {
	background: url('/images/resources/midsurrey/arrow-golden-hover-right.png') no-repeat 0px 0px;
}
#timeline #next {
  right: 0;
  background: url('/images/resources/midsurrey/arrow-golden-right.png') no-repeat 0px 0px;
}
#timeline  #prev {
  left: 0;
  background: url('/images/resources/midsurrey/arrow-golden-left.png') no-repeat 0 0;
}
#timeline #next:hover {
  background: url('/images/resources/midsurrey/arrow-golden-hover-right.png') no-repeat 0px 0px;
}
#timeline  #prev:hover {
  background: url('/images/resources/midsurrey/arrow-golden-hover-left.png') no-repeat 0 0;
}

    #dates {
      background: url('/images/resources/midsurrey/line.jpg') center 115px repeat-x;
      /*width: 800px;*/
      height: 90px;
      overflow: hidden;
  padding-top:40px;
    }
#dates li a {
background: url('/images/resources/midsurrey/bullet.jpg') center 64px no-repeat;
position: relative;
  padding-bottom:65px;
}
#dates li a.selected {
  background: url('/images/resources/midsurrey/bullets-active.jpg') center 76px no-repeat;
    padding-bottom:65px;
}

.galleryWrapper.galleryWrapperNivo .nivo-directionNav{
display:block;}
.galleryWrapper.galleryWrapperNivo .nivo-directionNav a{
width:73px;
height:73px;}
.nivo-directionNav .nivo-prevNav{
  background:url('/images/resources/midsurrey/slider-arrow_left.png') no-repeat;}
.nivo-directionNav  .nivo-nextNav{
    background:url('/images/resources/midsurrey/slider-arrow_right.png') no-repeat;}

.nivo-controlNav-Wrapper .nivo-controlNav a.active{ background:url('/images/resources/midsurrey/slider-bullets_03.png') no-repeat 0 -22px;}
.nivo-controlNav-Wrapper .nivo-controlNav a{ background:url('/images/resources/midsurrey/slider-bullets_03.png') no-repeat 0 0;}
.page-content li {
list-style-image: url('/images/resources/midsurrey/list-arrow-golden.png');
  line-height:25px;
  margin-bottom:10px;
}
.page-content .nav-tabs li{
list-style-image:none;}

body.body-loginpage{
 background:url('/images/resources/midsurrey/TSmain.png') 0 0 / cover no-repeat !important;}

.body-loginpage #login{
background: rgba(45, 50, 57, 0.8);
padding:30px 0 0 30px;}
.body-loginpage #login div{
padding-bottom:10px !important;}
.body-loginpage #login h3{
font-size:30px;}

.page-wrapper .inner-page .page-content-wrapper .page-sidebar h2 a {font-size:16px; line-height:20px; font-weight:bold;}



/*Sticky Footer

html {
position: relative;
min-height: 100%;
}

body {
margin: 0; 
}

.footer {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
}
*/
/*New Styles*/
body {
font-family: 'gothic';
font-size: 15px;
font-weight: 200;
background: #000;
}
body.body-class-members{
  background: rgb(255, 255, 255);}
}
body.body-class-members, .bg-slider{

}

body.body-inner{
color: #fff;}

h1, h2, h3, h3, h4, h5 {
font-weight: 400;
margin: 5px 0;
line-height: 40px;
}

h2, h3, h4, h5 {
color: #c69a5a;
font-family: 'gothic';
font-weight: 200;}

h1 {
font-family: "museo-slab";
text-shadow: 1px 1px 0px #ffffff;
text-transform: uppercase;
color: #c69a5a;
font-size: 40px;
font-weight: 400; }

h2 {
font-size: 24px;
text-transform: uppercase;}

h3 {
font-size: 20px; }

h4 {
font-size: 16px;
line-height: 25px;}

h5 {
font-size: 13px; }

h6 {
font-size: 12px; }

p {
line-height: 23px;
padding-bottom: 10px; }

ul {
margin: 0; }

a, a:hover {
color: rgb(198, 154, 90); }

#header {
background: rgba(0, 0, 0, 0.7);
max-height: 60px;
margin-top: 0px;
padding-top: 0px;
position: fixed;
top: 0;
left: 0;
z-index: 2000;
width: 100%;
background: #2d3239;}
.body-class-members #header{
  max-width: 1170px;
}

#header .navbar .btn-navbar {
  display: block; }
#header .container {
  position: relative; }
#header .header-right {
  position: absolute;
  right: 0;
  top: 15px; }
  #header .header-right li {
    display: inline-block;
    margin-right: 5px; }
    #header .header-right li i {
      color: white;
      font-size: 18px; }
    #header .header-right li.login {
      background: black;
      margin: 0 10px;
      border-radius: 5px;
      padding: 0 0 0 15px; }
      #header .header-right li.login i, #header .header-right li.login a {
        color: #c69a5a; }
      #header .header-right li.login a {
        display: inline-block;
        padding: 7px 15px 7px 0; }



.navbar-inverse.navbar {
font-family: 'gothic';
text-transform: uppercase;
position: relative;
min-height: 80px; }
.navbar-inverse.navbar .btn-navbar {
  position: absolute;
  left: 60px;
  top: 25px; }
  .navbar-inverse.navbar .btn-navbar .club-menu-button-lines {
    float: left;
    margin: 2px 5px 0 0; }
  .navbar-inverse.navbar .btn-navbar .club-menu-button {
    font-family: "brandon-grotesque"; }
  .navbar-inverse.navbar .btn-navbar .icon-bar {
    width: 24px;
    height: 3px; }
  .navbar-inverse.navbar .btn-navbar .club-menu-button {
    text-transform: uppercase;
    font-size: 16px; }
  .navbar-inverse.navbar .navbar-inner {
    border-radius: 0;
    background-image: none;
    background: none;
    float: left;
    margin-top: 15px;
    margin-left: 15px;
    border: none;
    box-shadow: none;
    }
    .navbar .nav > li{
      float: right;
    }
     .body-public .navbar .nav > li.nav-menu-home{
      display: none;
     }
    .navbar .nav > li > a{
      float: right;
      font-weight: 400;
      color: rgb(255, 255, 255);
      padding: 7px 15px 35px 15px;
        }
    .navbar-inverse.navbar .navbar-inner i{
      color:#fff;
      position: absolute;
      left: 0px;
    }
.navbar-inverse.navbar .nav-collapse {
  margin-top: 100px;
  float: left; }
  .navbar-inverse.navbar .nav ul.dropdown-menu {
    background: rgba(0, 0, 0, 0.7);
    text-align: center;
    padding: 20px 0;
    border-radius: 0;
    border:none;
    top: 43px;
    left: -100px;}
    .navbar .nav > li > .dropdown-menu:after, .navbar .nav > li > .dropdown-menu:before{
      border:none;
    }
    .navbar-inverse.navbar .nav ul.dropdown-menu  li{
      float: none;
      margin: 2px 0; }
      .navbar-inverse.navbar .nav ul.dropdown-menu > li > a{
        color: #ffffff;
        padding: 8px 30px;
        font-weight: 300;
        font-size: 14px;}

        .navbar-inverse.navbar .nav > li > a:hover, .navbar-inverse .nav li.dropdown.open > .dropdown-toggle, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle,
        .navbar-inverse .nav ul.dropdown-menu > li > a:hover, .navbar-inverse .nav ul.dropdown-menu > li > a:focus, .navbar-inverse .nav .dropdown-submenu:hover > a, .dropdown-submenu:focus > a
        .navbar-inverse .nav ul.dropdown-menu > .active > a:hover, .navbar-inverse .nav ul.dropdown-menu > .active > a:focus{
          background-color: rgba(0, 0, 0, 0);
          color:rgb(198, 154, 90);
          background-image:none;
        }
        #header .navbar-inverse .navbar-inner .nav .dropdown-menu > .active > a{background-color: rgb(0, 0, 0);background-image:none;}
.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus{
  box-shadow: none;
}

body.body-class-home .bg-mobile-image{
  display: none;
}
@media (max-width: 1300px) {
  #header .header-arrow{
    left: 55px;
  }
.navbar-inverse.navbar .navbar-inner i{
  left: 40px;
}
.navbar .nav > li > a{
  margin-left: 40px;
}
.navbar-inverse.navbar .nav ul.dropdown-menu{
  left: -60px;
}

}

@media (max-width: 767px) {
#header {
  position: relative; }

#header .header-arrow {
  left: 40px; }
.navbar-inverse.navbar .nav ul.dropdown-menu{
  left: -50px;
  background: #000;
}
.navbar-inverse.navbar .btn-navbar {
  left: 10px; }

#header .header-right {
  top: 8px;
  right: 10px; }

#header .header-right ul {
  text-align: right; }

#header .header-right li {
 }

#header .header-right li.login {
  margin: 3px 0;
  padding: 0;
  width: 115px; }
  #header .login-text-members{
      display: none;
    }

#header .header-right li.login a {
  display: inline-block;
  padding: 10px 18px 10px 10px;
font-weight: 400;
text-transform: uppercase;;}

#header .header-right li.social {
  display: inline-block; }

.header-right .goog-te-gadget-simple {
  background-color: black;
  border-left: 1px solid black;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  border-right: 1px solid black;
  display: inline-block;
  border-radius: 5px;
  padding: 5px; }
  .header-right .goog-te-gadget-simple .goog-te-menu-value {
    color: #fff; } 

.navbar-inverse.navbar .navbar-inner{
  margin-left: 30px;
}
.navbar-inverse.navbar .navbar-inner i{
  left: 25px;
}
  .body-class-members .navbar-inverse.navbar .navbar-inner i{
  left: 85px;
    top:15px;
}
#header .header-right li.social, #header li.translate{
  display: none;
}
.navbar .nav > li > a{
  margin-left: 10px;
}

#header .navbar-inverse.navbar .navbar-inner{
 padding-right: 0;
}
}

/* Slideshow */
/* Make sure #outerborder is 100% of page, not viewport: Seems to need both display:table + relative, and height: 100% */

.bg-slider {
position: absolute;
z-index: 0;
bottom: 0;
overflow: visible; }

.bg-slider .galleryInner {
overflow: visible !important;
position: fixed;
top: 0; }

.bg-slider, .bg-slider .galleryWrapper {
width: 100%;
height: 100%; }

.body-class-home .bg-slider .galleryInner {
width: 100% !important;
height: auto !important;
top: -100px;}

.bg-slider .galleryInner img {
width: 100% !important;
height: auto !important; }

@media (max-width: 1150px) {
  .body-class-home .bg-slider .galleryInner {
width: 100% !important;
height: auto !important;
top: -100px;}

.bg-slider .galleryInner img {
width: auto !important;
height: 100% !important; }
}

/* Portrait / thinner than the photo */
@media (max-aspect-ratio: 16 / 9) {
.body-class-home  .bg-slider .galleryInner {
width: auto !important;
height: 100% !important;
max-width: 100%;
}
.body-class-home  .bg-slider .galleryInner img {
  width: auto !important;
  height: 100% !important; } 
}

.body-class-home .nivo-controlNav-Wrapper{
  top: 80px;
  bottom: inherit;
}

.nivo-controlNav-Wrapper .nivo-controlNav{
  width: 30px;
  margin-right: 50px;
  float: right;
}

@media (max-width: 2000px) {
  .inner-page .bg-slider .galleryInner {
width: auto !important;
height: 100% !important;
top: 60px;
}
}

@media (max-width: 767px) {
.bg-slider .galleryInner {
width: auto !important;
height: 100% !important;
}
 }


/*Sticky Footer*/

html {
height: 100%;
width: 100%; }

body {
height: 100%;
width: auto; }

#outerborder {
height: 100%;
width: 100%;
position: relative;
overflow: hidden;
display: table; }

#container {
height: 100%;
width: 100%;
display: table-row; }

.footer {
display: table-row; }



/*Spaces*/

.page-wrapper {
height: 100%;
}
body.body-class-members .page-wrapper{
margin-top: 25px;
margin-bottom: 50px;
}

body.body-loginpage .page-wrapper{
margin-top: 150px;
margin-bottom: 50px;
}

body.body-class-members .navbar .nav > li{
  float: left;
}
body.body-class-members .navbar .nav > li a{
  padding: 7px 10px;
  margin: 0;
  font-size: 14px;
}
body.body-class-members .navbar-inverse.navbar .navbar-inner{
  margin-left: 0;
}
body.body-class-members  #header .header-right li.translate, body.body-class-members .navbar-inverse.navbar .navbar-inner i, body.body-class-members .header-arrow, body.body-class-members #header .header-right li.social, body.body-class-members #header .header-right li.login, body.body-class-members .page-footer{
  display: none;
}

body.body-class-members .navbar-inverse.navbar .nav-collapse{
margin-top: 10px;
  z-index: 999999;
}

body.body-class-members  .page-wrapper .inner-page .page-content-wrapper .main-content, .body-class-members  .page-wrapper .inner-page .page-content-wrapper .page-content{
  color: #ffffff;
}
#leftcontent > div, #rightcontent > div{
  border:1px solid rgb(198, 154, 90);
}
body.body-loginpage .container{
  width: 1170px;
}


/*page wrapper*/
#globalwrap {
padding-top: 0; }

.page-wrapper > .container, .page-wrapper .container .inner-page .container  {
  width: 100%; }

.page-wrapper .inner-page {
  position: relative; }
  .page-wrapper .inner-page .page-content-wrapper {
    width: auto;
    height: auto;
    padding-top: 0px;
   }
   .page-wrapper .inner-page .page-content-wrapper .main-content{
     position: absolute;
      right: 0;
      background: rgb(0, 0, 0);
      }
    .page-wrapper .inner-page .page-content-wrapper .page-content {
      padding: 50px 40px 0 40px;
      text-align: center;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      position: relative;
      z-index: 0;
      background: #000000;
      min-height: 100%;
      padding-bottom:150px;
      height: 700px;
      overflow-y:scroll; 
      }
      .page-wrapper .inner-page .page-content-wrapper .bg-slider{
        width: 100%;
        height: auto;
      }
      .page-wrapper .inner-page .page-content-wrapper .bg-slider,
      .page-wrapper .inner-page .page-content-wrapper .main-content{position: relative;}
       .page-wrapper .inner-page .page-content-wrapper .main-content{
        position: absolute;
        min-height: 100%;
        height: 700px;
        padding-top: 50px;
        margin-bottom: -20px;
       }
      .page-wrapper .inner-page.no-scrolling .page-content-wrapper .page-content{
        height: auto;
        overflow-y:visible; 
      }
      .page-wrapper .inner-page .page-content-wrapper .page-content .page-logo img {
        padding: 0 0 30px; }
      .page-wrapper .inner-page .page-content-wrapper .page-content h1 {
        margin-bottom: 40px;
        margin-top: 30px;}
      .page-wrapper .inner-page .page-content-wrapper .page-sidebar h2 a{
        font-size: 19px;
        line-height: 20px;
        }
      .page-wrapper .inner-page .page-content-wrapper .page-sidebar li {
        list-style: none; }
      .page-wrapper .inner-page .page-content-wrapper .page-sidebar a {
        text-transform: uppercase;
        color: #fff;
        font-size: 14px;
        padding: 7px 0;
        display: block; }
        .page-wrapper .inner-page .page-content-wrapper .page-sidebar a:hover, .page-wrapper .inner-page .page-content-wrapper .page-sidebar li.current a {
          color: #c69a5a;
          text-decoration: none; }

        .page-wrapper .inner-page .page-content-wrapper .page-sidebar {
          position: absolute;
          left: 0px;
          top: 220px;
          padding: 30px 0 30px 40px;
          -moz-box-sizing: border-box;
          -webkit-box-sizing: border-box;
          box-sizing: border-box; }

          .page-wrapper .inner-page .page-content-wrapper .page-sidebar #slick-toggle {
            position: relative;
            z-index: 100;
            left: 0px;
            margin-left: -25px;
            float: left;
            -webkit-transition: left 0.4s ease;
            -moz-transition: left 0.4s ease;
            -ms-transition: left 0.4s ease;
            -0-transition: left 0.4s ease;
            transition: left 0.4s ease;
            top: -30px;
            padding: 0;
            -webkit-transform:translateY(50%);
            -moz-transform:translateY(50%);
            transform:translateY(50%);
            height: 63px;
            width: 31px;
            display: block;
            }
            .page-wrapper .inner-page .page-content-wrapper .page-sidebar .open #slick-toggle{
              left:0;
              margin-left: 0px
            }

        .page-wrapper .inner-page .page-content-wrapper .page-sidebar #slick-toggle.slide-in{
          left: 0px;
          
        }

        .page-wrapper .inner-page .page-content-wrapper .page-sidebar #slickbox {
          left: 0px;
          width: 300px;
          -webkit-transition: left 0.4s ease;
          -moz-transition: left 0.4s ease;
          transition: left 0.4s ease;
          position: absolute;
          z-index: 0;
          top: 0;
          display: block;
          background: rgba(0, 0, 0, 0.8);
          z-index: 0;
          }
        .page-wrapper .inner-page .page-content-wrapper .page-sidebar #slickbox div.menu-section{
          position: relative;
          padding: 20px 30px;
          visibility: hidden;

        }       
        .page-wrapper .inner-page .page-content-wrapper .page-sidebar #slickbox.open div.menu-section{
          visibility: visible;
        }
        .page-wrapper .inner-page .page-content-wrapper .page-sidebar #slickbox.open {
        position: absolute;
        left: -300px;
        top: 0;
        }


/* Remove sticky Footer form inner pages

body.body-inner {
height: 100%;
width: auto; }

.body-inner #outerborder {
height: auto;
width: auto;
display: block;}

.body-inner #container {
height: 100%;
width: 100%;
display: block; }

.body-inner .footer {
display: block; }

.body-inner .page-wrapper .inner-page .page-content-wrapper .main-content {
position: relative;
min-height: 100%;
padding-top: 50px;
margin-bottom: -20px;
float: right;
height: auto;
}
*/





.club-home-page {
text-align: center;
margin-top: 150px;
display: block; 
z-index: 1;
position: relative;}
@media (max-width: 2000px) {
  .club-home-page {
margin-bottom: -150px}
}


/* Home pages title

.club-home-page h1 {
  -moz-box-shadow: 0 17px 52px -45px black;
  -webkit-box-shadow: 0 17px 52px -45px black;
  box-shadow: 0 17px 52px -45px black;
  display: inline-block;
  padding: 13px 0 5px 0;
  font-family: "museo-slab";
  font-weight: 300;
  color: #c69a5a;
  -moz-text-shadow: 1px 1px 2px rgb(0, 0, 0);
  -webkit-text-shadow: 1px 2px 1px rgb(0, 0, 0);
  text-shadow: 1px 1px 2px rgb(0, 0, 0);
  font-size: 38px;
  text-transform: uppercase;
  line-height: 44px; }
  .club-home-page h1 span {
    display: block;
    padding-bottom: 15px;
    margin: 0 15px;
  color: #c69a5a;}
*/

/*Slider caption - Home pages title*/

.bg-slider .nivo-caption{
  position: absolute;
  background: none;
  left: 0;
  top: -10px;
  width: 100%;
  text-align: center;
  z-index: 999999;
}

.header-right .logo-header{
  padding-right: 30px;
}

.header-right .logo-header h3{
  color: #c69a5a;
    font-weight: 500;
    font-size: 22px;
  -moz-text-shadow: 1px 1px 2px rgb(0, 0, 0);
  -webkit-text-shadow: 1px 2px 1px rgb(0, 0, 0);
  text-shadow: 1px 1px 2px rgb(0, 0, 0);
  text-transform: uppercase;
  line-height: 20px;
  white-space: nowrap;

}.
.header-right .logo-header a:hover{
  text-decoration: none;
}

.header-right li.logo-header img{
  float: left;
  margin: -12px 10px 0 0;
}

.body-class-members #header .header-right .logo-header, .body-inner #header .logo-header{
  display: none;
}

/*.bg-slider .nivo-caption h1, .bg-slider .nivo-caption h2{
  font-family: "museo-slab";
  font-weight: 300;
  display: block;
  color: #c69a5a;
  -moz-text-shadow: 1px 1px 2px rgb(0, 0, 0);
  -webkit-text-shadow: 1px 2px 1px rgb(0, 0, 0);
  text-shadow: 1px 1px 2px rgb(0, 0, 0);
  text-transform: uppercase;
  line-height: 50px;
}

.bg-slider .nivo-caption h1{
    font-size: 50px;
}

.bg-slider .nivo-caption h2{
 font-size: 40px;
 display: inline-block;
  -moz-box-shadow: 0 16px 25px -25px rgb(0, 0, 0);
  -webkit-box-shadow: 0 16px 25px -25px rgb(0, 0, 0);
  box-shadow: 0 16px 25px -25px rgb(0, 0, 0);
  padding-bottom: 10px;
  width: 680px;

}*/

.club-home-page p {
  margin-top: 10px;
  font-size: 20px;
  display: block;
  font-weight: 300;
  line-height: 28px;
  -moz-text-shadow: 1px 1px 0px #edf2ee;
  -webkit-text-shadow: 1px 1px 0px #edf2ee;
  text-shadow: 1px 1px 0px #edf2ee;
  color: #000; }

/*Course Page*/
.page-wrapper .course-page .page-content-wrapper{
  min-height: 100%;
}
.page-wrapper .course-page .page-content-wrapper .page-content .page-content{
  overflow-y:visible;
  height: 100%; 
  padding: 80px 60px 10px 40px;
}



.course-page .container .page-content-wrapper{
position: relative;
}
.course-page .bx-wrapper{
  margin-top: 20px;
}
.course-page .bx-wrapper .bx-viewport{
  height: auto !important;
}

.page-wrapper .course-page .bx-wrapper .bx-viewport li{
  margin-right: 1px !important;
}

.course-page .bx-wrapper li span{
  position: absolute;
  background: rgba(0, 0, 0, 0.7);
  padding: 20px 0;
  width: 100%;
  top:50px;
  font-size: 38px;
  color: #ffffff;
  font-weight: 400;
  z-index: 100;
  left: 0;
}
.course-page .bx-wrapper li:hover span{  color: rgb(198, 154, 90);}

.course-page .bx-wrapper img.desaturate{
filter: grayscale(100%);
-webkit-filter: grayscale(100%); /* For Webkit browsers */
filter: gray; /* For IE 6 - 9 */
-webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
}

.course-page .bx-wrapper img.desaturate:hover{ 
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
}

@media (max-width: 1200px) {

.logo-header{
    padding-right: 20px;
}

.header-right .logo-header h3{
  font-size: 14px;
}
.header-right li.logo-header img {
  margin: -14px 10px 0 0;
}
body.body-loginpage .container{
  width: 940px;
}
}

@media (max-width: 979px) {
.course-page .bx-wrapper .bx-viewport li{
  max-width: 60px;
  width: 100% !important;
}
#header .header-right li.logo-header{
  display: none;
}
body.body-loginpage .container{
  width: 724px;
}

.bx-wrapper img{
  width: 100%;
}
.header-right h3, .login .login-text-members{
  display: none;
}
}
@media (max-width: 767px){
body.body-loginpage .container{
  width: 100%;
}
}
/*Hole by Hole*/

.page-wrapper .inner-page .page-content-wrapper .page-sidebar{}

.page-wrapper .inner-page .page-content-wrapper .align-centre{
  float: none;
  margin: 0 auto;
}
/* Yards Table */
.page-content table.yards td {
    line-height: 25px;
    padding: 11px 6px;
    text-align: center;
    vertical-align: middle;
    border:none;
}

.page-content table.yards th, .page-content table.yards td {
    padding: 0px 3px;
    border:1px solid #fff;
    text-align: center;
    font-weight: 200;
}
.page-content table.yards {margin-bottom: 20px; width: 100% !important}
.page-content table.yards td:first-child, .page-content table.yards th:first-child {text-align: left; padding-left: 20px;}

.page-content .sidebar table.yards th, .page-content .sidebar table.yards td{
  border: 2px solid rgb(255, 255, 255);
font-weight: 200;}
  
.page-content .sidebar table thead tr th {
    background: none repeat scroll 0 0 rgb(226, 226, 226);
    color: rgb(0, 0, 109);
    text-align: center;
    text-transform: uppercase;
}

.page-content .sidebar  table.yards tr:nth-child(2) td {
    background: none repeat scroll 0 0 rgb(226, 226, 226);
}

.page-content .sidebar table.yards td {
    background: none repeat scroll 0 0 rgb(241, 241, 241);
    color: rgb(69, 69, 69);
    text-align: center;
}

.page-content table .right{
text-align:right;}


.page-content table.yards td.purple {background: #541766; color: white}
.page-content table.yards td.white, .page-content table.yards th.white {background: white; color: #333333}
.page-content table.yards td.yellow {background: #ffff00; color: #333333}


i.tee-purple {color:#541766;/*text-shadow: 0px 0px 2px rgba(150, 150, 150, 1);*/}
i.tee-yellow {color:#ffff00;text-shadow: 0px 0px 2px rgba(150, 150, 150, 1);}
i.tee-red {color:#ff0000;/* text-shadow: 0px 0px 2px rgba(150, 150, 150, 1); */}
i.tee-white {color:white;text-shadow: 0px 0px 2px rgba(150, 150, 150, 1);}
table.yards i.fa-circle {margin-right: 5px}

.hole-sidebar h1 {font-size: 40px; line-height: 43px}
h1 small.par-details {display: inline-block; ;line-height: 20px}
.page-content table.yards td.red {background: #ff0000; color: white}


.page-wrapper .inner-page .page-content-wrapper .page-sidebar.hole-sidebar .menu-section li{
  display: inline-block;
  text-align: center;
}

.page-wrapper .inner-page .page-content-wrapper .page-sidebar.hole-sidebar .menu-section li a{
  display: block;
  width: 30px;
  height:15px;
  font-size: 16px;
}

  .page-wrapper .inner-page .page-content-wrapper  .hole-sidebar .menu-section li.menu-section-j-h-taylor-course, .page-wrapper .inner-page .page-content-wrapper .hole-sidebar .menu-section li.menu-section-pam-barton-course, .page-wrapper .inner-page .page-content-wrapper .hole-sidebar .menu-section li.menu-section-practise-facilities {
    display: block;
    text-align: left;
  }
    .page-wrapper .inner-page .page-content-wrapper  .hole-sidebar .menu-section li.menu-section-j-h-taylor-course a, .page-wrapper .inner-page .page-content-wrapper .hole-sidebar .menu-section li.menu-section-pam-barton-course a, .page-wrapper .inner-page .page-content-wrapper .hole-sidebar .menu-section li.menu-section-practise-facilities a {
   width: 100%;
  }

  @media (max-width: 1200px){
      .page-wrapper .inner-page .page-content-wrapper  .hole-sidebar .menu-section li.menu-section-j-h-taylor-course, .page-wrapper .inner-page .page-content-wrapper .hole-sidebar .menu-section li.menu-section-pam-barton-course, .page-wrapper .inner-page .page-content-wrapper .hole-sidebar .menu-section li.menu-section-practise-facilities {
    text-align: center;
  }
  }


/*Timeline styles*/

  #timeline {
    width: 800px;
    height: 100%;
    overflow: hidden;
    margin: 50px auto;
    position: relative;
    /*background: url('../images/dot.gif') left 45px repeat-x;*/
  }

    #dates {
      background: url('../images/line.jpg') center 50px repeat-x;
      /*width: 800px;*/
      height: 60px;
      overflow: hidden;
    }
      #dates li {
        list-style: none;
        float: left;
        width: 100px;
        height: 80px;
        font-size: 24px;
        text-align: center;
      }
        #dates a {
          line-height: 38px;
          padding-bottom: 25px;
          background: url('../images/bullet.jpg') center bottom no-repeat;
         font-size: 18px;
         color: #fff;
        }
        #dates .selected {
              font-size: 38px;
              background: url('../images/bullets-active.jpg') center bottom no-repeat;
              padding-bottom: 17px;
                      font-weight: 500;
        }
    
    #issues {
      /*width: 800px;*/
      height: 700px;
      min-height: 700px;
      overflow: hidden;
    } 
      #issues li {
        width: 800px;
        height: 100%;
        list-style: none;
        float: left;
        text-align: center;
      }
        #issues li.selected img {
          -webkit-transform: scale(1.1,1.1);
          -moz-transform: scale(1.1,1.1);
            -o-transform: scale(1.1,1.1);
            -ms-transform: scale(1.1,1.1);
            transform: scale(1.1,1.1);
        }
        #issues li img {
          margin: 10px 30px 10px 50px;
          background: transparent;
          -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE 8 */   
          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);/* IE 6 & 7 */      
          zoom: 1;
          -webkit-transition: all 2s ease-in-out;
          -moz-transition: all 2s ease-in-out;
          -o-transition: all 2s ease-in-out;
          -ms-transition: all 2s ease-in-out; 
          transition: all 2s ease-in-out;
          -webkit-transform: scale(0.7,0.7);
          -moz-transform: scale(0.7,0.7);
            -o-transform: scale(0.7,0.7);
            -ms-transform: scale(0.7,0.7);
            transform: scale(0.7,0.7);
        }
        #issues li h1 {
          margin: 20px 0;
        }
        #issues li p {
          margin-right: 70px;
          margin:50px 100px;
          text-align: center;
        }
    
    #grad_left,
    #grad_right {
      width: 25px;
      height: 350px;
      position: absolute;
      top: 0;
    }
      #grad_left {
            left: 0;
            background: url('../images/grad_left.png') repeat-y;
      }
      #grad_right {
            right: 0;
            background: url('../images/grad_right.png') repeat-y;
      }
    
    #next,
    #prev {
      position: absolute;
      top: 0;
      font-size: 70px;
      top: 170px;
      width: 22px;
      height: 38px;
      background-position: 0 0;
      background-repeat: no-repeat;
      text-indent: -9999px;
      overflow: hidden;
    }
      #next:hover{background-image: url('../images/arrow-golden-hover-right.png');}
      #prev:hover {
        background-image: url('../images/arrow-golden-hover-left.png');
      }
      #next {
        right: 0;
        background-image: url('../images/arrow-golden-right.png');
      }
      #prev {
        left: 0;
        background-image: url('../images/arrow-golden-left.png');
      }

        #next.disabled,
        #prev.disabled {
          opacity: 0.2;
        }


@media (max-width: 979px) {

  .container{
    width: 500px;
  }
  #timeline {
    width: 500px; 
  }
  #issues{
    height: 900px;
  
  }
  #issues li{
    width: 500px;
  }
}
@media (max-width: 767px) {

  .container{
    width: 400px;
  }
  #timeline {
    width: 400px;
    height: 100%;
  }
  #issues{
    height: 100%;
  
  }
  #issues li{
    height: 100%;
    width: 400px;
  }
  #issues li p{
    margin: 50px 40px
  }
}

/*club-footer*/

.body-class-home .footer a#footer-logo img{
  position: absolute;
  z-index: 999999;
  left: 20px;
  bottom: 20px;
}

.body-inner .footer a#footer-logo img, .body-loginpage .footer a#footer-logo img{
  display: none;}

.body-inner .footer{
  position: relative;
  bottom: 0;
  width: 100%;
}
.body-inner .footer .page-footer{
  display: none;
}
.club-footer {
background: #FFFFFF;
position: relative;
z-index: 10;
}
.club-footer .container {
  padding: 10px 0;
}
.club-footer p {
  color: #000;
  padding-top: 10px;
  margin-bottom: 0px;
  font-size: 14px;
  line-height: 20px; }

.page-footer {
background: #fff;
height: 75px;
position: relative;
z-index: 10; }
.page-footer .span3 {
  text-align: center;
  margin: 10px 0;
  border-right: 2px dotted #000;
  padding-right: 0px;
  position: relative; 
}
  .page-footer .span3 a:hover h2, .page-footer .span3 a:hover h4 {
    color: #c69a5a; }
  .page-footer .span3 a:hover {
    text-decoration: none; }
  .page-footer .span3:last-child {
    border-right: none; }
  .page-footer .span3 h2, .page-footer .span3 h4 {
    text-transform: uppercase;
    color: #000;
    font-weight: 500;}
  .page-footer .span3 h2 {
    font-size: 16px;
    line-height: 20px;
    margin: 0 0 10px 0; }
  .page-footer .span3 h4 {
    font-size: 11px;
    margin: 0; }
    .footer .footer-social{
      display: none;
    }
        .club-footer p{
  text-align: center;
}
@media (max-width: 1200px) {
    .club-footer p{
  text-align: center;
}
}
@media (max-width: 979px) {
.club-home-page {
  margin: 200px 0; }

.footer .page-footer .span3 a .white-arrow {
  left: 57px; 
}
  .footer a#footer-logo{
    display: none;
  }
.club-footer {
  text-align: center; 
}
  .club-footer p {
    padding: 0; 
  }
  .club-footer span {
    display: block; } 
    .page-footer .span3:nth-child(2) h4{
      line-height: 13px;
    }
  }
@media (max-width: 767px) {
body {
  padding: 0; }

.club-home-page {
  margin:0 0 200px; }

.title-home-page {
  margin-bottom: 20px;
  margin-top: 30px; }

.title-home-page {
  padding: 0 20px; }

.page-footer, .club-footer{}

.footer .page-footer {
  height: auto; }

.footer .page-footer .span3 {
  border-bottom: 2px dotted #000;
  border-right: none;
  display: inline-block; }
  .footer .page-footer .span3.span3:last-child {
    border-bottom: none; }

.club-footer .autor {
  margin-top: 10px; }

.footer .page-footer .span3 a:hover .white-arrow {
  display: none; }

  .footer .club-footer .footer-social{
    display: block;
    }
      .footer .club-footer .footer-social li{
        display: inline-block;
        margin: 0 3px;
      }
}
.body-class-members .container {
max-width: 1170px; }

.body-class-members .navbar-inner {
display: block; }

.CodeMirror-wrap, .CodeMirror-wrap .CodeMirror-scroll {
height: 1000px; }

.typekit-badge {
display: none !important; }

#map_container{
  border-radius: 10px;
  width:100% !important;
  background-color:#000 !important;
  float: none !important;
}
.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus{
  color:rgb(198, 154, 90);
}

#global, #globalwrap, .container, .inner-page, .page-wrapper .inner-page .page-content-wrapper, .row-fluid, .main-content{
  height: 100%;
}

.body-class-members #global, .body-class-members #globalwrap, .body-class-members .container, .body-class-members .inner-page, .body-class-members .page-wrapper .inner-page .page-content-wrapper, .body-class-members .row-fluid, .body-class-members .main-content{
  height: auto;
}

.body-inner .galleryWrapper.galleryWrapperNivo .nivo-directionNav{
    display: none;
  }
  .body-inner  .nivo-controlNav-Wrapper{
    width: 30%;
    bottom: 150px;
  }
  .body-inner   .page-wrapper .inner-page .page-content-wrapper .bg-slider{
  }
  .body-inner   .page-wrapper .inner-page .page-content-wrapper .bg-slider .nivo-controlNav a{
      float: left;
    }
  #outerborder{
    height: 100%;
    position: absolute;
  }
  .body-inner .footer{
    height: 50px;
  }
  
  .inner-page .bg-slider .galleryInner img{
    width: auto !important;
    height: 100% !important;
  }
    .inner-page .bg-slider .galleryInner{
    width: auto !important;
    height: 100% !important;
    top:0;
  }
  .body-class-pam_barton_course .footer, .body-class-j_h_taylor_course .footer, .body-class-timeline .footer{
    position: relative;
  }
  .direction{
    margin-top: 20px;
  }
  .direction .nav-tabs li{
    margin-bottom: 0;
  }



  /*Full page content*/

  .page-wrapper .container .inner-page.full-width--page .container, .page-wrapper .container .inner-page.course-page .container{
    width: 1170px;
  }

    .page-wrapper .full-width--page .container {
       width: 1170px;
  }

        .page-wrapper .inner-page.full-width--page .page-content-wrapper .page-content{
        padding-top: 100px;
          height: auto;
      }


    /* Slider on the top on inner pages*/
@media (max-width: 1200px) {
  .page-wrapper .inner-page .page-content-wrapper .bg-slider{
  height: auto;
  width: 100%;
}
  .body-inner .bg-slider .galleryInner {
  top: 0px;
  position: relative;
}
.inner-page .bg-slider .galleryInner img{
  width: 100% !important;
  height: auto !important;
}

.page-wrapper .inner-page .page-content-wrapper .main-content{
  margin-left: 0;
}

.body-inner .page-wrapper .inner-page .page-content-wrapper {
  position: relative;
  top:0px; } 

    .page-wrapper .container{
      width: 100%;
    }

  .page-wrapper .inner-page .page-content-wrapper .main-content{
    padding-top: 0;
    height: auto;
    width: 100%;
    position: relative;
  }
  .page-wrapper .inner-page .page-content-wrapper .page-sidebar {
    border-bottom: 1px dashed rgb(255, 255, 255);
    position: relative;
    padding: 10px 0;
    top: 0;
  }
  .page-wrapper .inner-page .page-content-wrapper .page-sidebar #slickbox, .page-wrapper .inner-page .page-content-wrapper .page-sidebar #slickbox.open{
    position: relative;
    width: 100%;
    left: 0;
  }
  .page-wrapper .inner-page .page-content-wrapper .page-sidebar #slick-toggle{
    display: none;
  }
 .page-wrapper .inner-page .page-content-wrapper .page-sidebar #slickbox div.menu-section{
    text-align: center;
    visibility: visible;
  }
    .page-wrapper .container{
    width: 100%;
    }

      .footer .page-footer .span3 a .white-arrow {
  left: 85px; } 

   .body-inner .footer{
    position: relative;
  }
      .page-wrapper .inner-page .page-content-wrapper .page-content {
        overflow: visible;
        height: auto;

      }


}

/*Inner page full width page*/
@media (max-width: 1200px) {
    .page-wrapper .container .inner-page.full-width--page .container, .page-wrapper .container .inner-page.course-page .container {
     width: 979px;
  }
  .page-wrapper .inner-page.course-page .page-content-wrapper .page-content, .page-wrapper .container .inner-page.full-width--page .container{
    padding:100px 40px 50px 40px; 
  }
}

@media (max-width: 979px) {
.page-wrapper .container .inner-page.full-width--page .container, .page-wrapper .container .inner-page.course-page .container {
     width: 724px;
  }
body.body-class-home .bg-slider .galleryWrapper {
    display: none;
  }
}


@media (max-width: 767px) {

  h1{
    font-size: 24px;
  }
        .page-wrapper .container .inner-page.full-width--page .container, 
        .page-wrapper .container .inner-page.course-page .container {
     width: 100%;
  }
     .page-wrapper .container .inner-page.full-width--page .container, .page-wrapper .container .inner-page.course-page .container {
     width: 100%;
  }

    .page-wrapper .full-width--page .container  .page-content{
    padding-right:20px;
    padding-left:20px;
  }
  .page-wrapper .container .inner-page.full-width--page .container{
    padding: 30px 0;
  }

      .page-wrapper .inner-page.full-width--page .page-content-wrapper .page-content{
      padding-top: 30px;
    }

  .page-wrapper .container{
      width: 100%;
    }
  .page-wrapper{
    padding-top:0px;
  }
  .page-wrapper .inner-page .page-content-wrapper .main-content{
    position: relative;
    min-height: 0;
  }
  .page-wrapper .inner-page .page-content-wrapper .page-content{
    height: auto; 
    padding: 50px 20px 0 20px;
  }

  .page-wrapper .inner-page .page-content-wrapper .page-sidebar #slickbox{
    position: relative;
    width: 100%;
  }
  .page-wrapper .inner-page .page-content-wrapper .page-sidebar #slick-toggle{
    display: none;
  }
    .body-inner .bg-slider .galleryInner{
      top: 0;
    }
    .body-class-home .nivo-controlNav-Wrapper, .body-inner .nivo-controlNav-Wrapper{
      display: none;
    }

}
@media (max-width: 767px) {
    /*Table*/
    .main-content .table th, .main-content .table td{
      padding: 1px;
      font-size: 12px;
    }
        .main-content .table th h4, .main-content .table td h4{
      font-size: 13px;
    }

    #global, #globalwrap, .container, .inner-page, .page-wrapper .inner-page .page-content-wrapper, .row-fluid, .main-content{
  width: 100%;
}
}

/*Hide timeline slider*/
@media (max-width: 767px) {

  #timeline, #issues li{
    width: 300px;
    border-bottom: 1px solid #fff;
  }
  #timeline br{
    display: none;
  }
#timeline #issues{
  margin: 0 !important;
  width: 100% !important;
}
  #timeline #issues li{
    float: none;
    opacity: 1 !important;
  }
  #timeline #timeline-dates{
    display: none;
  }
  #timeline #grad_left, #timeline #grad_right, #timeline #next, #timeline #prev{
    display: none !important;
  }
  #issues li img{
    margin:10px 0;
  }
  #issues li.selected img{
    width: 100%;
  }
  }

/*Remove sticky footer form members area*/

.body-class-members #outerborder, .body-class-members #container, .body-class-members .footer {
  display: block;
}
.body-class-members #outerborder{
  overflow: visible;
}
.body-class-members .page-wrapper .inner-page .page-content-wrapper .main-content{
  background: none;
  height: 100%;
}
.body-class-members .page-wrapper .inner-page .page-content-wrapper .page-content{
  height: auto;
  overflow-y:none; 

}
.body-class-members .footer{
  display: none;
}

.main-content .direction .tab-content{
  overflow: hidden;
}


/*Styles for individual pages*/
.body-class-governance_and_committees .page-content table{
  width: 50% !important;
  margin:0 auto;

}

.body-class-members.body-root-home #leftcontent > div, .body-class-members.body-root-home #rightcontent > div {
  color: white;
  background: none repeat scroll 0 0 black!important;
}

.body-class-members #header {
 position: inherit;
  margin: 0 auto;
}

@media (max-width: 873px){
  body.body-class-members i.fa.fa-bars {display:block !important;}
  body.body-class-members a#menu_button {text-decoration:none;}
  body.body-class-members i.fa.fa-bars span.menu_text {font-size:22px; position: absolute; top: 5px; left: 40px;}
  body.body-class-members div#topmenu {display:none; position:absolute;}
  .navbar-inverse.navbar .navbar-inner i {}
  body.body-class-members div#topmenu .nav li {float:none; display:table;}
  body.body-class-members ul, body.body-class-members ul#nav li ul {background: #2D3239;}
  body.body-class-members ul li {background: #2D3239; font-size: 14px;}
  body.body-class-members ul#nav li a {background: #2D3239; padding: 8px 30px;}
  body.body-class-members div.memb-logo {width: 63px;}
  body.body-class-members div.memb-logo h2 {display:none;}
  body.body-class-members #topmenu ul.dropdown-menu {left:0px; padding-top:0px; top: 30px;}
}

body.body-public a#menu_button {display:none;}

body.body-class-members ul#nav ul.dropdown-menu {
  opacity: 1;
  left: 0px;
  background: rgb(45,50,57);
  
}
/* No More Menu */ 
#topmenu ul#nav li.nav-menu-information ul li.nav-menu-information a[href='/information'] {
 display: none;
}
/* End Of No More Menu */

b {
  font-size: large;
}

@media (min-width:768px) and (max-width:1199px){
 
  body.body-class-members #header .container {width:100%;}
  body.body-class-members .navbar-inverse.navbar .navbar-inner i {position:relative;}
  
}

@media (min-width:874px) and (max-width:1080px){
  body.body-class-members .memb-logo {width:62px;}
  body.body-class-members .memb-logo h2 {display:none;}
}

.noteWrapper p {
	color: black;
	}

.noteWrapper .noteContent {
	color: black;
	}

/* anton styles */

.extra-form-style h3 label {
  font-size: 24px;
}

.twitter #outertwitterdiv {
  width: 515px;
  height: 448px;
  overflow: hidden;
  position: relative;
  margin: 0px auto;
}

.twitter #twitter-widget {
    width: 1200px;
    height: 1200px;
    position: absolute;
    top: -88px;
    left: -11px;
}

@media (min-width: 0px) and (max-width: 767px) {
  .twitter #outertwitterdiv{
    width: 290px;
  }
  .twitter #twitter-widget {
    width: 315px;
    left: -8px;
  }
}

/* end anton styles */

.body-class-members #header #topmenu ul#nav li.nav-level-1 > a {
    padding: 7px 5px;
}

.body-public .myheight.main-content, .body-public .myheight .page-content {
	height: 550px;
	}