/* CSS Document */
@import "contrast.min.css";
html {
    -webkit-text-size-adjust: none
}
body { min-width:320px; overflow-x:hidden; }



/* cookie message */
#cookie-law {
	display: none;
	position: fixed;
	z-index: 1005; 
	right:0;
	bottom: 0;
	left: 0;
	box-sizing:border-box;
}
.showCookie#cookie-law {
	-webkit-animation: bounceInUp 1s;
	-moz-animation: bounceInUp 1s;
	-ms-animation: bounceInUp 1s;
	-o-animation: bounceInUp 1s;
	animation: bounceInUp 1s;
}
.hideCookie#cookie-law {
	border:0px;
	-webkit-animation: bounceOutDown 1s;
	-moz-animation: bounceOutDown 1s;
	-ms-animation: bounceOutDown 1s;
	-o-animation: bounceOutDown 1s;
	animation: bounceOutDown 1s;
}
#cookie-law a { text-decoration:underline; }
#cookie-law button { 
	background:none;
}
#cookie-law button span.tick { 
	display:inline-block; 
	vertical-align:bottom; 
	margin-right:10px;
	width:16px; 
	height:16px;
	background-image:url(../graphics/tick-white.png);
	background-size:contain; 
	background-repeat:no-repeat; 
	background-position:center top;
}
#cookie-law button:hover span.tick,
#cookie-law button:focus span.tick { 
	background-image:url(../graphics/tick-dark.png);
}


#cookie-law p {
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
}
@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}


@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}


/* access bar */
#accessbar {
    width: auto;
    height: 1px;
    position: relative;
    padding: 0;
    margin: -1px 0 0
}
#accessbar li {
    position: absolute;
    display: block;
    margin: 0;
    padding: 0;
    height: 1px;
    z-index: 1001
}
body a.skip_content {
    position: absolute;
    top: 0;
    left: -1000px;
    background: #FFBF47!important;
    color: #000!important;
    padding: 10px;
    white-space: nowrap;
    border-radius: 0 0 5px 0!important
}
body .skip_content:active,
body .skip_content:focus {
    left: 1px;
    top: 1px;
    text-decoration: underline;
    background: #FFBF47!important
}
.skip_content:hover {
    text-decoration: none
}
/* no script tag - see theme  */

/* non semantic helper classes */
.relative {
    position: relative!important
}
.minus0 { z-index:0 }
.bottom0 { }

.absolute {
    position: absolute!important
}


.noMargin {
    margin: 0!important
}
.noTopMargin {
    margin-top: 0!important
}
.noBottomMargin {
    margin-bottom: 0!important
}
.noRightMargin {
    margin-right: 0!important
}
.noLeftMargin {
    margin-left: 0!important
}
.noSideMargins {  
	margin-right: 0!important; 
	margin-left: 0!important
}




.marginAll { 
	margin: 1.125rem 1.125rem 1.125rem 1.125rem!important
}
.marginTop {
    margin-top: 1.125rem!important
}
.marginTopLarge {
    margin-top: 2.25rem!important
}
.marginTopSmall {
    margin-top: 0.625rem!important
}
.marginRight {
    margin-right: 1.125rem!important
}
.marginRightLarge {
    margin-right: 1.125rem!important
}


.marginBottom {
    margin-bottom: 1.125rem!important
}
.marginBottomLarge {
    margin-bottom: 2.25rem!important
}
.marginBottomSmallest {
    margin-bottom: 0.625rem!important
}


.noPadding {
    padding: 0!important
}
.noTopPadding {
    padding-top: 0!important
}
.noBottomPadding {
    padding-bottom: 0!important
}




.paddingAll {
    padding: 1.125rem 1.125rem 1.125rem 1.125rem!important
}
.paddingSmallestAll {
    padding: 0.625rem 0.625rem 0.625rem 0.625rem!important
}
.paddingTop {
    padding-top: 1.125rem!important
}
.paddingSmallTop {
    padding-top: 0.625rem!important
}
.paddingBottom {
    padding-bottom: 1.125rem!important
}
.paddingSmallBottom {
    padding-bottom: 0.625rem!important
}
.paddingMediumTop {
    padding-top: .425rem!important
}
.paddingMediumBottom {
    padding-bottom: .425rem!important
}
.paddingLeft {
    padding-left: 1.125rem!important
}
.paddingLeftLarge {
    padding-left: 2.25rem!important
}
.paddingRight {
    padding-right: 1.125rem!important
}
.paddingRight.noPaddingRight-small,
.paddingSmallestAll.noPaddingRight-small { padding-right:0 !important}
.paddingSmallTop-small { padding-top:1.125rem !important; }
.paddingAll.noPaddingTop-small { padding-top:0rem !important; }
.paddingAll.noPaddingBottom-small { padding-bottom:0rem !important; }
.paddingMediumTop-small { padding-top:2.25rem !important; }


.roundedSmallRadius { -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
.roundedMediumRadius { -webkit-border-radius:10px; -moz-border-radius:10px;  border-radius:10px; }
.roundedLargeRadius { -webkit-border-radius:15px; -moz-border-radius:15px;  border-radius:15px; }

.withShadow {
	-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
}



.fullWidth { display:block; width:100%; }


.clear {
    clear: both!important
}

.noOverflow { overflow:hidden; }

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	left: 103px;
	top: 71px;
}

img {
	image-rendering: auto;
	image-rendering: crisp-edges;
	image-rendering: pixelated;
	-ms-interpolation-mode: nearest-neighbor;
}


/* trun off efault border radius in IOS the safe way so Chrome does not get affected */
input:not([type="radio"]):not([type="checkbox"]) {
    -webkit-appearance: none;
    border-radius: 0;
}

/* focussed form elements */
input:not([type]):focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="color"]:focus,
textarea:focus,
input.sync_sent_highlighted,
select:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
    background: #fff;
    border-color: #999;
    outline-width: 3px;
    outline-style: solid;
    outline-color: #ffbf47
}

a:focus,
.bx-wrapper .bx-controls-auto .bx-start:focus,
.bx-wrapper .bx-controls-auto .bx-stop:focus,
.sidebar a:focus .value .valueTitle,
.displayOptions a:focus,
.contrast:focus,
.buttonSquare:focus,
input.button:focus,
.button:focus,
.FormButton:focus,
button:focus,
button:focus span.icon,
.headerLink.trigger.active:focus,
.button.hollow:focus,
.button.toggler.active:focus,
.featuredNewsCol figcaption a:focus,
#cookie-law button:focus,
.callout .close-button:focus {
    outline-color: #ffbf47;
    background-color: #ffbf47!important;
    color: #000!important;
	text-shadow: none !important;
}
#news-pager a.active:focus:after {
	border-right-color: #FFBF47 !important; 
}



