/* Navigation styling, All Media*/
.msl_navbar {
  position: relative;
  display: block;
  list-style:none;
  padding-left: 0px;
  background:#fff;
}

.nav-text {}
.msl_navbar > li {
  position:relative;
  display:block;
}

.msl_navbar > li > a {
  position: relative;
  display: block;
  padding: 10px;
  font-family: 'futura_bkbook', sans-serif;
  font-size:16px;
  color:#333;
  text-transform:uppercase;
  font-weight:bold;
}

.navbar-nav {background:#eee; width:100%;}

.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.nav > li.disabled > a {
  color: #999999;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #999999;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eeeeee;
  border-color: #428bca;
}
.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.nav > li > a > img {
  max-width: none;
}
.nav-tabs {
  border-bottom: 1px solid #dddddd;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #dddddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555555;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-bottom-color: transparent;
  cursor: default;
}
.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.nav-tabs.nav-justified > li {
  float: none;
}
.nav-tabs.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
.msl_navbar > li > a.orange{border-top:8px solid #f39251;}
.msl_navbar > li:hover > a.orange  {background: #f39251;}

.msl_navbar > li > a.red {border-top:8px solid #e0535e;}
.msl_navbar > li:hover > a.red {background: #e0535e;}

.msl_navbar > li > a.green {border-top:8px solid #53bdad;}
.msl_navbar > li:hover > a.green{background: #53bdad;}

@media (max-width: 991px) {
.msl_navbar > li > a.red {background:#e0535e; border-top:0px;}
.msl_navbar > li > a.red:hover {background:#333; border-top:0px;}
.msl_navbar > li > a.orange {background:#f39251; border-top:0px;}
.msl_navbar > li > a.orange:hover {background:#333; border-top:0px;}
.msl_navbar > li > a.green {background:#53bdad; border-top:0px;}
.msl_navbar > li > a.green:hover {background:#333; border-top:0px;}
}

/*Sub Menus*/
.navbar-nav ul .red + ul li a, .navbar-nav ul .red + ul li a:hover {background:#e0535e;}
.navbar-nav ul .green + ul li a, .navbar-nav ul .green + ul li a:hover {background:#53bdad;}
.navbar-nav ul .orange + ul li a, .navbar-nav ul .orange + ul li a:hover {background:#f39251;}

@media (min-width: 768px) {
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #dddddd;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #dddddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #ffffff;
  }
}
.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  border-radius: 4px;
}
.nav-pills > li + li {
  margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #ffffff;
  background-color: #428bca;
}
.nav-stacked > li {
  float: none;
}
.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}
.nav-justified {
  width: 100%;
}
.nav-justified > li {
  float: none;
}
.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}
.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs-justified {
  border-bottom: 0;
}
.nav-tabs-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #dddddd;
}
@media (min-width: 768px) {
  .nav-tabs-justified > li > a {
    border-bottom: 1px solid #dddddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus {
    border-bottom-color: #ffffff;
  }
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}
@media (min-width: 992px) {
  .navbar {
    border-radius: 4px;
  }
 .navigationbar {
 background:#fff;
}
}
@media (min-width: 992px) {
  .navbar-header {
    float: left;
    width:100%;
  }
}
.navbar-collapse {
  max-height: 700px;
  overflow-x: auto;
  padding-right: 0px;
  padding-left: 0px;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch;
}
.navbar-collapse.in {
  overflow-y: auto;
}
@media (min-width: 992px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: auto;
  }
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }
}
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 992px) {
  .container > .navbar-header,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }




/*GN-navigation background and font color*/
/*.navbar-header {background:#b9b9b9;}*/
/*.msl_navbar > li > a {color:#fff; }*/







}
.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px;
}
@media (min-width: 992px) {
  .navbar-static-top {
    border-radius: 0;
  }
}
.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}
@media (min-width: 992px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0;
  }
}
.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}
.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
}
.navbar-brand {
  float: left;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
  height: 50px;
}
.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none;
}
@media (min-width: 992px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: -15px;
  }
}
.navbar-toggle {
  position: relative;
  float: right;
  margin:0px;
  padding: 0px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  height:25px;
  width:25px;
}
@media (min-width: 600px) {
.navbar-toggle {margin:30px 10px;}
}
}
.navbar-toggle:focus {
  outline: none;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 3px;
  border-radius: 1px;
  background:#333;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
@media (min-width: 992px) {
  .navbar-toggle {
    display: none;
  }
}
.navbar-nav {
  margin: 7.5px 0px;
}


/*GN- MSL Nav margins*/
.msl_navbar { margin: 7.5px 0px; width:100%;}
.msl_navbar > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  /*line-height: 20px;*/
}



.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}







/* SMALLER DEVICES (XS) NAVIGATION STYLING*/

@media (max-width: 991px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }


/*GN-MSL-SMALLER DEVICE NAVIGATION STYLING*/
 .navbar-header {
    padding: 0px;
  }
 .navbar-nav {
     background:transparent;
  }
 .navbar-nav ul ul li {
     display:block;
     display:none;
  }
.navbar-nav ul ul li a {padding: 6px 55px;}
  .msl_navbar > li > a {
     color:#fff; padding: 10px 25px; height:40px;
  }
 .msl_navbar > li > a:hover {
     color:#333; 
  }


}








