a#sidebarButton{text-align:right;padding-right:10px;margin:0}
* Visibility Classes ---------------------- */
/* Standard (large) display targeting */

.hide-for-xlarge, .show-for-large, .show-for-large-up, .hide-for-small, .hide-for-medium, .hide-for-medium-down {
	display: block !important;
}
/* Very large display targeting */
@media only screen and (min-width: 1441px) {
.hide-for-small, .hide-for-medium, .hide-for-medium-down, .hide-for-large, .show-for-large-up, .show-for-xlarge {
	display: block !important;
}
.show-for-small, .show-for-medium, .show-for-medium-down, .show-for-large, .hide-for-large-up, .hide-for-xlarge {
	display: none !important;
}
}
@media only screen and (max-width: 1279px){
  .topbar {margin-right: 2px}
  #sidebar {width: 20%}
  #sidebar  dl {margin-right: -100px}
}
/* Medium display targeting */

@media only screen and (max-width: 1279px) and (min-width: 799px) {
.hide-for-small, .show-for-medium, .show-for-medium-down, .hide-for-large, .hide-for-large-up, .hide-for-xlarge {
	display: block !important;
}

.show-for-small, .hide-for-medium, .hide-for-medium-down, .show-for-large, .show-for-large-up, .show-for-xlarge {
	display: none !important;
}
}
/* Small display targeting */
@media only screen and (max-width: 799px) {
.show-for-small, .show-for-medium-down, .hide-for-medium, .hide-for-large, .hide-for-large-up, .hide-for-xlarge {
	display: block !important;
}
.hide-for-small, .show-for-medium, .show-for-medium-down, .show-for-large, .show-for-large-up, .show-for-xlarge {
	display: none !important;
}
}
/* Orientation targeting */
.show-for-landscape, .hide-for-portrait {
	display: block !important;
}
.hide-for-landscape, .show-for-portrait {
	display: none !important;
}
@media screen and (orientation: landscape) {
.show-for-landscape, .hide-for-portrait {
	display: block !important;
}
.hide-for-landscape, .show-for-portrait {
	display: none !important;
}
}
@media screen and (orientation: portrait) {
  .show-for-portrait,.hide-for-landscape{display:block !important;}
  .hide-for-portrait,.show-for-landscape{display:none !important;}
  }
  /* Touch-enabled device targeting */
  .show-for-touch{display:none !important;}
  .hide-for-touch{display:block !important;}
  .touch .show-for-touch{display:block !important;}
  .touch .hide-for-touch{display:none !important;}
  /* Specific overrides for elements that require something other than display:block */
  table.show-for-xlarge,table.show-for-large,table.hide-for-small,table.hide-for-medium{display:table !important;}
  @media only screen and (max-width:1279px) and (min-width:799px){
  .touch table.hide-for-xlarge,.touch table.hide-for-large,.touch table.hide-for-small,.touch table.show-for-medium{display:table !important;}
}