/* layout decor */
.withMidLine { background-image:none; background-repeat:repeat-y; background-position:center }
.border-top { border-top:1px solid #ccc }
.colorAlt { color:#ccc !important}
.border-bottom { border-bottom:1px solid #ccc }
.borderAlt { border-color:#39F !important}
.bgColorAlt { background-color:#F5F5F5}
.sidebar section { margin-bottom: 1.125rem!important; }
/**/


@-webkit-keyframes pulse {
	0% { -webkit-transform: scale(1); }	
	50% { -webkit-transform: scale(1.1); }
	100% { -webkit-transform: scale(1); }
}
@-moz-keyframes pulse {
	0% { -moz-transform: scale(1); }	
	50% { -moz-transform: scale(1.1); }
	100% { -moz-transform: scale(1); }
}
@-ms-keyframes pulse {
	0% { -ms-transform: scale(1); }	
	50% { -ms-transform: scale(1.1); }
	100% { -ms-transform: scale(1); }
}
@-o-keyframes pulse {
	0% { -o-transform: scale(1); }	
	50% { -o-transform: scale(1.1); }
	100% { -o-transform: scale(1); }
}
@keyframes pulse {
	0% { transform: scale(1); }	
	50% { transform: scale(1.1); }
	100% { transform: scale(1); }
}
.pulse {
	-webkit-animation-name: pulse 1s linear;
	-moz-animation-name: pulse;
	-ms-animation-name: pulse;
	-o-animation-name: pulse;
	animation-name: pulse;
}




/* home page alerts */
.serviceMessages .row:first-of-type .callout { margin-top:20px;}
.serviceMessages .callout a:last-of-type { text-decoration:underline; color:#000 }
.serviceMessages .callout a:hover { text-decoration:none}



/* icons based buttons */
.signButtons h1 {}
.signButtons.topTasks {}
.signButtons .row .columns .row .columns { margin-bottom:0 !important}
.signButtons.topTasks a .buttonText { padding-right:10px; padding-left:10px;}


.buttonPanel { text-align:center; }
.buttonPanel a { background-color:; display:block; padding:10px 0; text-decoration:none !important; }
.signButtons .buttonPanel a .icon { height: 95px; }
.signButtons a .icon {
	background-image:url(../testvalley/html/graphics/signIcons/signIcon.png);
	background-position-x: center;
	background-position-y: center;
	background-repeat: no-repeat;
	background-size: contain;
	display: block;
}


.buttonPanel .icon,
.buttonPanel .buttonText { display:block; }
.buttonPanel .buttonText { padding-top:5px; }

/* service page service nav */
.signButtons.serviceNodes { text-align:center }


/* service category toggle panels */
.serviceCategory.trigger {
	position: relative;
}
.serviceCategory.trigger.active:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-bottom-color:#ffffff;
	border-width: 15px;
	margin-left: -15px;
	margin-top:-10px;
}

/* sign posts */
.signPost { display:block}
.signPost  span { display:block; hyphens:none }
.signPost .headline { }
.signPost p:last-of-type { margin-bottom:0; }



/*expandedServicePanel*/
.expandedServicePanel { text-align:center; overflow:hidden !important; }
.expandedServicePanel .row { background-color:; padding-top:50px; }

/* set the top padding in the expanded rows so that the close button and title dont hit the top tow of service buttons */
.expandedServicePanel .row .row { padding-top:65px}

.expandedServicePanel a { background-color:;}
.textPanel a { background-color:; display:block; padding:10px 0; text-decoration:none !important; }

.closeServicePanel { 
	display:inline-block; 
	width:40px; 
	height:40px;
	background-image:url(../graphics/icon-cross-dark.png);
	background-repeat:no-repeat;
	background-size:50%;
	background-position:center center;
	position:absolute; 
	right:1.25em;
	top:10px;
	z-index:1;
	}
	.closeServicePanel:focus { background-image:url(../graphics/icon-cross-dark.png); }
.lt-ie9 .closeServicePanel { background-image:url(../graphics/icon-cross-dark-legacy.png); }
.lt-ie9 .closeServicePanel:focus { background-image:url(../graphics/icon-cross-dark-legacy.png); }
	
	


/* buttons */
.button { text-decoration:none !important; hyphens:none !important;}

/* display options */
.displayOptionsExpanded .wrapper {
    padding: 5px 0 ;
    background-color: #E9ECEE;
    color: #000
}
.no-js .displayOptionsExpanded {
    display: block!important
}
.preview {
    display: block;
	width:100%;
    height: 45px;
    border: 1px solid #ccc;
    border-radius: 3px;
    background-color: #FFF;
    margin-top: 15px;
	overflow:hidden
}

.preview p {
    margin: 0;
    padding: 0;
    line-height: 45px;
	position:relative;
	display:block;
}

.preview p span {
    vertical-align: central;
    display: block;
    float: left;
    line-height: 45px;
	box-sizing:border-box;
}

.preview p {
    display: block;
    padding: 0;
    margin: 0
}

.preview p .viewLabel {
    color: #333;
    text-transform: uppercase;
    font-size: 12px!important;
    padding: 0 10px;
    min-width: 20%;
	border-right:1px solid #ccc;
	text-align:center
}

.preview p .view {
    padding: 0 10px;
    width: 80%;
    height: 43px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    overflow: hidden;
    color: #000;
    line-height: 45px!important;
    font-size: 18px;
}

.preview.contrastActive p .view {
    background-color: #000;
    color: #ff0
}

.preview.contrastActive.contrast p .view,
.preview.contrast p .view {
    background-color: #000!important;
    color: #ff0
}

.preview.normal p .view {
    background-color: #fff!important;
    color: #000
}

.preview.big p .view {
    font-size: 24px!important
}

.preview.regular p .view {
    font-size: 18px!important;
    background-color: #0F9
}
.fontOptions { display:inline-block}
.fontOptions a {
    display: inline-block;
    border-radius: 3px;
    border: 1px solid #2ba6cb;
    color: #333;
    text-align: center;
    margin-left: 5px;
	position: relative;
}

.fontOptions a.regular {
    width: 35px;
    height: 35px;
    line-height: 35px;
    margin-top: 10px;
    font-size: 18px!important
}

.fontOptions a.focus,
.fontOptions a.active {
    border: 1px solid #2ba6cb;
    box-shadow: inset 0 0 1px #2ba6cb;
    color: #000
}

.fontOptions a:hover,
.fontOptions a.active:hover {
    border: 1px solid #258faf;
    box-shadow: inset 0 0 1px #258faf
}

.fontOptions a.contrast,
.fontOptions a.contrast.focus,
.fontOptions a.contrast:hover {
    border: 1px solid #0FF;
    box-shadow: inset 0 0 1px #0FF
}

.fontOptions .grid a.contrast.focus,
.fontOptions .grid a.contrast:hover { background-color:#0ccbce !important; color:#000 !important }


/* new arrow shows active option */
	
	.fontOptions a.active:after, 
	.fontOptions a.active:before {
		bottom: 100%;
		margin-bottom:-14px;
		left: 50%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		}
		.fontOptions a.regular.active:after, 
		.fontOptions a.regular.active:before {margin-bottom:-2px;}
	
	.fontOptions a.active:after {
		border-color: rgba(51, 51, 51, 0);
		border-top-color: #333;
		border-width: 15px;
		margin-left: -15px;
		margin-bottom:-12px;
	}


.fontOptions a.big {
    width: 45px;
    height: 45px;
    line-height: 45px;
    font-size: 24px
}

.fontOptions a span.sync_word_highlighted {
    background-color: #0FF!important
}

.fontOptions ul {
    list-style-type: none;
    margin: 10px;
	display:inline-block
}

.fontOptions ul li {
    display: inline;
    float: left
}

.fontOptions ul li a {
    vertical-align: baseline
}

.fontOptions .contrast {
    background-color: #333;
    border-color: #333;
    color: #FF0!important
}

.fontOptions .normal {
    background-color: #fff;
    color: #000!important
}

/* display options link */
.accessLink {
    padding: 0 20px;
    position: absolute;
    right: 0;
    border-top-right-radius: 0!important;
    border-bottom-right-radius: 0!important;
    border-top-left-radius: 0!important
}

.accessLink:after {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(0, 0, 0, 0);
    border-bottom-color: #256F8A;
    border-width: 15px;
    margin-left: -15px
}
.accessLink:focus:after {
    border-bottom-color: #FFBF47
}


/* generic header furniture */
.accessLink { 
	position:absolute; 
	right:0;
}
.headerHeight {
	min-height: 60px;
	height: 60px;
	box-sizing:border-box
	/*padding-top: 20px;*/
}
/* heights adjusted here */
.headerSearch,
.headerMenu { margin-top:;}
#header .headerLink.loginTrigger { position:relative; z-index:2; }

.inputSearch { 
	position:absolute; 
	padding-right:3.4375rem;
}
.headerHeight .button { 
	right:0; 
	height: 2.4375rem; 
	width: 2.4375rem;
}
.headerLink { 
	display:block; 
	text-align:center
}

/* sticking header module */
.stickyHeader { 
	width:100%; 	
}

/* mobile header */
.smallViewport .logo,
.smallViewport .icon {
	display:block; 
	height:44px; 
}
.smallViewport .logo { 
	background-image:;
	background-repeat:no-repeat;
	background-size:;
	background-position:;
}
.smallViewport .icon { 
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center center;
	
	transition-property: opacity;
  	transition-duration: 0.2s;
  	transition-timing-function: ease-out;
  	transition-delay: 0.2s;
	}
	.smallViewport .icon.icn-search { background-image:url(../graphics/icon-search.png)}
	.smallViewport .icon.icn-location { background-image:url(../graphics/icon-location.png)}
	.smallViewport .icon.icn-user { background-image:url(../graphics/icon-user.png); }
	.smallViewport .icon.icn-menu { background-image:url(../graphics/icon-menu.png)}
	.smallViewport .icon.icn-phone { background-image:url(../graphics/icon-phone.png)}
	
	.smallViewport nav a { display:block; }
	.smallViewport a.active { background-color:#FFF; }
	
	.smallViewport a:focus .icon.icn-search,
	.smallViewport a.active .icon.icn-search  { background-image:url(../graphics/icon-search-focus.png)}
	
	.smallViewport a:focus .icon.icn-location,
	.smallViewport a.active .icon.icn-location  { background-image:url(../graphics/icon-location-focus.png)}
	
	.smallViewport a:focus .icon.icn-user,
	.smallViewport a.active .icon.icn-user { background-image:url(../graphics/icon-user-focus.png)}
	
	.smallViewport a:focus .icon.icn-menu,
	.smallViewport a.active .icon.icn-menu { background-image:url(../graphics/icon-menu-focus.png)}
	
	.smallViewport a:focus .icon.icn-phone,
	.smallViewport a.active .icon.icn-phone { background-image:url(../graphics/icon-phone-focus.png)}
	
	.smallViewport a:hover .icon { opacity:0.6; filter: alpha(opacity=60); }
	.smallViewport a:focus:hover .icon { opacity:1; filter: alpha(opacity=100); }

.mobileTogglePanel { 
	display:block;
	box-sizing:border-box;
	background-color:#fff !important;
	color:#000 !important;
	width:100%; 
	padding:20px 0.625rem;  
	
	-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.4);
	box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.4);
}
.mobileTogglePanel form { position:relative !important; min-height:40px; }
.mobileTogglePanel input[type="search"] { height:40px; }
.mobileTogglePanel p,
.mobileTogglePanel .button { line-height:normal !important; }
.mobileTogglePanel .button:last-of-type { margin-bottom:0 !important; }
.mobileTogglePanel form .button { position:absolute !important; right:0; top:0px; width:40px; height:40px; padding:0 0 0 0; }



.desktopTogglePanel { 
	display:block;
	box-sizing:border-box;
	background-color:#fff !important;
	color:#000 !important;
	width:100%; 
	padding:10px 0.625rem;
	z-index:1;
	right:0;
	
	-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.4);
	box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.4);
}
.desktopTogglePanel p,
.desktopTogglePanel .button { line-height:normal !important; }
.desktopTogglePanel .button:last-of-type { margin-bottom:0 !important; }

/* login register panel on mdium and up viewports */
#memberPanel { text-align:center; }
#memberPanel .button { display:block !important; width:100% !important; line-height:normal !important; height:auto !important  }
#memberPanel .note p { margin:0 !important; }
#memberPanel .note span { display:block; margin:10px 0 }


/* login register panel on small viewports */
#myCouncil { text-align:center; }
#myCouncil .button { display:block !important; width:100%; }
#myCouncil .note p { margin:0 !important; }
#myCouncil .note span { display:block; margin:10px 0 }











/* breadcrumbs */
.breadcrumb {
	display:block !important;
    border: none;
    background: #f3f3f3;
	border-bottom:;
}
.breadcrumb ul {
    margin: 5px 0;
	list-style-type:none; 
}

.breadcrumb ul a:hover {
    text-decoration: none
}

.breadcrumb ul a,
.breadcrumb ul span {
    text-transform: none;
    text-decoration: none;
    font-size: .875rem;
    color: #000!important;
    padding: 0;
    vertical-align: baseline;
    line-height: normal
}

.breadcrumb ul a:hover {
    opacity: .7
}

.breadcrumb ul a:after {
    content: "/";
    margin-right: 1.375rem;
	margin-left: 1.375rem;
    color: #666
}

.breadcrumb ul li {
    margin-left: 0rem;
	padding:5px 0;
}
.breadcrumb ul li:first-of-type { margin-left:0 !important}

.breadcrumb .row {
    padding-top: 0;
    padding-bottom: 0
}

.breadcrumb ul li:last-of-type a:after {
    display: none
}


/* inline list */
.inline-list {
  list-style: none;
  margin-top: 0;
  margin-bottom: 1.0625rem;
  margin-left: -1.375rem;
  margin-right: 0;
  overflow: hidden;
  padding: 0; }
  .inline-list > li {
    display: block;
    float: left;
    list-style: none;
    margin-left: 1.375rem;
		 }
    .inline-list > li > * {
      display: block; }
	  
/* menu list */
.menu-list {
	list-style: none;
	margin-top: 0;
	margin-left: 0;
	overflow: hidden;
	padding: 0;
}
  .menu-list > li { margin-bottom:1rem;} 

/* a to z footer */
.azNav {
	padding-left:0;
	width:100%;
	font-size:0;
	display:block;
}
.azNav ul { margin-left:0; margin-bottom:0; }
.azNav li {
	display:inline;
	margin:0;
	width:3.7%;
	text-align:center;
}
.azNav li a {
	padding:10px;
	box-sizing:border-box;
	margin:0 5px 20px 0;
	text-decoration:none;
	text-transform:capitalize;
	font-size:1rem;
	margin:0 5px 16px 5px;
	display:inline-block;
	line-height:normal;
	}
.azNav li a:hover { }
.azNav li a.active { }

/* banner wallpaper */
figure.bannerWallpaper {
    width: 100%;
    margin: 0 auto;
	overflow:hidden;
	position:relative;
	z-index:0
}
 
figure.bannerWallpaper div.imageWrapper {
    width: 100%;
    padding-bottom: 56.25%; /* set to  16:9 */
    position: relative;
    background: black;
}

 
figure.bannerWallpaper div.imageWrapper.img1by1 { padding-bottom: 100%;}
figure.bannerWallpaper div.imageWrapper.img16by9 { padding-bottom: 56.25%;}
figure.bannerWallpaper div.imageWrapper.img4by3 { padding-bottom: 75%;}
figure.bannerWallpaper div.imageWrapper.img3by2 { padding-bottom: 66.66%;}
figure.bannerWallpaper div.imageWrapper.img8by5 { padding-bottom: 62.5%;}
 
figure.bannerWallpaper div.imageWrapper > img {
    position: absolute;
    top: 0; 
	bottom: 0; 
	left: 0; 
	right: 0;
    color: white;
    font-size: 24px;
    text-align: center;
}
figure.bannerWallpaper div.imageWrapper > figcaption { 
	position:absolute; 
	display:block; 
	margin:0% auto 0 auto;
	
	padding:20px;
	z-index:1;
	top:50%;
	right:0%;
	left:0%;
	text-align:center;
	margin-top:-58px;
	background-image:url(../graphics/black-opcaity-50percent.png);
}
figure.bannerWallpaper div.imageWrapper > figcaption p { margin-bottom:0 !important; color:#FFF; text-shadow: 0px 1px 2px rgba(0, 0, 0, 1); font-weight:bolder; font-size: 4vmin; }



div.bannerWallpaper { 
	width:100%;
	height:33vh;
	background-repeat:no-repeat; 
	background-size:cover; 
	background-position:center center;
	}
	/*div.bannerWallpaper.smallHeight { height:33vh; }
	div.bannerWallpaper.mediumHeight { height:50vh; }
	div.bannerWallpaper.largeHeight { height:66vh; }*/
	
	div.bannerWallpaper.smallHeight,
	div.bannerWallpaper.mediumHeight,
	div.bannerWallpaper.largeHeight { height:33vh; }


div.bannerWallpaper .row { position:relative; top:50%}

div.bannerWallpaper p.h1  {
	display:block; 
	margin:0 auto 0 auto;
	
	padding:20px;
	z-index:1;
	
	text-align:center;
	margin-top:-58px;
	background-image:url(../graphics/black-opcaity-50percent.png);
	
	color:#FFF; 
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 1); 
	font-weight:bolder; 
	font-size: 4vmin;
}
figure.bannerWallpaper p.h1 small,
div.bannerWallpaper p.h1 small { color:inherit; display:block; padding:20px 0; font-size: 18px;}






/* promo */
a.promo { display:block; text-decoration:none !important; margin-bottom:20px; padding-bottom:20px; }
.promo .promoText { padding:10px 10px 0 10px; }
.promo .callout { clear:both }
.promo p:last-of-type,
.promo time:last-of-type { margin-bottom:0 !important}

.promo .promoText p span,
.promo .promoText p time { margin-bottom:10px; }
.promo .promoText p span { display:inline-block; hyphens:none; }
.promo .promoText p time { display:block; margin-bottom:0px; }
.promo .promoText p .headline { font-weight:bold; display:block; line-height:normal !important }
a.promo:hover p .headline { text-decoration:underline !important}

.promo .promoText .abstract,
.promo .promoText .published { color:#000; }
.promo .promoText .published { font-size:0.85rem; font-weight:900; color:#999; }
.promo:focus .promoText .published { color:#000}

/*

56.25%;= 16:9 	
75% = 4:3
66.66% = 3:2
62.5% = 8:5

*/

.card-image-overflow {
	display:block;
	overflow:hidden; 
	position:relative; 
	background-color:#444444;
	padding-bottom: 75%; /* set default to 4:3 */	
}
.card-image-overflow.img1by1 {padding-bottom: 100%;}
.card-image-overflow.img16by9 {padding-bottom: 56.25%;}
.card-image-overflow.img4by3 {padding-bottom: 75%;}
.card-image-overflow.img3by2 {padding-bottom: 66.66%;}
.card-image-overflow.img8by5 {padding-bottom: 62.5%;}


img.card-image {
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	display:block;
	width:100%;
	min-height:inherit;
	position: absolute;
    top: 0; 
	bottom: 0; 
	left: 0; 
	right: 0;
}
/* promo image effects */
.card-image.withZoom {
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1);
	-webkit-transition:-webkit-transform .35s;
	-moz-transition:-moz-transform .35s;
	transition:transform .35s;
}
a:hover .card-image.withZoom,
a:focus .card-image.withZoom,
div.promo:hover .card-image.withZoom,
div.promo:focus .card-image.withZoom {
	-webkit-transform:scale(1.12);
	-moz-transform:scale(1.12);
	-ms-transform:scale(1.12);
	-o-transform:scale(1.12);
	transform:scale(1.12)
}




/* content publishing */
.content .subHeading { color:#666 !important}
.content {}
.content .info {
	background: #ddf4fc;
	text-align: center;
	padding:1.25em;
	margin-bottom:1.25em;
}
.content .info p:last-of-type { margin-bottom:0;}

/* general content publishing */


/* images */
.content figcaption p,
.content figcaption {
	
}
.contentImg.right {
    margin: 1.5em 0 2em 0;
	clear:left
}
.contentImg.left {
    margin: 1.5em 0 2em 0;
	clear:right
}
.contentImg {
    width: 100%
}
.contentImg img {
    margin-bottom: 10px;
	width:100%;
}
.contentImg.center {
    margin: 1.5em auto 2em;
    width: 100%;
    text-align: center
}


/* task button inside publishing */
.taskAction { width:100%; text-transform:none !important; }
.button.taskAction { }
.button.taskAction:hover {  }


/* tables in publishing */
table.table {
    table-layout: fixed!important;
	width:100%;
	margin:40px auto;
}
table.table p {
        font-size: .675rem!important;
		margin-bottom:0
}
table.table tr th,
table.table tr td {
	padding: .5625rem .325rem;
	font-size: .575rem!important;
	width: auto !important
}
table.table p {
	font-size: .675rem!important
}
.content a {
	/* Careful, this breaks the word wherever it is without a hyphen */
	overflow-wrap: break-word;
	word-wrap: break-word;
	
	/* Adds a hyphen where the word breaks */
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}




/* bx slider */
ul.bxslider { margin-left:0 !important }

/* bxslider */
.bx-wrapper {
	position: relative;
	margin:0 0 0 0;
	padding: 0;
	*zoom: 1;
}
.bx-wrapper img {
	max-width: 100%;
	display: block;
}
.main .bx-wrapper img {
	width:100%;
}
.bx-wrapper .bx-viewport {
	left: 0;
	background: #fff;
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0);
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -50px;
	width: 100%;
}
.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(../graphics/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}
.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #333;
	padding-top: 20px;
}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666666;
	text-indent: -9999px;
	display: block;
	width: 30px;
	height: 30px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	/*background: #000;*/
}
.bx-wrapper .bx-prev {
	left: 10px;
	background: url(../graphics/controls.png) no-repeat 0 -32px;
}
.bx-wrapper .bx-next {
	right: 10px;
	background: url(../graphics/controls.png) no-repeat -43px -32px;
}
.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}
.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9;
}
	.campaignSlides .bx-wrapper .bx-controls-direction a { 
		width: 60px;
		height: 60px;
		margin-top: -80px;
		}
		.campaignSlides .bx-wrapper .bx-controls-direction a { margin-top: -80px;}

.campaignSlides .bx-wrapper .bx-prev {
	left: 10px;
	background:url(../graphics/bigSliderArrows.png) no-repeat;
}
.campaignSlides .bx-wrapper .bx-next {
	right: 10px;
	background:url(../graphics/bigSliderArrows.png) -60px 0px;
}

.campaignSlides .bx-wrapper .bx-prev:focus {
	left: 10px;
	background:url(../graphics/bigSliderArrows-focus.png) no-repeat;
}
.campaignSlides .bx-wrapper .bx-next:focus {
	right: 10px;
	background:url(../graphics/bigSliderArrows-focus.png) -60px 0px;
}


.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}
.bx-wrapper .bx-controls-auto {
	text-align: center;
	height: 40px;
	width:40px;
	/*background-color:#608A29;*/
	background-color:transparent; 
	background-image:url(../graphics/buttonRoundBG.png);
	color:#000;
	border-radius:25px;
	top: 13px;
	right: 25px;
	z-index: 9998;
	cursor: pointer;
	}
	.bx-wrapper .bx-controls-auto:hover { background-image:url(../graphics/buttonRoundBG-hover.png); }