/* MD DESKTOP STYLING*/
@media (min-width: 992px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .navbar-nav.navbar-right:last-child {
    margin-right: -15px;
  }

/*GN-MSL-MD DESKTOP*/
  .msl_navbar {
   float:left; margin: 0 0 0 0px; 
   padding: 0px;
   /*width:110%;*/
  }

  .msl_navbar > li {
   float:left;
   width:20%;
   text-align:center;
   box-shadow:inset 0px 8px 0px 0px rgba(0,0,0,0.1);
  position:relative;
  }

  .msl_navbar > li > a {
    padding-top: 5px;
    padding-bottom: 5px;
  }
}


/*Extra*/
.collapse {background:none;}
.navigationbar {float:left; width:100%;margin-bottom:0px; background:#c0c0c0; margin-bottom:10px;}
.navbar-nav ul ul {
display:none;
background: #fff;
background: rgba(255,255,255,0.9);
overflow: hidden;
position:absolute;
z-index:1000;
list-style: none;
margin:0;
padding:0;
width:100%;
text-align:left;
z-index:10000;
}
@media (min-width: 992px) {
 .navigationbar {
 background:#fff;
}
}
.navbar-nav ul li:last-child ul {right:0px;left:auto;}
.msl_navbar > li > a:hover {background:#8ec641; color:#fff; text-decoration:none;}
.navbar-nav ul ul li {margin:0;padding:0;}
.navbar-nav ul ul a {font-family: 'futura_bkbook', sans-serif;background:#f39251;color:#fff;padding: 6px;display:block;font-size:16px;line-height:1.3;}
.navbar-nav ul ul a:hover {background:#f39251;text-decoration:none;color:#333;}
.navbar-nav ul li:hover ul {display:block;}


/*Section Styling*/
.msl_navbar > li:hover >a.whatson,.msl_navbar > li:hover >a.activities,.msl_navbar > li:hover >a.support,.msl_navbar > li:hover >a.uxbridge,
.msl_navbar > li:hover >a.media,.msl_navbar > li:hover >a.jobs,.msl_navbar > li:hover >a.shop,.msl_navbar > li:hover >a.union {background:#8ec641;}

/*Content Page Sub Navs*/
#section-nav {
padding:20px;
background:#f9f9f9;
margin-bottom:30px;
}
.page-nav ul {
text-align:center;
margin:0;
}
.page-nav li {
display:inline;
list-style-type:none;
}
.page-nav a {
padding: 15px 6px;
background: #72c4c2;
text-align: center;
color: #fff;
margin: 3px;
cursor: pointer;
font-family: 'Conv_Linotype - FrutigerLTPro-Bold',Sans-Serif;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: rgba(0,0,0,0.2) .125em .125em .375em 0;
font-size: 18px;
display:inline-block;
}
.page-nav a:hover {
text-decoration:none;
background:#a6a6a6;
}
.page-nav a.current {
background:#a6a6a6;
}


/*Image Navigation*/

.msl-imagenav ul { 
    margin:0px 0;
    padding:0;
    list-style:none;
}

.msl-imagenav ul li {
	display:inline-block;
	width: 100%;
	overflow:hidden;
       padding: 0px;
       position:relative;
       margin:5px;
       border-radius:2px;
       border:2px solid #fff;
       box-shadow: 0px 0px 7px #b5b8ba;
}

.msl-imagenav-image {
	width:100%!important;
	padding:0!important;
	margin-top:0px!important;
	display:block;
	z-index:0;
}

.msl-imagenav-image {
	width:100%!important;
}

.msl-imagenav-image:hover {
	-webkit-opacity:0.6;
	-moz-opacity:0.6;
	-o-opacity:0.6;
	opacity:0.6;
}

.msl-imagenav .msl-imagenav-image {padding-bottom: 30px !important;}


.msl-imagenav-title {
	font-size:14px;
	padding:5px 15px;
	margin-top:0px!important;
	color:#fff;
	position:absolute;
 	z-index:1;
	display:block;
	text-transform:uppercase!important;
	-webkit-transition:background .5s;
	-moz-transition:background .5s;
        font-weight:bold;
        width:400px;
        bottom:0px;
        background:transparent;
}

@media (min-width:600px) {
    .msl-imagenav ul li {
        width: 47%;
        width: calc(50% - 13px);}
}

@media (min-width:1200px) {
    .msl-imagenav ul li {
        width: 31%;
        width: calc(33% - 11px);}
}


 /* Sidebar navigation */

.sidenav {
border-radius:6px;
}
.sidenav ul {
list-style: none;
margin: 0px 0px;
padding: 0;
/*border-radius:6px;*/
/*box-shadow: 0px 5px 20px #b5b8ba;*/
}
.sidenav ul li {
margin: 0px 0px 5px;
padding: 0;
border-radius:5px;
}
.sidenav ul li a {
display:block;
padding: 5px;
background:#53bdad;
color:#fff;
font-weight:bold;
}
.sidenav  ul li a:hover {
text-decoration:none;
color:#333;
}
.sidenav  ul li a.current {
background:#333;
color:#fff;
border: 2px solid #333;
}

.sidenav ul.level_2 {
margin-left:0px; 
box-shadow:none;
background:#333;
color:#fff;
border:0px;
list-style-type: square;
list-style-position:inside;
border-radius:0px;
}
.sidenav ul.level_2 li a {
background:#333;
color:#fff;
list-style-type: square;
padding: 0px 5px;
font-size:12px;
}
.sidenav ul.level_2 li a:hover {
color:#999;
}