.active [role="complementary"]{margin-left:0;}
.lt-ie9 [role="complementary"]{width:250px;margin-left:0;float:left;padding:0 15px;}
.lt-ie9 [role="main"]{width:75%; padding:0 15px; }
.lt-ie9 .paneled [role="main"]{width:100%;padding:0;background:#f4f4f4;left:0 !important;}
.lt-ie9 .page-panel{display:block;min-height:799px;float:none;margin:0;width:100%;background:#f4f4f4;}
.lt-ie9 .hide-extras [role="main"]{width:100%; }
.lt-ie9 .hide-extras [role="complementary"]{display:none; }
.lt-ie9 [role="navigation"]#topMenu{display:none; }
 header    img.logo{max-width:30% }

@media only screen and (min-width: 1024px) { .menu-button, .sidebar-button{display:none; }}
@media only screen and (max-width: 1024px) {
dl.menu dd a span{width: 100%}
dl.menu.tabs dd > a {   padding: 5px 0 0 0}
@media only screen and (min-width: 870px) {
a#sidebarButton {display: none}
}
@media only screen and (max-width: 870px) {
.m2016#access {text-align: center}
.m2016 a#sidebarButton {display: block; text-align: right;width: auto;text-decoration: none; text-transform: uppercase;padding-top: 8px;
background: url(/img/sc_2015spliff.png) no-repeat 5% center; background-size: 163px}
.m2016 .menulist {height: auto;max-height: none}
.m2016 .menulist li {display: block;padding:0;margin:0}
.m2016 .menulist li a {border-bottom: 1px solid #888;padding-top: 12px !important;padding-bottom: 12px !important}
.bx-controls {display: none}
.m2016 .menulist li .sub {overflow: hidden;position: relative; opacity: 1;padding:0;top:0;height: 0; transition: height 0.2s ease-in-out 0s;}

.m2016 .menulist li:hover .sub  {padding:0;top:0; margin-top:0}
.m2016 .menulist li.open .sub  {padding:0;top:0; height: auto;}
.m2016 .menulist li li a {border-bottom: 1px solid #555;padding-top: 12px;padding-bottom: 12px}
.m2016 .menulist .sub li.navpost{left: 50%; top: 0;right:0;width: 50%}
.m2016 .sub li.navpost article {padding-bottom:0}
#access {min-height: 47px}
.m2016  .menulist li,
.m2016  .menulist li.homelogo {display: none}
.active .menulist li {display: block}
dl.menu.tabs dd > a { font-size: 0.6em}

}
@media only screen and (max-width: 799px) {
  [role="complementary"]{float:left;  margin-left:-290px;width:auto;z-index:2;}
  .header,.row .row{width:auto}
  #page,.row{min-width:auto !important}
  .mainsection{padding-left:0 !important;padding-right:0 !important}
  header img.noshadow{width:30%}
      table.hide-for-xlarge,table.hide-for-large,table.hide-for-medium,table.show-for-small{display:table !important;        }
     div.topselectbar{height:auto}
 [role="main"]{width:100%;}
 #sidebar{width: 35%}
  .small.logo {display: inline;max-height: 100px;width: auto; margin:0}
 .big.logo {display: none}
}
@media all and (min-width: 799px) { 
  [role="complementary"]{width:250px;margin-left:0;float:left;position:absolute;}
  .paneled [role="main"]{width:100%;padding:0;background:#f4f4f4;left:0 !important;}
  .page-panel{display:block;min-height:799px;float:none;margin:0;width:100%;background:#f4f4f4;}
  .hide-extras [role="main"]{width:100%; }
  .hide-extras [role="complementary"]{display:none; }
  [role="navigation"]#topMenu{display:none; }
   .small.logo {display: none}
 .big.logo {display: inline}
 }
 
@media only screen and (max-width: 576px) {
header.row {display:none}
.menulist li.right {
  float: none;
  overflow: hidden;
  padding: 5px;
}
.menulist li .sub a {color: #111}
 ul.hozmenu{display:none}
 .active .hozmenu{display: block}
 ul.hozmenu.active {display:block}
 header.row {padding-bottom: 3px}
 #sidebar {width: auto;display: block}
.m2016 .sub li.navpost {display: none}
 .active [role="main"]{margin-right:0}
 .addthis_32x32_style{display:none}
 .search{margin-left:-42px;width:auto}
 .search input#inputfield{width:223px }
	.bx-controls {display: none}
 .menu-action{display: block}
 .menu-action a{padding:0.76em}

 dl.tabs{max-width:100%; background-color:#000;  }
 dl.tabs dd{width:11.1%; float:left; }
 #sidebar img{display:none}
 dl.menu.tabs dd a{ text-indent:-1000px; border: none;background-size:content; background-origin:content-box; font-size: 1rem;line-height: 1.8; }
 dl.menu.tabs dd:last-child{display:none}
 dl.menu.tabs dd.current a{border: none; opacity:1; margin-bottom: -2px}
 dl.menu.tabs dd.current a span{background-size: 60px}
 dl.tabs.vertical dd a:hover{ opacity:0.8;background-position: center center }
 dl.menu dd a span{width:100%;display: block;background-repeat: no-repeat;background-color: transparent; height: 47px}
 .active dl.menu.tabs dd a{ text-indent:20px; border-bottom:1px solid #fff; background-size:content; background-origin:content-box; opacity:0.6; max-height:47px;text-align: left;opacity: 0.9 }
.active dl.menu.tabs dd a span {width: 20%;float: left;}
 .active dl.menu.tabs dd {width: auto;float:none}
 .active dl.menu.tabs dd:last-child {display: block}
 .active dl.menu.tabs dd.current a{border-right: none; opacity:1;text-indent: 98px;padding-top: 8px;}
  .active dl.menu.tabs dd.current a span{margin: -8px 0 0 0;width: 18%;right: 5px;top:3px}
 [role="complementary"]{float:none; margin-left:0 }
     
}  

dl.menu dd a.good_life_map {background-image:url("/img/menu/icons/map.png");background-repeat: no-repeat }
@media only screen and (max-width: 467px) {
  dl.menu.tabs dd a{border:none;    max-height:47px;    height:46px; }
  dl.menu.tabs dd.current a{ border: none;position: relative;overflow: visible }
  dl.menu.tabs dd.current a span{     width: 140%;
    overflow: hidden;
    position: absolute;
    z-index: 100;
    height: 145%;
    background-size: cover;
		background-position: center -2px;
    margin-left: -20%;
    margin-top: -20%; }
}          

@media only screen and (max-width: 399px) {
  dl.menu.tabs dd a{border:2px solid transparent;        max-height:unset;  }
  dl.tabs dd{width:11.1%;      float:left;       }
  .region.right {position: absolute; top: 43px;left: 2px;}
  .region.right .btn {max-width: 140px}
}