.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	outline: 0;
	width:40px;
	height:40px;
	background-image:url(../graphics/play-slider.png);
	background-size:22px 22px;
	background-position:center center;
	background-repeat:no-repeat;
	color:#FFF;
	}
	.lt-ie9 .bx-wrapper .bx-controls-auto .bx-start {
		background-image:url(../graphics/play-slider-legacy.png);
	}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	outline: 0;
	width:40px;
	height:40px;
	background-image:url(../graphics/pause-slider.png);
	background-size:22px 22px;
	background-position:center center;
	background-repeat:no-repeat;
	color:#FFF;
	}
	.lt-ie9 .bx-wrapper .bx-controls-auto .bx-stop {
		background-image:url(../graphics/pause-slider-legacy.png);
	}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start:focus,
.bx-wrapper .bx-controls-auto .bx-stop:focus { opacity:1 }

.bx-wrapper .bx-controls-auto .bx-start.active ,
.bx-wrapper .bx-controls-auto .bx-stop.active { display:none; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;

	width: 100%;
	text-align:center
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}



/* galleries in general publishing */
.galleryThumbs { }
.galleryThumbs .bxslider { }

.galleryThumb .bx-wrapper img { width:100% !important; }
.galleryThumbs .row:first-of-type { padding-top:3em !important; padding-bottom:0 !important}
.galleryThumbs a { float:left; }
.galleryThumbs a span {
	display:block;
	padding: ;
	border:;
	height:218px;
	width:100%;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat !important;
	margin:.625rem 0
}
.withSidebarRight .galleryThumbs a span { height:139px; }

.galleryThumbs a:hover span,
.galleryThumbs a.active span {
	border:;
}


/* IMAGE CAPTIONS */

.galleryThumbs .bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #333 !important;
	width: 100%;
}

.galleryThumbs .bx-wrapper .bx-caption span {
	color: #fff;
	display: block;
	font-size: 1em;
	padding: .625rem;
}
.bx-wrapper .bx-caption span {}




/* Panels */
.panel {
  margin-bottom: 1.25rem;
  padding: 1.25rem;
  background: #fff !important;
  color: #333333; }
  .panel > :first-child {
    margin-top: 0; }
  .panel > :last-child {
    margin-bottom: 0; }
  .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .panel p, .panel li, .panel dl {
    color: #333333; }
  .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6 {
    line-height: 1;
    margin-bottom: 0.625rem; }
    .panel h1.subheader, .panel h2.subheader, .panel h3.subheader, .panel h4.subheader, .panel h5.subheader, .panel h6.subheader {
      line-height: 1.4; }
  .panel.callout {
    border-style: solid;
    border-width: 1px;
    border-color: #d8d8d8;
    margin-bottom: 1.25rem;
    padding: 1.25rem;
    background: #f2fafc;
    color: #333333; }
    .panel.callout > :first-child {
      margin-top: 0; }
    .panel.callout > :last-child {
      margin-bottom: 0; }
    .panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6, .panel.callout p, .panel.callout li, .panel.callout dl {
      color: #333333; }
    .panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6 {
      line-height: 1;
      margin-bottom: 0.625rem; }
      .panel.callout h1.subheader, .panel.callout h2.subheader, .panel.callout h3.subheader, .panel.callout h4.subheader, .panel.callout h5.subheader, .panel.callout h6.subheader {
        line-height: 1.4; }
    .panel.callout a:not(.button) {
      color: #2ba6cb; }
      .panel.callout a:not(.button):hover, .panel.callout a:not(.button):focus {
        color: #258faf; }
  .panel.radius {
    border-radius: 3px; }




/* home page news */
.featuredNewsCol,
.featuredNewsNavCol,
.newsFeature  .item { }

.newsFeature { position:relative; z-index:1}
#news-pager a { height:;}



.featuredNewsCol,
.featuredNewsNavCol { display:block; float:left }
/* tabbed news nav */
.featuredNewsCol { width:100% }
.featuredNewsNavCol { display:none }

.newsFeature .item { background-size:cover !important; background-position:center center; background-repeat:no-repeat }
.newsFeature .item figure { height:inherit; margin:0 0 0 0 !important; }

.featuredNewsCol figure { position:relative; }
.featuredNewsCol figure img { opacity:0; }

.featuredNewsCol figcaption { 
	display:block;
	position:absolute; 
	z-index:1; 
	right:0;
	bottom:0;
	left:0;
	text-align:center;
	color:#FFF;
	
}
.featuredNewsCol figcaption,
.campaignSlides figcaption { background-color:#333; }
.featuredNewsCol figcaption.black80,
.featuredNewsCol figcaption.black65,
.campaignSlides figcaption {  }
.featuredNewsCol figcaption.black80,
.campaignSlides figcaption.black80 { background-color:transparent; background-image:url(../graphics/black80.png); }
.featuredNewsCol figcaption.black65,
.campaignSlides figcaption.black65 { background-color:transparent; background-image:url(../graphics/black65.png); }






.featuredNewsCol img { width:100%; height:100%; display:none; }

/* news feature */
.featuredNewsCol figcaption .h1 { font-size: 3.848vmin; display:inline-block; margin-bottom:5px;}
.featuredNewsCol figcaption p { font-size: 2.925vmin; margin-bottom:0; line-height:normal !important; }
.featuredNewsCol figcaption p > .button { margin-right:0 !important; margin-top:10px;}
	
.featuredNewsCol figcaption p .abstract { display:inline-block; width:100%; }
.featuredNewsCol figcaption a { display:inline-block; margin-bottom:0 !important; }

#news-pager { margin:0 0 0 0; list-style-type:none; padding:0 0 0 0; }
#news-pager li { margin-left:0;}
#news-pager a { 
	display:table;
	width:100%;
	padding:0; 
	text-decoration:none; 
	position:relative;
	background:;
	color:;
	vertical-align:central
}
#news-pager a span {
	display: table-cell;
  	vertical-align: middle;
	box-sizing:border-box;
	padding:0 20px;
	border-bottom:1px solid;
	}
	#news-pager li:last-of-type a span { border:none; }
#news-pager a:hover,
#news-pager a.active { background-color:;  }
#news-pager a.active { font-style:italic; }
#news-pager a.active:after {
	right: 100%; 
	top: 50%; 
	border: solid transparent; 
	content: " "; 
	height: 0; 
	width: 0; 
	position: absolute; 
	pointer-events: none; 
	border-right-color:; 
	border-width: 10px; 
	margin-top: -10px;
}
.no-js .newsFeature  { background:none }
.noJSmessage { display:none }
.no-js .noJSmessage { display:block }
.no-js .featuredNewsCol { width:100%; float:none }
.no-js .featuredNewsNavCol { display:none }
.no-js .featuredNewsCol .item {display:block; float:left; width:45%; margin:0 2.5% 20px 2.5% }
.no-js .featuredNewsCol figcaption { position:relative; background-image:none; color:; padding-right:0; padding-left:0 }
.no-js .featuredNewsCol figcaption p .abstract { display:block; width:auto; padding-bottom:10px }
.no-js .featuredNewsCol figcaption a { float:none; margin:0 auto }
.no-js #news-pager { display:none }



	.lt-ie9 .featuredNewsCol,
	.lt-ie9 .featuredNewsNavCol,
	.lt-ie9 #newsSlider,
	.lt-ie9 .newsFeature .item { height:386px; }
	.lt-ie9  #news-pager a { height:96.5px; }
	.lt-ie9 .featuredNewsCol figcaption .h1 { font-size:22px; }
	.lt-ie9 .featuredNewsCol figcaption p { font-size: 16px; }



/* home page campaignSlides */
.campaignSlides { display:block }
.campaignSlides.hasPager { margin-bottom:75px !important }
.newsFeature .campaignSlides .item { background-size:cover; background-position:center center; background-repeat:no-repeat }
.newsFeature .campaignSlides .item figure { height:inherit; margin:0 0 0 0 !important }

.campaignSlides { }
.campaignSlides figure { position:relative; }
.campaignSlides figure img { opacity:0; }
.campaignSlides figcaption { 
	display:block;
	position:absolute; 
	z-index:1; 
	right:0;
	bottom:0;
	left:0;
	color:#FFF
}
.campaignSlides img { width:100%; height:100% }

/* campaign slider */
.campaignSlides figcaption p { margin-bottom:0 !important; margin-top:5px;}
.campaignSlides figcaption p { font-size: 3vmin }
.campaignSlides figcaption p.h1 { font-size: 4vmin; line-height:normal; margin-top:0px !important; }



.campaignSlides figcaption p .abstract { display:block; }
.campaignSlides .row { padding:20px 0 0 0 !important; margin:0 !important }
.campaignSlides a.button.small { margin:10px 0 0 0 !important;  }


	.lt-ie9 .campaignSlides,
	.lt-ie9 #campaigns,
	.lt-ie9 .newsFeature .campaignSlides .item { height:440px }
	.lt-ie9 .campaignSlides figcaption .h1 { font-size: 22px }
	.lt-ie9 .campaignSlides figcaption p { font-size: 16px }


/* listing like atoZ */
.listLinks {
    padding-top: 0;
	padding-bottom:0;
	margin-top:0;
	margin-bottom:0;
	padding-left:20px;
	padding-right:20px;
	font-weight:normal !important
}
.listLinks li {
    margin: 1.25rem 0
}
.listLinks li:last-of-type {  margin-bottom:0;}

.listLinks li a::first-letter {
    text-transform: capitalize !important
}
.listLinks li a {
    padding: .625rem;
	display:inline-block;
	vertical-align:middle
}

/* accordion content - see core */
/* anchored content menu */
.anchor-navigation { display:block; }
.anchor-navigation ol { 
	list-style-type:none !important; 
	margin-left:0 !important;
	border-top: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;
}
.anchor-navigation li {
	font-size: 1.75rem;
	color: #000 !important;
	text-decoration:none !important;
	
	display:block;
	border-bottom: 1px solid #e6e6e6;
	padding: 1.25rem 1rem;
}
.anchor-navigation .part-number { 
	display:inline-block; 
	background-color:#F3F3F3; 
	padding:0 15px; 
	box-sizing:border-box; 
	border-radius:30px; 
	color:#333; 
	text-align:center; 
	border:1px solid  #e6e6e6;
}
.anchor-navigation a .part-title { display:block}
.anchor-navigation a:hover .part-title::before {
	content: '↴';
	float:right;
	font-weight:bold
}

.anchor-navigation a:hover { }
.anchor-section {display:block;border:1px solid #e6e6e6; }
.anchor-section .anchor-section-content { padding:1.25rem;  }
.content h2.anchor-section-title { display:block; background-color:#F3F3F3; padding:1.25rem;}
a.anchor { position:relative; top:-60px;}
.anchor-section-back { display:inline-block; float:right; padding:0.625rem 1.25rem; border:1px solid #e6e6e6; border-right:0; border-bottom:0px; }
.anchor-section-back::before {
	content: '⇡';
	float:right;
	font-weight:bold;
}



/* card view for events etc */
.card {}
.card img {
    width: 100%
}
.card .cardWrap {
    border: ;
}

.promoText.lineTop {
    border-top: ;
	}
	.lt-ie9 .card .cardWrap {
		padding: 20px
	}
.card figure {
    margin: 0!important
}
.card figure figcaption {
    padding: .625rem;
    border-bottom: ;
}
.card.listCard figure figcaption {
    border-bottom: 0;
    text-align: center
}
.card .promoText {
    margin: 0!important;
    padding: .625rem;
}
.card .promoText p:last-of-type {
    margin-bottom: .625rem!important
}
.card.category-card-nav-item .promoText p.h1,
.card.category-card-nav-item .promoText p.h2,
.card.category-card-nav-item .promoText p.h3,
.card.category-card-nav-item .promoText p.h4 { margin-bottom:0 !important; }
.card .promoText.darkened {
    background-color: ;
    color: ;
}
.card .promoText p.hashTag {
    font-size: .85rem
}
p.hashTag {
    font-style: italic
}
p.hashTag a {
    display: inline-block!important;
    padding: 0;
    margin-right: 1.25rem
}
.cardWrap a { color:; text-decoration:; }
.card .linkColour {
    color: ;
    text-decoration: ;
}
a:hover .linkColour {
    color: ;
    text-decoration: ;
}
a:focus .linkColour {
    color: ;
}
.cardWrap.darkBorder {
    border-color: ;
}






.category-card-image-overflow {
    overflow: hidden
}

.category-card-image {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .35s;
    -moz-transition: -moz-transform .35s;
    transition: transform .35s;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    width: 100%;
    height: 220px;
    background-color: #ededed
	}
	.category-card-nav-item a:hover .category-card-image,
	.category-card-nav-item a:focus .category-card-image {
		-webkit-transform: scale(1.12);
		-moz-transform: scale(1.12);
		-ms-transform: scale(1.12);
		-o-transform: scale(1.12);
		transform: scale(1.12)
	}

.category-card-tint {
    height: 100%;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(circle, #fff, #000)
	}
	.category-card-nav-item a:hover .category-card-tint:after,
	.category-card-nav-item a:focus .category-card-tint:after {
		opacity: .6;
		background-color: #000;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		content: ''
	}

.category-card-hoverText {
    position: absolute;
    bottom: 10px;
    left: 10%;
    right: 10%;
    opacity: 0;
    display: inline-block;
    vertical-align: baseline;
    transform: scale(0);
    transition-property: opacity, -webkit-transform;
    transition-duration: 0.7s, .35s;
    transition-timing-function: ease, ease;
    transition-delay: 0s, 0;
	hyphens:none;
}
.category-card-nav-item a:hover .category-card-hoverText,
.category-card-nav-item a:focus .category-card-hoverText {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    color: #FFF;
    z-index: 1
}
.category-card-nav-item a:focus .promoText.darkened {
    background-color: #FFBF47
}

.details figure img {
    width: 100%
}
.details figure figcaption {
    text-align: center
}


/* content details sections */
.pairLabel { font-weight:; color: ; }
.pairValue {}
.details .labelIcon { width:; height:;}


/* search applicance */
.searchMain { background-color:; height:100px; padding:25px 0; margin-bottom:1.25rem;}
.searchMain input[type="text"] { height:50px; padding-right:70px; padding-left:1.25rem; box-sizing:border-box;}
.searchMain .absolute { left:1.25rem; right:1.25rem;}
.searchMain .button { position:absolute; right:1.25rem; width:50px; height:50px; box-sizing:border-box; padding:0 !important}

	.lt-ie9 .searchMain { margin-bottom:20px;}
	.lt-ie9 .searchMain input[type="text"] { padding-left:20px; box-sizing:border-box;}
	.lt-ie9 .searchMain .absolute { left:20px; right:20px;}
	.lt-ie9 .searchMain .button { right:20px; width:50px;}

.panelDecor {}
.searchSecondary { padding:25px 1.25rem; margin-bottom:1.25rem;  }
	.lt-ie9 .searchSecondary { padding:25px 20px; margin-bottom:120px;  }

.tabLabel { display:inline-block; background-color:#FFF; padding:0.625rem; border:1px solid #ccc; border-bottom-color:#fff; margin-bottom:-1px; position:relative; z-index:1}
	.lt-ie9 .tabLabel { padding:10px; }

#advancedFilters fieldset { margin:0 !important; padding:0 !important; border:none}
#advancedFilters legend { 
	margin:1.25rem 0 0 1.25rem !important; 
	padding:0 !important;
	font-size: 1.6875rem;
	font-weight:400
}
	.lt-ie9 #advancedFilters legend {margin:20px 0 0 20px !important; font-size: 27px; }
	
#advancedFilters .searchSecondary legend.h2,
#advancedFilters .searchSecondary legend.h3,
#advancedFilters .searchSecondary legend.h4,
#advancedFilters .searchSecondary legend.h5 { margin:0 0 10px 0 !important}	
	
#advancedFilters .searchSecondary legend.h2 { 
	font-size: 1.25rem;
}	
#advancedFilters .searchSecondary legend.h3 { 
	font-size: 1.1875rem;
}
#advancedFilters .searchSecondary legend.h4 { 
	font-size: 1.125rem;
}
#advancedFilters .searchSecondary legend.h5 { 
	font-size: 1.0625rem; 
}







.showAdvancedFilters { 
	position:absolute; 
	bottom:-40px; 
	right:0;
	left:0;
	background-color:; 
	height:40px; 
	line-height:40px !important;  
	text-decoration:none !important; 
	padding:0 1.125rem;
	color:#000 !important;
	text-align:right;
	text-transform:capitalize
}
	.lt-ie9 .showAdvancedFilters { padding:0 20px; }
.showAdvancedFilters:focus { border-radius:0 !important}



/* search results */
#searchResults {
    list-style-type: none;
    margin-left: 0!important
}
#searchResults li {
    margin-bottom: 1.25rem;
    margin-left: 0
	}
	.lt-ie9 #searchResults li {
		margin-bottom: 20px
	}
#searchResults li a.linkBlock {
    display: block;
    border: 1px solid;
    border-left-width: ;
    border-color: ;
    padding: 1.25rem!important;
    text-decoration: none;
    color: ;
	}
	.lt-ie9 #searchResults li a.linkBlock {
		padding: 20px!important
	}
#searchResults li a.linkBlock >:first-child {
    margin-top: 0
}
#searchResults li a.linkBlock >:last-child {
    margin-bottom: 0
}
#searchResults li a.linkBlock small {
    color: ;
    display: block;
    margin: .625rem 0
	}
	.lt-ie9 #searchResults li a.linkBlock small {
		margin: 10px 0
	}
#searchResults li a.linkBlock h1,#searchResults li a.linkBlock h2,#searchResults li a.linkBlock h3 {
    color: ;
    text-decoration: underline
}
#searchResults li a.linkBlock:hover h1,#searchResults li a.linkBlock:hover h2,#searchResults li a.linkBlock:hover h3 {
    color: ;
    text-decoration: none
}
#searchResults li a.linkBlock:hover {
    border-color: ;
}
#searchResults li a.linkBlock:focus,
#searchResults li a.linkBlock:focus h1,#searchResults li a.linkBlock:focus h2,#searchResults li a.linkBlock:focus h3,
#searchResults li a.linkBlock:focus small {
    color: #000!important
}


/* results callout */
.resultMessage { 
  padding: 1.25rem;
  background: #B6BF00 !important;
  color: #333333;
  border:1px solid #efefef;
  border-radius:5px;
}
  .resultMessage > :first-child {
    margin-top: 0; }
  .resultMessage > :last-child {
    margin-bottom: 0; }

.resultMessage.negative { 
	background: #f2dede !important;
	border: 1px solid #ebccd1;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}




a.greyButton,
.button.greyButton { 
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7f7f7+0,dadada+100 */
	background: rgb(247,247,247); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(247,247,247,1) 0%, rgba(218,218,218,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,247,247,1)), color-stop(100%,rgba(218,218,218,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(218,218,218,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(218,218,218,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(218,218,218,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(247,247,247,1) 0%,rgba(218,218,218,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#dadada',GradientType=0 ); /* IE6-9 */
	color:#333!important;
	border:1px solid #cbcbcb;
	text-decoration:none !important;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.8);
	transition: all 0.5s ease;
}
a.greyButton:hover,
.button.greyButton:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e8e8e8+0,c1c1c1+100 */
	background: rgb(232,232,232); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(232,232,232,1) 0%, rgba(193,193,193,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(232,232,232,1)), color-stop(100%,rgba(193,193,193,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(232,232,232,1) 0%,rgba(193,193,193,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(232,232,232,1) 0%,rgba(193,193,193,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(232,232,232,1) 0%,rgba(193,193,193,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(232,232,232,1) 0%,rgba(193,193,193,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#c1c1c1',GradientType=0 ); /* IE6-9 */
}

.lt-ie9  a.greyButton { filter:none!important }
a.greyButton.active,
.button.greyButton.active {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e8e8e8+0,c1c1c1+100 */
	background: transparent; /* Old browsers */
	filter:none;
}
a.greyButton.active:hover,
.button.greyButton.active:hover { background: #cbcbcb !important; /* Old browsers */
	filter:none !important;
}


.button.active,
.button.active:hover,
.greyButton.active:hover,
.button.greyButton.active:hover { background: transparent; background-color:#fff !important; filter:none; border:1px solid #ccc; color:#333 !important }


/* dynamic filtering */
a.filter-tag-button { 
	display:inline-block; 
	margin-right:10px;
	padding: 7px 10px;
	vertical-align: text-bottom;
	line-height: 12px;
	font-size: 12px;
	font-weight: 400;
	text-align: center;
	border-radius: 10px;
	border:1px solid #CBCBCB;
	text-decoration:none !important;
	font-size:.85em;
}
.ico-cross {
	display: inline-block;
  	vertical-align: text-bottom;
	width:16px;
	height:16px;
	background-image:url(../graphics/icon-cross-dark.png);
	background-size:75%;
	background-repeat:no-repeat;
	background-position:center center;
}


/* pagination */
/* Pagination centred wrapper */
.pagination-centered {
  text-align: center; }
  .pagination-centered ul.pagination li {
    display: inline-block;
    float: none; 
}
/* resret the .button class so it works with and without the standard greybutton class */
ul.pagination li {  margin-bottom: 1.125rem!important}
ul.pagination li a,
ul.pagination li .button {
    color: #0a0a0a;
    display: inline-block;
	line-height:inherit !important;
    border-radius: 0px;
	margin:0 !important;
	vertical-align:bottom !important;
	text-transform:none;
}

.lt-ie9 ul.pagination li a { padding:10px;}
.pagination .current { padding:0; }

/* ribbons */
.ribbonWrap {
    position: relative
}

.ribbon-wrapper-large {
    width: 85px;
    height: 88px;
    overflow: hidden;
    position: absolute;
    z-index: 4;
    top: -3px;
    right: -3px
}

.ribbon-wrapper-large.leftRibbon {
    right: 0;
    left: -6px
}

.mediaStore .ribbon-wrapper-large.leftRibbon {
    right: 0;
    left: 0
}

.ribbon-wrapper-small {
    width: 48px;
    height: 50px;
    overflow: hidden;
    position: absolute;
    z-index: 4;
    top: -3px;
    right: -3px
}

.ribbon {
    text-align: center;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    position: relative
}

.leftRibbon .ribbon {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg)
}

.ribbon-wrapper-large .ribbon {
    font: bold 12px Sans-Serif;
    padding: 7px 0;
    left: -5px;
    top: 17px;
    width: 120px
}

.ribbon-wrapper-large.leftRibbon .ribbon {
    left: -26px
}

.ribbon-wrapper-small .ribbon {
    font: bold 8px Sans-Serif;
    padding: 4px 0;
    left: -5px;
    top: 8px;
    width: 70px
}

.ribbon {
    -webkit-text-shadow: rgba(0, 0, 0, 0.55) 0 1px 1px;
    -moz-text-shadow: rgba(0, 0, 0, 0.55) 0 1px 1px;
    text-shadow: rgba(0, 0, 0, 0.55) 0 1px 1px;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    color: #FFF
}

.ribbon:before,
.ribbon:after {
    content: "";
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    position: absolute;
    bottom: -4px
}

.ribbon.positive {
    background-color: #B6BF00;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#c4ce01), to(#B6BF00));
    background-image: -webkit-linear-gradient(top, #c4ce01, #B6BF00);
    background-image: -moz-linear-gradient(top, #c4ce01, #B6BF00);
    background-image: -ms-linear-gradient(top, #c4ce01, #B6BF00);
    background-image: -o-linear-gradient(top, #c4ce01, #B6BF00)
}

.ribbon.positive:before,
.ribbon.positive:after {
    border-top: 4px solid #7d8302
}

.ribbon.negative {
    background-color: #BC000E;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#dc0313), to(#BC000E));
    background-image: -webkit-linear-gradient(top, #dc0313, #BC000E);
    background-image: -moz-linear-gradient(top, #dc0313, #BC000E);
    background-image: -ms-linear-gradient(top, #dc0313, #BC000E);
    background-image: -o-linear-gradient(top, #dc0313, #BC000E)
}

.ribbon.negative:before,
.ribbon.negative:after {
    border-top: 4px solid #85040d
}

.ribbon:before {
    left: 0
}

.ribbon:after {
    right: 0
}


input.autoWidth,
textarea.autoWidth { width:auto !important; display:inline-block; }



/* hints */
.hint { 
	display:inline-block;
	width:20px; 
	height:20px; 
	text-align:center; 
	line-height:44px; 
	text-decoration:none !important; 
	font-size:12px;
	line-height:20px !important;
	vertical-align:middle;
	cursor:pointer;
	margin-right:0.5rem;
	
	border-radius:; 
	background-color:; 
	color:;
	font-weight:;
}
.hint.bagshape {
	-webkit-border-radius: 5px;
	-webkit-border-top-left-radius: 2px;
	-webkit-border-top-right-radius: 2px;
	-moz-border-radius: 5px;
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-topright: 2px;
	border-radius: 5px;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	font-size:80% !important;
	line-height:inherit !important;
	height:auto;
	width:auto;
	padding-right:10px;
	padding-left:10px;
	position:relative;
	z-index:1
	}
	.hint.bagshape:before { 
		content:""; 
		display:block; 
		width:100%; 
		height:20px; 
		position:absolute; 
		top:-20px; 
		left:0;
		z-index:2;
		background-color:#0F0;
		background:url(../graphics/bagHandles.png); 
		background-size:cover; 
		background-repeat:no-repeat; 
		background-position:top
	}
	.lt-ie9 .hint { display:none }
	.hint .shield { 
		display:inline-block; 
		width:20px; 
		height:20px; 
		background-image:url(../graphics/shield-white.png); 
		background-repeat:no-repeat; 
		background-size:cover;
		background-position:center 1px
	}

/* loading */
.loader {
	position:absolute;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}

.loader .loader-bar {
	display:none;
	height:24px;
	width:24px;
	margin:0 6px;
	opacity:;
	border-radius:; 
	background-color:;
	}

	.animate > .loader-bar {
		display:inline-block;
		-webkit-animation:loader-oscillate ease-in-out 300ms infinite alternate;
		-moz-animation:loader-oscillate ease-in-out 300ms infinite alternate;
		animation:loader-oscillate ease-in-out 300ms infinite alternate
	}

.loader .redButton { 
	display:none
	}	

	.loader.animate  .redButton { 
		display:inline-block !important
	}

.loader-bar:nth-child(1){
	-webkit-animation-delay:-200ms;
	-moz-animation-delay:-200ms;
	animation-delay:-200ms
}

.loader-bar:nth-child(2){

	-webkit-animation-delay:-100ms;
	-moz-animation-delay:-100ms;
	animation-delay:-100ms

}

@-webkit-keyframes loader-oscillate{

	0%{opacity:.1;-webkit-transform:scaleY(1)}
	100%{opacity:.2;-webkit-transform:scaleY(1.3)}

}

@-moz-keyframes loader-oscillate{

	0%{opacity:.1;-moz-transform:scaleY(1)}
	100%{opacity:.2;-moz-transform:scaleY(1.3)}

}

@keyframes loader-oscillate{

	0%{opacity:.1;transform:scaleY(1)}
	100%{opacity:.2;transform:scaleY(1.3)}

}









/* calendars */
.dateCalBlock {
    display: inline-block;
    margin-right: 30px;
    margin-left: 0;
    margin-bottom: 15px;
	width:40px;
}
.dateCalBlock .dateCal {
    display: inline-block;
    float: left;
    margin-right: 10px;
    text-align: center;
    width: 40px;
    height: 40px
	}
	.dateCalBlock.noMargin .dateCal { margin-right:0 !important; float:none !important; display:block }

	
.dateCalBlock .dateCalBlockTitle {
    float: left;
    line-height: normal;
    vertical-align: top;
    font-size: inherit;
    color: ;
	white-space:nowrap;
	font-size:0.75rem;
	padding:10px 0;
	
	width:inherit !important;
	text-align:center
}
.dateCal span {
    display: block;
    clear: both
}
.dateMonthAbbr {
    border-radius: 2px 2px 0 0;
    background-color: ;
    color: ;
    font-size: 9px;
    line-height: 14px;
    text-transform: ;
    text-align: center
}
.dateDayNum {
    border: 1px solid ;
    border-radius: 0 0 2px 2px;
    color: ;
    font-size: 18px;
    min-height: 26px;
    line-height: 25px;
    background-color: ;
    font-weight: ;
}
.dateDayNum sup {
    font-size: .6rem
}







/* general publishing styles for WYSIWYG  */
mark {
    background: #F2E6AA;
    border: 1px solid #E6D273;
    box-shadow: inset 0 1px 0 #F9F3D5;
    padding: 3px;
    box-sizing: border-box;
	display:inline-block
}
blockquote {
  margin: 0 0 1rem;
  padding: 0.5625rem 1.25rem 0 1.1875rem;
  border-left: ; }
blockquote, blockquote p {
	line-height: 1.6;
	color: ;
}


/* callouts modified from core for use as inline bulbs */
.inline.callout {
  margin: 0;
  padding: 0.5rem;
  border-radius: 0px;
  position: relative;
  color: #0a0a0a;
 }



/* blogs */
p.pre-line { white-space:pre-line}
.rounded { border-radius:5px; }
.commentContent .user span { display:inline-block; margin-right:10px;}
.commentContent .user span.meta { font-weight:300;}
div.speechBubble { border:1px solid #ccc; position:relative }
.replyCommentExpanded { border-bottom:1px solid #ccc}
.thread { border-bottom: 1px dotted #ccc; }
.avatarPic {border-radius:100px; overflow:hidden;}
.avatarPic img { width:100%; height:auto; }

div.speechBubble:after, 
div.speechBubble:before {
	bottom: 100%;
	left: 30px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

div.speechBubble:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 10px;
	margin-left: -10px;
}
div.speechBubble:before {
	border-color: rgba(204, 204, 204, 0);
	border-bottom-color: #cccccc;
	border-width: 11px;
	margin-left: -11px;
}



/* side bar chapternav  */
.sidebar .sideNav {  }
.sidebar .sideNav .h1 { }
.sidebar .sideNav ul.nav { margin:0 0 1em 0 !important; display:block; clear:none !important; }

.sidebar .sideNav ul.nav { list-style-type:none }
.sidebar .sideNav ul.nav li { 
	margin-bottom:0; 
	}
	.withSidebarRight .sidebar .sideNav ul.nav li {  }
	.withSidebarLeft .sidebar .sideNav ul.nav li { }

.sidebar .sideNav ul.nav li:first-of-type {  }
.sidebar .sideNav ul.nav a { 
	padding:15px 1.25rem; 
	display:block; 
	text-decoration:none;
	}
	.sidebar .sideNav ul.nav li a span::first-letter { text-transform:uppercase }
	
.sidebar .sideNav ul.nav a span.folioTitle { }
.sidebar .sideNav ul.nav a.active,
.sidebar .sideNav ul.nav a.active:hover { }


.sidebar .sideNav ul.nav a:hover span.folioTitle { text-decoration:underline !important;}
.sidebar .sideNav ul.nav a span.part { display:block; }
.sidebar .sideNav ul.nav a span.subTitle { display:block; }

.sidebar .sideNav ul.nav a:hover {  }
.sidebar .sideNav ul.nav a:hover span.part,
.sidebar .sideNav ul.nav a:hover span.subTitle  {  }

.sidebar .sideNav ul.nav a.active span { }
.sidebar .sideNav ul.nav a.active:hover {  }
.sidebar .sideNav ul.nav a.active:hover span.folioTitle { text-decoration:none !important }
.sidebar .sideNav ul.nav a.active:hover span.part,
.sidebar .sideNav ul.nav a.active:hover span.subTitle { }

/* sidebar menu structure */
.sideMenu ul { list-style-type:none; margin-left:0; margin-bottom:0;}
.sideMenu a { 
	display:block; 
	padding:0.625rem 0; 
	border-bottom:; 
	font-weight:; 
	text-decoration:;
}
.sideMenu ul li:last-of-type a { border:;}

/* sidebar rss structure */
.iconLink {line-height:normal; }
.iconLink .iconBlock { 
	background-repeat:no-repeat; 
	background-size:25px 25px;
	background-position:top left;
	width:25px;
	height:25px;
	display:inline-block;
	margin-right:10px;
	vertical-align:middle
	
}
.iconBlock.rss { background-image:url(../graphics/rss.png);  }
		

/* content area chapter nav */
a.chapterNav { text-decoration:none !important;  }

.chapterNav .blockParent {
	display:block;
	padding:15px 20px;
	position:relative;
}
.pageNav a.chapterNav:first-of-type .blockParent { border-bottom:0px; } /* this is stacked so we take one border away */
a.chapterNav .blockParent span::first-letter { text-transform:uppercase }

a.chapterNav .blockParent span.part { display:block;  }
a.chapterNav .blockParent span.subTitle { display:block;  }
a.chapterNav .blockParent span.folioTitle { }

a.chapterNav:hover .blockParent span.part,
a.chapterNav:hover .blockParent span.subTitle { text-decoration: none !important; }
a.chapterNav:hover .blockParent span.folioTitle { text-decoration:underline !important;}
a.chapterNav:hover .blockParent { text-decoration:none; }


a.chapterNav.active .blockParent,
a.chapterNav.active:hover .blockParent { 
	
	}
	a.chapterNav.active .blockParent span,
	a.chapterNav.active:hover .blockParent span.part,
	a.chapterNav.active:hover .blockParent span.subTitle {  }
	a.chapterNav.active:hover .blockParent span.folioTitle { text-decoration:none !important}


	


/* footer */
.footer { }
.footerBlockTitle { line-height:normal; }
.logoLink { display:block; }
.credits { display:block; }



/* myCouncil login form */
/*

<a href="#" class="button fbConnect fullWidth radius"><span class="icn-fb"></span>Facebook</a>
                        </div>
                        <div class="columns small-6 medium-3 medium-pull-3">
                        	<a href="#" class="button twitterConnect fullWidth radius"><span class="icn-twitter"></span>Twitter</a>
                        </div>

*/
.button.fbConnect,
.button.twitterConnect { padding: 0.6rem 2rem .4625rem;}
 
.button.fbConnect { background:#4B6EA9 ; border-color:#4B6EA9 !important; color:#FFF !important; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.8); }
.button.twitterConnect { background:#00ACED ; border-color:#00ACED !important; color:#FFF !important; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.8); }

.button.fbConnect:focus,
.button.twitterConnect:focus { color:#000 !important}

.button.fbConnect span.icon,
.button.twitterConnect span.icon { display:inline-block; height:40px; width:40px; vertical-align:middle; margin-right:10px; background-repeat:no-repeat; background-size:contain; }

.button.fbConnect span { background-image:url(../graphics/buttonIcons/facebook.png);  }
.button.twitterConnect span { background-image:url(../graphics/buttonIcons/twitter.png);  }

/* resret formsmaster overide */
#formsMaster .myCouncilForm input,
#formsMaster .myCouncilForm select,
#formsMaster .myCouncilForm textarea {  width:100% !important; }
#formsMaster .myCouncilForm .button.fullWidth { 
	width:100%;
	font-size: inherit;
	padding: 1rem 2rem 1.0625rem 2rem;
}
/* reset because of conflict with formamster */
#formsMaster .myCouncilForm .button.fullWidth.small {
	padding-top:5px;
	padding-bottom: 5px;
	min-height:37px;
	font-size:medium
	}
	.collapse .button.small { border-left:0}
.uppercase { text-transform:uppercase !important}
.panel
{
  margin-bottom: 1.25rem;
  padding: 1.25rem;
}
#formsMaster .myCouncilForm .panel { border:1px solid #ccc}
legend.text-center {   text-align: center;
    padding: 0.2% 2%;
    width: 50%;
    margin: 0 25%;
	border:1px solid #ccc
}
.SuccessFormField { border-color:#9ed6a0 !important}

/* overide for mySouthwark login */
#formsMaster .myCouncilForm .errorMessage { width:100% !important; max-width:none !important }


/* formsmaster WYSIWYG */
/* customise this */
#formsMaster .description h1,
#formsMaster h1 {
		margin-bottom: 0.5rem;
		line-height: 1.4;
	}
	#formsMaster.content  h1:first-of-type { clear:none }
	#formsMaster .description h2{  
  		  margin-bottom: 0.5rem;
  		  line-height: 1.4;
	}
/*	#formsMaster .description h3 {
		font-size: 16px;
		font-weight: 700;
		color: #404040;
		margin-top: 20px;
		margin-bottom: 10px;
	}
	#formsMaster .description h4 {
		color: #000000;
		font-size: 14px;
		font-weight: 700;
		margin-top: 20px;
		margin-bottom: 10px;
	}
*/
	#formsMaster .description ul,
	#formsMaster .description ol { margin: 1.25rem; }


/* genric margin for form elements */
input:not([type]), input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea,
input[type="file"], input[type="checkbox"], input[type="radio"], select { margin-bottom:1rem}

label
{
  color: #000000;
  cursor: pointer;
  display: block;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.5;
  margin-bottom: 0px;
}


/* relace downscaled images that dont work well in IE11 */
img.ms-interpolation-mode { display:none}
_:-ms-fullscreen, :root img.scalableImg { display:none }
_:-ms-fullscreen, :root img.ms-interpolation-mode { display:inline-block }


@media screen and (max-width: 40em) { 

	.noBottomMargin-small { margin-bottom:0 !important; }
	.topMargin-small { margin-top: 1.125rem!important }

}

/* medium */
@media screen and (min-width: 40em) { 

	.paddingSmallTop-small,
	.paddingMediumTop-small { padding-top:0 !important; }
	.paddingRight.noPaddingRight-small { padding-right:1.25rem !important}
	.paddingAll.noPaddingTop-small { padding-top:1.125rem !important; }
	.paddingAll.noPaddingBottom-small { padding-bottom:1.125rem !important; }

	/* news feature */	
	/* campaign slider */
	.featuredNewsCol figcaption p.h1,
	.campaignSlides figcaption p.h1 { font-size: 3.848vmin; }
	.featuredNewsCol figcaption p,
	.campaignSlides figcaption p { font-size: 1.925vmin; }
	
	/* tabbed news nav */
	.featuredNewsCol { width:66.666% }
	.featuredNewsNavCol { display:block; }
	.featuredNewsCol figcaption { text-align:left }
	
	
	
	
	/* general content publishing */
	
	
	/* images */
	.contentImg.right {
		margin: 1.5em 0 2em 4.6%;
		float:right
	}
	.contentImg.left {
		margin: 1.5em 4.6% 2em 0;
		float:left
	}	
	.contentImg {
		width: 40%
	}
	.withSidebar .contentImg.right {
		margin: 1.5em 0 2em 0;
	}
	.withSidebar .contentImg.left {
		margin: 1.5em 0 2em 0;
	}
	.withSidebar .contentImg {
		width: 100%
	}
	/* task button inside publishing */
	.taskAction { width:auto; }
	.withSidebar .taskAction { width:100%; }

	/* tables in publishing */
	table.table p {
		font-size: .875rem!important
	}
	
	table.table tr th,
	table.table tr td {
		font-size: .875rem!important;
	}
	
	/* content area chapter nav */
	.pageNav a.chapterNav:first-of-type .blockParent { }
	
	/* search applicance */	
	.showAdvancedFilters { 
		left:auto;
	}
	
	#advancedFilters .searchSecondary legend.h2 {
	font-size: 1.75rem; }
	#advancedFilters .searchSecondary legend.h3 {
	font-size: 1.4375rem; }
	#advancedFilters .searchSecondary legend.h4 {
	font-size: 1.0625rem; }
	#advancedFilters .searchSecondary legend.h5 {
	font-size: 0.75rem; }


/* large */
@media screen and (min-width: 64em) {
	
	/* banner wallpaper */
	div.bannerWallpaper.smallHeight { height:33vh; }
	div.bannerWallpaper.mediumHeight { height:50vh; }
	div.bannerWallpaper.largeHeight { height:66vh; }
	
	/* news feature */	
	/* campaign slider */
	.featuredNewsCol figcaption p.h1,
	.campaignSlides figcaption p.h1 { font-size: 2rem; }
	.featuredNewsCol figcaption p,
	.campaignSlides figcaption p { font-size: 1rem; }
	
	/* tabbed news nav */
	.featuredNewsCol { width:66.666% }
	.featuredNewsNavCol { display:block }
	.featuredNewsCol figcaption { text-align:left }
	
	/* layout decor */
	.withMidLine { background-image:url(../graphics/withMidLine.png); }
	
	
	/* general content publishing */


	/* images */
	.contentImg.right,
	.withSidebar .contentImg.right {
		margin: 1.5em 0 2em 4.6%;
		float:right
	}
	
	.contentImg.left,
	.withSidebar .contentImg.left {
		margin: 1.5em 4.6% 2em 0;
		float:left
	}
	
	.contentImg,
	.withSidebar .contentImg {
		width: 40%
	}
	
	
	.contentImg.center,
	.withSidebar .contentImg.center {
		margin: 1.5em auto 2em;
		width: 100%;
		text-align: center
	}
	
	
	/* task button inside publishing */
	.taskAction,
	.withSidebar .taskAction { width:auto; }
	
	
	/* tables in publishing */
	table.table p {
		font-size: 1rem!important
	}
	
	table.table tr th,
	table.table tr td {
		font-size: 1rem!important;
		padding: .5625rem .5625rem;
	}
	

}