<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">#ongoing_work_rightmenu_title { display: none; }
#ongoing_work_menu { display: none; }
.edvid {
   width: 98%;
}


/* TABLE OF CONTENTS
 *
 * 1.0 RESET &amp; BASE STYLES
 * 2.0 TYPOGRAPHY
 * 3.0 LINK STYLES AND BUTTONS
 * 4.0 FORMS
 * 5.0 GRID STRUCTURE &amp; LAYOUT COMPONENTS
 * 6.0 CUSTOM MODULES 
 * 7.0 MEDIA QUERIES
 * 8.0 COLOUR THEMES
 * 9.0 CSS3 ANIMATIONS
 * 10.0 PRINT STYLES
 * 11.0 FOUC
 * 12.0 Z-INDEX REFERENCE
 * 13.0 SOCIAL MEDIA (sml47)
 * 
 * */



/* 1.0 RESET STYLES (HTML5 âœ° Boilerplate &amp; Normalise reset, &amp; Twitter Bootstrap typography ) --------------------------------------------------------*/
html { overflow-y: scroll}/* always force a scrollbar in non-IE */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; }
.lt-ie8 audio, .lt-ie8 canvas, .lt-ie8 video {display: inline; zoom: 1;}
audio:not([controls]) { display: none; }
[hidden] { display: none; }

/* Lists */
ul{padding: 0;margin: 0 0 9px 15px;}
ul ul,ul ol,ol ol,ol ul {margin-bottom: 0;}

ul {list-style: square;} 
/*ul {list-style: circle;}*/
ol{margin-left:-20px}
.lt-ie8 ol { padding: 0;margin: 0 0 9px 25px; }
li {line-height: 18px;display:list-item}

/* Standard page content list item */
/* eg http://www-new.educ.cam.ac.uk/courses/pgce/ */
/*html.js.flexbox.flexboxlegacy.canvas.canvastext.webgl.no-touch.geolocation.postmessage.no-websqldatabase.indexeddb.hashchange.history.draganddrop.websockets.rgba.hsla.multiplebgs.backgroundsize.borderimage.borderradius.boxshadow.textshadow.opacity.cssanimations.csscolumns.cssgradients.no-cssreflections.csstransforms.csstransforms3d.csstransitions.fontface.generatedcontent.video.audio.localstorage.sessionstorage.webworkers.applicationcache.svg.inlinesvg.smil.svgclippaths.wf-myriadpro-i4-active.wf-myriadpro-i7-active.wf-myriadpro-n3-active.wf-myriadpro-n4-active.wf-myriadpro-n6-active.wf-myriadpro-n7-active.wf-active &gt; */body.campl-theme-ff.section_courses.section_pgce &gt; div.campl-row.campl-content.campl-recessed-content &gt; div.campl-wrap.clearfix &gt; div#content.campl-column10.campl-main-content &gt; div.campl-content-container &gt; ul &gt; li {
   list-style-type: square;
   padding-left: 0.2em;
   margin-left: 0.5em;
}


ol.campl-numbered { counter-reset: item;padding: 0;margin: 0 0 9px 0;list-style: decimal; }
ol.campl-numbered li { display: block; }

ol.campl-numbered li:before {
content: counter(item) " ";
counter-increment: item;
font-weight: bold;
padding-right:5px;
}

.campl-unstyled-list{list-style:none;margin:0 !important}
.campl-menu-list{margin-bottom:9px}
.campl-menu-list li{padding:10px;border-bottom:1px solid #999}

dl {margin-bottom: 18px;}
dt,dd {line-height: 18px;}
dt {font-weight: bold;line-height: 17px;}
dd {margin-left: 9px;}

/* blockquotes */
/*blockquote {padding: 0 0 0 25px;margin: 18px 0;font-style:italic;background:url(/images/template-images/bg-blockquote-top.png) no-repeat top left}*/
blockquote p {margin-bottom: 10px;font-weight: 300;line-height: 22.5px;float:left;padding-right:25px; margin-left: 25px;}
blockquote p.campl-quote-mark{background:url(/images/template-images/bg-blockquote-bottom.png) no-repeat bottom right;}
blockquote cite {display: block;line-height: 18px;color: #999999;clear:both}
blockquote cite:before {content: '\2014 \00A0';}
q:before,q:after,blockquote:before,blockquote:after {content: ""; content: none;}
blockquote.campl-float-right {margin-left:20px;width:230px;margin-top:0px;}
blockquote.campl-float-right p {padding-right:0px;background:url(/images/template-images/bg-blockquote-bottom.png) no-repeat bottom right;}
blockquote:before { 
   content: " ";
	/*color: #fff;*/
	float: left;
   padding-left: 10px;
   margin-left: -19px;
	display: block;
	height: 17px;
   width: 19px;
	background:url(/images/template-images/bg-blockquote-top.png) no-repeat top left;
}
/*
blockquote:after { 
   content: " ";
	float: right;
	display: block;
	height: 17px;
	width: 19px;
   margin-top: -0.0em;
   margin-right: -19px;
   background:url(/images/template-images/bg-blockquote-bottom.png) -0px -0px;
}
*/
/* Misc */
hr {margin: 5px 0 20px;border: 0;border-top: 1px solid #cccccc;border-bottom: 1px solid #ffffff;height:1px}
b, strong {font-weight: bold;}
em {font-style: italic;font-weight:normal}
address {display: block;margin-bottom: 18px;font-style: normal;line-height: 18px;}
small {font-size: 85%;}
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
dfn { font-style: italic;font-weight:normal}
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

abbr[title] {cursor: help;border-bottom: 1px dotted #999999;}
abbr.initialism {font-size: 90%;text-transform: uppercase;}

code, kbd, samp, pre {padding: 0 3px 2px;font-family: "Courier New", monospace;font-size: 12px;color: #333333;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
code {padding: 2px 4px;color: #d14;background-color: #f7f7f9;border: 1px solid #e1e1e8;}
pre {display: block;padding: 8.5px;margin: 0 0 9px;font-size: 12.025px;line-height: 18px;word-break: break-all;word-wrap: break-word;white-space: pre;
   white-space: pre-wrap;background-color: #f5f5f5;border: 1px solid #ccc;border: 1px solid rgba(0, 0, 0, 0.15);-webkit-border-radius: 4px;-moz-border-radius: 4px;
   border-radius: 4px}

/* images */
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

.campl-scale-with-grid {max-width: 100%;height: auto; }
img.campl-float-right{float:right;margin:10px 0 10px 20px;clear:both}
img.campl-float-left{float:left;margin:10px 20px 10px 0;clear:both}


svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

/* re-usable css objects */
.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.lt-ie8 .ir{line-height: 0;}
.ir br { display: none; }

.hidden { display: none !important; visibility: hidden; }
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.lt-ie8 .clearfix {zoom: 1; }

.campl-horizontal-navigation li{float:left}

.campl-float-right{float:right;clear:both}
.campl-float-left{float:left;clear:both}

.campl-break-word {word-wrap: break-word;}

/* 2.0 TYPOGRAPHY ---------------------------------------------------------------------------------------------------*/
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%;}/*setting -webkit-text-size-adjust: none prevents users resizing with magnify*/
html, button, input, select, textarea { font-family: verdana, arial, sans-serif; color: #171717; }
h1,h2,h3,h4,h5,h6, .campl-page-title {font-family: inherit;color: inherit;text-rendering: optimizelegibility; margin:0 0 10px 0;vertical-align: baseline;}
.lt-ie8 h1, .lt-ie8 h2, .lt-ie8 h3, .lt-ie8 h4, .lt-ie8 h5, .lt-ie8 h6, .lt-ie8 .campl-page-title{vertical-align: middle}

::-moz-selection { background: #0066ff; color: #fff; text-shadow: none; }
::selection { background: #0066ff; color: #fff; text-shadow: none; }

p { margin:0 0 10px 0}

/* Font families */

/* Carousel Heading "Spectral Extra Bold" */
@font-face {
font-family: "spectral_fontkit";
src: url("/sitetech/fonts/spectral_fontkit/spectral-extrabold-webfont.eot");
src: url("/sitetech/fonts/spectral_fontkit/spectral-extrabold-webfont.woff") format("woff"),
url("/sitetech/fonts/spectral_fontkit/spectral-extrabold-webfont.ttf") format("truetype"),
url("/sitetech/fonts/spectral_fontkit/spectral-extrabold-webfont.svg#filename") format("svg");
}
.campl-page-header h1.headline {font-family:"spectral_fontkit", arial, sans-serif;font-weight:normal;font-style:normal;

  	position: absolute;
	text-align:left;
  	color: #fff;
  	font-size: 4.5em;
	line-height: 1.2em;
  	left: 4%;
  	top: 10%;
	width: 55%;

}

.highlight-pink {
	color: #000;
	background-color:#ff5a87;
    background-size: 10% 10%;
    background-position: 0 0;

}

/* Bold     "myriad-pro"   700   normal */
.campl-highlight-day, .campl-promo-teaser .campl-teaser-title, .campl-current-date{font-family:"myriad-pro", myriad, verdana, arial, sans-serif;font-weight:700;font-style:normal}

/* Semibold "myriad-pro"   600   normal */
h2, h3, h4, h5, h6, .campl-global-navigation, .campl-global-navigation-header-container, .campl-global-navigation-container, .campl-local-footer h3, .campl-global-footer h3, 
.campl-teaser-title, .campl-listing-title, .campl-vertical-breadcrumb, .campl-btn{font-family:"myriad-pro", myriad, verdana, arial, sans-serif;font-weight:600;font-style:normal}

/* Regular  "myriad-pro"   400 normal*/
.campl-branding-title, .campl-topic, .campl-global-navigation-tertiary, .campl-local-navigation, .campl-vertical-breadcrumb-navigation{font-family:"myriad-pro", myriad, verdana, arial, sans-serif;font-weight:400;color:#888888}

/* Regular italic "myriad-pro"  400 italic */
.campl-title-search-term{font-style: italic;font-weight: 400;}


/* Light "myriad-pro"   300   normal */
h1, .campl-page-header h1, .campl-page-sub-title h2, .campl-secondary-content h2, .campl-main-content-sub-column h2, .campl-slide-caption-txt, .campl-carousel-content p,
.campl-page-title, .campl-sub-title, legend, .campl-primary-cta, .campl-homepage-content h2, .campl-highlight-date, .campl-light-heading{font-family:"myriad-pro", myriad, verdana, arial, sans-serif;font-weight:300;}


/* Regular verdana bold */
.campl-desktop-list-layout, .campl-global-navigation-drawer{font-weight:bold}

.campl-global-navigation-secondary-with-children p{font-weight:normal}

/* Georgia "sans serif" normal */
.campl-datestamp, blockquote{font-family:Georgia, "sans serif"}


/* Font sizes*/
.campl-page-header h1, .campl-carousel-content p, .campl-page-title{font-size: 40px;line-height: 48px;color:#fff;}
.campl-page-sub-title h2, .campl-page-sub-title h1, .campl-sub-title, .campl-highlight-day{font-size: 30px;line-height: 38px; color:#fff;}
.campl-homepage-content h2{font-size: 30px;line-height: 38px; }
h1, .campl-light-heading{font-size: 30px;line-height: 36px;}
h2, .campl-slide-caption-txt,  legend,  .campl-load-more-btn, blockquote{font-size: 19px;line-height: 25px;}
.campl-nav-tabs, .campl-nav-pills {font-size: 19px;margin-bottom: 18px;font-weight: 200;line-height: 25px;}
h3, .campl-current-date, .campl-highlight-date, .campl-promo-teaser .campl-teaser-title{font-size: 17px;line-height: 25px; padding-bottom: 15px;}
h4, .campl-branding-title{font-size:15px;line-height: 21px;}
h5, .campl-tertiary-navigation, .campl-enlarged-text, .campl-teaser-title,  .campl-primary-cta, .campl-btn, 
.campl-local-footer h3, .campl-global-footer h3, .campl-desktop-list-layout, .campl-global-navigation,.campl-global-navigation-header-container,
.campl-global-navigation-container, .campl-local-navigation {font-size:14px;line-height: 20px;}
h6, cite{font-size:13px;line-height: 19px}

body, label, input, button, select, textarea{font-size: 12px;font-weight: normal;line-height: 18px;vertical-align: baseline; }
.lt-ie8 body, .lt-ie8 label, .lt-ie8 input, .lt-ie8 .campl-highlight, button, .lt-ie8 select, textarea.lt-ie8 {vertical-align: middle}

.campl-pagination{font-size:11px;line-height: 15px}

/* resets myriad heading to be verdana */
.campl-simple-heading, .campl-listing-title{font-family: Myriad, arial, sans-serif;font-size:13px;line-height: 16px;font-weight:600}


/* special text treatments */
.campl-highlight{color:#fff;background:#55a51c;text-transform:uppercase;font-size:11px;font-weight:bold;padding:1px 3px;margin-top:-15px;display:inline-block;margin-bottom:10px}
.campl-highlight-alert{color:#fff;background:#ea7125;text-transform:uppercase;font-size:11px;font-weight:bold;padding:1px 3px;margin-top:-15px;display:inline-block;margin-bottom:10px}
.campl-news-listing .campl-datestamp{color:#263E5F;background:none;font-weight:normal;font-style:italic;font-size:14px}
.campl-highlight-date{text-transform:uppercase;}
.campl-highlight-day{line-height:30px}
.campl-search-term{background:#fff79f;padding:0 3px;display:inline-block}
.campl-topic{text-transform:uppercase;font-size:11px;background:#fff;color:#171717;padding:0 6px 5px 0;display:inline-block;}







/* 3.0 LINK STYLES AND BUTTONS  (Button styles from twitter bootstrap )--------------------------------------------------------------------------------------*/
a, .campl-vertical-breadcrumb , .campl-vertical-breadcrumb-navigation, .campl-vertical-breadcrumb-children a {
   color: #0072cf; text-decoration:none;border-bottom:0;outline: none;
/*   font-size: 0.7;*/ /* sml47 2015-12-10 */
}
/*a:visited { color: #8a00bc; text-decoration:none;border-bottom:1px dotted #ddbfdc}*/
a:visited { color: purple; text-decoration:none;border-bottom:1px dotted #ddbfdc}
a:focus { color: #0072cf; outline: thin dotted;border-bottom:0 }
a:hover { color: #0072cf; text-decoration:underline;border-bottom:0 }
a:hover, a:active { outline: none; }
a:active { color: #0072cf; text-decoration:none;border-bottom:0}

.campl-global-navigation a, .campl-page-header a, .campl-local-footer a, .campl-global-footer a, .campl-global-navigation-drawer a, .campl-quicklinks a,
.campl-open-quicklinks, .campl-open-quicklinks:focus, .campl-open-quicklinks:hover, .campl-open-quicklinks:visited, 
.campl-desktop-list-layout a:focus, .campl-desktop-list-layout a:hover, .campl-desktop-list-layout .campl-selected, 
.campl-section-list-heading a, .campl-section-list-heading a:focus, .campl-section-list-heading a:hover{color:#fff;text-decoration:none}
.campl-focus-teaser a{color:#000;text-decoration:none}
.campl-focus-teaser a:focus, .campl-focus-teaser a:hover{color:#000;text-decoration:none}


.campl-quicklinks-list a:focus, .campl-quicklinks-list a:hover, .campl-quicklinks-list a:active{text-decoration:none;background-color:#171717}

.campl-global-navigation a:focus, .campl-global-navigation a:hover,.campl-global-navigation a:active, .campl-global-navigation .campl-selected a{color:#7a7a7a;text-decoration:none}

.campl-global-navigation a:visited, .campl-desktop-list-layout a:visited, .campl-close-panel:visited, .campl-section-list-heading a:visited,
.campl-homepage-quicklinks a:visited, .campl-slide-caption a, .campl-quicklinks-list a:visited{border-bottom:0}

.campl-global-navigation-drawer a:focus, .campl-global-navigation-drawer a:hover, .campl-global-navigation-drawer a:active{text-decoration:underline}

.campl-btn{background:#e4e4e4;border:1px solid #999;padding:4px 10px 4px 10px;}

.campl-primary-cta{display:inline-block;background:#171717 url(/images/template-images/bg-primary-cta-arrow.png) 100% 50% no-repeat;color:#fff;padding:5px 25px 5px 10px;border:0;text-shadow: none}
.campl-primary-cta:link, .campl-primary-cta:visited{color:#f8f8f8;background:#171717 url(/images/template-images/bg-primary-cta-arrow.png) 100% 50% no-repeat;border:0}
.campl-primary-cta:focus, .campl-primary-cta:hover, .campl-primary-cta:active{color:#f8f8f8;background:#454545 url(/images/template-images/bg-primary-cta-arrow-over.png) 100% 50% no-repeat;border:0;text-decoration:none}

.campl-secondary-cta{background:url(/images/template-images/bg-secondary-cta-arrow.png) 100% 50% no-repeat; display:inline-block;padding-right:10px }

/* .campl-search-listing a, .campl-vertical-breadcrumb a{color:#999999} */
.campl-search-listing a, .campl-vertical-breadcrumb a{color: #444444; }
.campl-search-listing .campl-listing-title a{color: #0072cf;}
.campl-teaser-title a, .campl-pagination a, .campl-load-more-btn, .campl-load-more-btn:focus, .campl-load-more-btn:hover, .campl-load-more-btn:visited{color:#171717}
.campl-focus-teaser a{color:#000}

.campl-btn-download-vcard:link,
.campl-btn-download-vcard:visited{background:#171717 url(/images/template-images/icon-profile.png) 5px 50%  no-repeat;padding:5px 5px 5px 30px;}
.campl-download-arrow{background:url(/images/template-images/bg-download-arrow.png) center right no-repeat;height:11px;width:11px;padding-right:20px;/*position:absolute;top:50%;right:5px;margin-top:-5px*/}

.campl-btn-download-vcard:focus, .campl-btn-download-vcard:hover, .campl-btn-download-vcard:active{color:#f8f8f8;background-color:#454545}

/*skip to links for accessibility*/
.campl-skipTo:link{position:absolute;left:-5000px;top:0;color:#fff;padding:10px}
.campl-skipTo:focus{left:5px;top:5px;color:#fff;display:block;position:relative}

a.campl-external {
   background: url("/images/template-images/icon-external-link.png") no-repeat 100% 4px;
   padding-right:15px;
}

a.campl-external-no-icon {background: none; padding-right:0;}

/* Load More */
.campl-load-more-btn{background:#f3f3f3;border:1px solid #cdcdcd;margin-bottom:60px;text-align:center;display:block;padding:10px;}
.campl-load-more-btn:link, .campl-load-more-btn:focus, .campl-load-more-btn:hover, .campl-load-more-btn:visited{border:1px solid #cdcdcd;}

/* focus links */
.campl-focus-link{width:33px;height:33px;background:#313131 url(/images/template-images/icon-fwd-btn.png) 14px 13px no-repeat;position:absolute;bottom:0;right:0}
.campl-focus-link.pedaldarkblue {width:33px;height:33px;background:#313131 url(/images/template-images/icon-fwd-btn.png) 14px 13px no-repeat;position:absolute;bottom:0;right:0}
/* Inline links */
.campl-icon{display:inline-block;background:url(/images/template-images/icon-links-sprite.png) no-repeat 0 0;width:20px;height:25px;margin-right:2px;position:relative;top:5px}

.campl-print-icon{background-position:0 5px}
.campl-lock-icon{background-position: 0 -25px}
.campl-help-icon{background-position: 0 -55px}
.campl-info-icon{background-position: 0 -80px}
.campl-excel-icon{background-position:0 -110px}
.campl-pdf-icon{background-position:  0 -135px}
.campl-word-icon{background-position: 0 -159px}

















/* 4.0 FORMS --------------------------------------------------------------------------------------------------------*/

/* Standard form elements */
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer;  display: block;margin-bottom: 5px; }
legend { border: 0; padding: 0; white-space: normal;display: block;width: 100%;padding: 0;margin-bottom: 10px; }
.lt-ie8 legend{margin-left: -7px;}

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button;margin-bottom:5px; }
.lt-ie8 button, .lt-ie8 input{overflow: visible;zoom:1;margin: 0 2.5px 5px 2.5px}
button[disabled], input[disabled] { cursor: default;color:#999 }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

:-moz-placeholder {color: #999999;}
:-ms-input-placeholder {color: #999999;}
::-webkit-input-placeholder {color: #999999;}

textarea { overflow: auto; vertical-align: top; resize: vertical;height: auto; }
.campl-uneditable-textarea {height: auto;}
.campl-uneditable-input {overflow: hidden;white-space: nowrap;cursor: not-allowed;background-color: #ffffff;border-color: #eee;}

input:invalid, textarea:invalid { background-color: #f0dddd; }

.campl-input-block-level {display: block;width: 100%;min-height: 28px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
input,textarea {width: 410px;}
.lt-ie7 input { vertical-align: text-bottom; }
input,textarea,.campl-uneditable-input { margin-left: 0;}

.campl-input-mini {width: 60px;}
.campl-input-small {width: 90px;}
.campl-input-medium {width: 150px;}
.campl-input-large {width: 210px;}
.campl-input-xlarge {width: 270px;}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.campl-uneditable-input {display: inline-block;height: 18px;padding: 4px;margin-bottom: 9px; -webkit-border-radius: 0;}

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.campl-uneditable-input {background-color: #ffffff;border: 1px solid #cccccc;}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.campl-uneditable-input:focus {border-color: rgba(82, 168, 236, 0.8);outline: 0;}

.lt-ie8 textarea:focus,
.lt-ie8 input[type="text"]:focus,
.lt-ie8 input[type="password"]:focus,
.lt-ie8 input[type="datetime"]:focus,
.lt-ie8 input[type="datetime-local"]:focus,
.lt-ie8 input[type="date"]:focus,
.lt-ie8 input[type="month"]:focus,
.lt-ie8 input[type="time"]:focus,
.lt-ie8 input[type="week"]:focus,
.lt-ie8 input[type="number"]:focus,
.lt-ie8 input[type="email"]:focus,
.lt-ie8 input[type="url"]:focus,
.lt-ie8 input[type="search"]:focus,
.lt-ie8 input[type="tel"]:focus,
.lt-ie8 input[type="color"]:focus,
.lt-ie8 .campl-uneditable-input:focus { outline:thin dotted 1px;}


input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {cursor: not-allowed;background-color: #eeeeee;border-color: #ddd;}

input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"][readonly],
input[type="checkbox"][readonly] {background-color: transparent;}

input[type="submit"],input[type="reset"],input[type="button"],input[type="radio"],input[type="checkbox"] {width: auto;}

/* select menus */
select,
input[type="file"] {
  height: 28px;
  line-height: 28px;
}
/* In IE7, the height of the select element cannot be changed by height, only font-size */
.lt-ie8 select,
.lt-ie8 input[type="file"]{margin-top: 4px;}/* For IE7, add top margin to align select with labels */

select { width: 220px;border: 1px solid #bbb;}
select[multiple],select[size] {height: auto;}
select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {outline: thin dotted #333;outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px;}

/* radio buttons and checkboxes */
input[type="radio"],
input[type="checkbox"] {margin: 3px 0; line-height: normal;cursor: pointer;box-sizing: border-box; padding: 0; }
.lt-ie8 input[type="checkbox"] { vertical-align: baseline;margin-top: 0;width: 13px;height: 13px; }

.campl-radio,.campl-checkbox {min-height: 18px;padding-left: 18px;}
.campl-radio input[type="radio"],.campl-checkbox input[type="checkbox"] {float: left;margin-left: -18px;}
.campl-controls &gt; .campl-radio:first-child,.campl-controls &gt; .campl-checkbox:first-child {padding-top: 5px;}
.campl-radio.inline,.campl-checkbox.inline {display: inline-block;padding-top: 5px;margin-bottom: 0;vertical-align: middle;}
.campl-radio.inline + .campl-radio.inline,.campl-checkbox.inline + .campl-checkbox.inline {margin-left: 10px;}

/* containers for holding form elements */
.campl-control-group {margin-bottom: 9px;}
legend + .campl-control-group {margin-top: 18px;-webkit-margin-top-collapse: separate;}

.campl-control-group.campl-warning &gt; label,
.campl-control-group.campl-warning .campl-help-block{color: #c09853;}

.campl-control-group.campl-warning .campl-checkbox,
.campl-control-group.campl-warning .campl-radio,
.campl-control-group.campl-warning input,
.campl-control-group.campl-warning select,
.campl-control-group.campl-warning textarea {color: #c09853;border-color: #c09853;}

.campl-control-group.campl-warning .campl-checkbox:focus,
.campl-control-group.campl-warning .campl-radio:focus,
.campl-control-group.campl-warning input:focus,
.campl-control-group.campl-warning select:focus,
.campl-control-group.campl-warning textarea:focus {border-color: #a47e3c;}

.campl-control-group.campl-error &gt; label,
.campl-control-group.campl-error .campl-help-block {color: #b94a48;}

.campl-control-group.campl-error .campl-checkbox,
.campl-control-group.campl-error .campl-radio,
.campl-control-group.campl-error input,
.campl-control-group.campl-error select,
.campl-control-group.campl-error textarea {color: #b94a48;border-color: #b94a48;}

.campl-control-group.campl-error .campl-checkbox:focus,
.campl-control-group.campl-error .campl-radio:focus,
.campl-control-group.campl-error input:focus,
.campl-control-group.campl-error select:focus,
.campl-control-group.campl-error textarea:focus {border-color: #953b39;}

.campl-control-group.campl-success &gt; label,
.campl-control-group.campl-success .campl-help-block {color: #468847;}

.campl-control-group.campl-success .campl-checkbox,
.campl-control-group.campl-success .campl-radio,
.campl-control-group.campl-success input,
.campl-control-group.campl-success select,
.campl-control-group.campl-success textarea {color: #468847;border-color: #468847;}

.campl-control-group.campl-success .campl-checkbox:focus,
.campl-control-group.campl-success .campl-radio:focus,
.campl-control-group.campl-success input:focus,
.campl-control-group.campl-success select:focus,
.campl-control-group.campl-success textarea:focus {border-color: #356635;}

/* form actions for buttons */
.campl-form-actions {padding: 20px 0;margin:20px 0;border-top: 1px solid #e4e4e4;}
.lt-ie8 .campl-form-actions{zoom: 1;}
.campl-form-actions:before,.campl-form-actions:after {display: table;content: "";}
.campl-form-actions:after {clear: both;}

/* guidance along side form elements */
.campl-help-block{color: #555555;display: block;margin-bottom: 9px;}

/* 6.0 GRID STRUCTURE &amp; LAYOUT COMPONENTS (Grid taken from centage fluid grid framework)----------------------------------------------------*/
body {
   margin:0;padding:0;
   background: black; /* sml47 */
   width:100%;
}

.campl-row {
   clear:both;
   width:100%;
}
.lt-ie9 .campl-row, .lt-ie8 .campl-row{min-width:auto}

.campl-wrap{margin:0 auto;position:relative;clear:both;width:1177px; overflow: none;}
.campl-fixed-container{width:1024px}/*to remove fluid container from browsers without media queries */

.campl-column, .campl-column1, .campl-column2, .campl-column3, .campl-column4, .campl-column5, .campl-column6, .campl-column7, .campl-column8, .campl-column9,
.campl-column10, .campl-column11, .campl-column12{float: left;margin-right: 0;padding:0 0 0 0;}

.campl-column1 {width: 8.333333333333334%;}
.campl-column2 {width: 16.666666666666668%;}
.campl-column3 {width: 25%;}
.campl-column4 {width: 33.333333333333336%;}
.campl-column5 {width: 41.66666666666667%;}
.campl-column6 {width: 50%;}
.campl-column7 {width: 58.333333333333336%;}
.campl-column8 {width: 66.66666666666667%;}
.campl-column9 {width: 75%;}
.campl-column10 {width: 83.33333333333334%; margin: 0 auto; } /* sml47 */
.campl-column11 {width: 91.66666666666667%;}
.campl-column12 {width: 100%;}

/* IE fluid widths */

.lt-ie8 .campl-column1 {width: 8.133333333333335%;}
.lt-ie8 .campl-column2 {width: 16.46666666666667%;}
.lt-ie8 .campl-column3 {width: 24.8%;}
.lt-ie8 .campl-column4 {width: 33.13333333333333%;}
.lt-ie8 .campl-column5 {width: 41.46666666666667%;}
.lt-ie8 .campl-column6 {width: 49.8%;}
.lt-ie8 .campl-column7 {width: 58.13333333333333%; }
.lt-ie8 .campl-column8 {width: 66.46666666666667%; }
.lt-ie8 .campl-column9 {width: 74.8%;}
.lt-ie8 .campl-column10 {width: 83.13333333333334%}
.lt-ie8 .campl-column11 {width: 91.46666666666667%;}
.lt-ie8 .campl-column12 {width: 99.8%;}


/* content containers - structural */
.campl-content-container{padding:20px; padding-bottom: 10px; padding-top: 10px; padding-right: 0.3em; padding-left: 6px; z-index: 9999; } /* sml47 */
.campl-search-container{padding:20px 100px;}

.campl-no-top-padding, .campl-global-navigation-container, .campl-navigation-list{padding:0 20px 20px 20px}
.campl-top-padding{padding:20px 0 0 0 }

.campl-bottom-padding, .campl-vertical-teaser-img{padding:0 0 20px 0 }
.campl-side-padding{padding:0 20px}
.campl-vertical-padding, .campl-listing-txt{padding:20px 0}

.campl-horizontal-teaser-img, .campl-right-padding{padding:0 00px 0 0; /*border: 1px solid blue;*/ } /* sml47 */
.campl-horizontal-teaser-txt, .campl-left-padding{padding:0 0 0 10px }

.campl-no-left-padding{padding:20px 20px 20px 0}

.campl-listing-img{padding:10px 0 10px 15px }

.campl-vertical-teaser-txt, .campl-no-padding, .campl-promo-teaser .campl-vertical-teaser-img, .campl-focus-teaser .campl-horizontal-teaser-img, .campl-quicklinks-list{padding:0 0 0 0 }

.campl-promo-teaser .campl-vertical-teaser-txt{padding:15px}
.campl-focus-teaser .campl-horizontal-teaser-txt{padding:15px 15px 25px 15px}
.campl-promo-teaser .campl-teaser-title{margin-bottom:0}

.campl-navigation-list h3{padding-bottom:10px;}
.campl-navigation-list li{padding-bottom:5px; padding-left: 0.8em;}

.campl-event-cta-container{padding:20px 20px 60px 20px;}
.campl-notifications-container{padding:10px 80px;}
.campl-section-list-children{padding:15px 20px 15px}

/* content containers - decorative */
.campl-footer-navigation{background: url(/images/template-images/bg-footer-navigation.png) 100% 0 repeat-y;}
.campl-footer-navigation.last{background:none}

.campl-recessed-banner{margin-bottom:-50px}
.campl-recessed-content{padding-top:40px}
.campl-recessed-carousel{margin-bottom:-50px}

.campl-recessed-content .campl-tertiary-navigation{margin-top:-40px;padding-bottom:50px}

.campl-recessed-sub-title{margin-bottom:-40px;overflow:auto;}

.campl-recessed-secondary-content{margin-top:-36.6%} /* the top of front page RHS */

.campl-sub-column-right-border{border-right:1px solid #e4e4e4}
.campl-sub-column-left-border{border-left:1px solid #e4e4e4;margin-left:-1px}

.campl-teaser-divider{margin:0;border-bottom:1px solid #e4e4e4;border-top:0}
.campl-dotted-divider{margin:0;border-bottom:2px dotted #020902;border-top:0}

.campl-homepage-teaser{border-right:1px solid #e4e4e4}
.campl-alt{border-right:0}

.campl-heading-container{border-bottom:1px solid #e4e4e4;}

.image-container{position: relative; max-height:600px;overflow:hidden}
.campl-slide-caption-left h1{font-size:26px;line-height:30px;text-transform:uppercase}

/* Style the button and place it in the middle of the container/image */
.image-container .btn {
  position: absolute;
  top: 76%;
  left: 74%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background-color: #975FFF;
  color: white;
  font-size: 16px;
  padding: 10px 20px;
  border: none;
  cursor: pointer;
  border-radius: 5px;
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
  
}

.image-container .btn-left {
  left: 26%; /* Adjusted position for left-side alignment */
  background-color: #7f151d; /* Different color */
}

@media (min-width: 760px) and (max-width: 979px) {
  .image-container .btn {
    top: 81%;
    left: 74%;
  }

  .image-container .btn-left {
    left: 26%;
  }
}

.image-container .btn:hover,
.image-container .btn-left:hover {
  background-color: black;
  transition: 0.4s;
}

@media (min-width: 575px) and (max-width: 759px) {
  .image-container .btn,
  .image-container .btn-left {
    padding: 10px 10px;
  }
}

/* Carousel Centres homepage experiment */
.section-carousel .campl-slide-caption-left{background:url('/images/template-images/grey_bg.png') repeat scroll 0 0 transparent;bottom:20px;color:#fff;left:50px;top:auto;width:72%}
.campl-slide-caption-left{background:url('/images/template-images/yellow_bg.png') repeat scroll 0 0 transparent;color:#fff;left:0;padding:12px 16px 13px;position:absolute;text-align:left;top:50px;width:534px}
.campl-slide-caption-left{flex-basis:100%}
#flexcarousel .campl-slide-caption-left{left:auto;position:relative;top:0;width:auto}
.campl-primary-cta, .campl-primary-cta-real, .campl-primary-cta-rudd-blue, .campl-primary-cta-rudd-purple, .campl-primary-cta-rudd-red, .campl-primary-cta-rudd-yellow, .campl-primary-cta-rudd-green, .campl-primary-cta-rudd-orange {font-size:18px;line-height:24px}
.campl-primary-cta, .campl-primary-cta-real, .campl-primary-cta-rudd-blue, .campl-primary-cta-rudd-purple, .campl-primary-cta-rudd-red, .campl-primary-cta-rudd-yellow, .campl-primary-cta-rudd-green, .campl-primary-cta-rudd-orange {font-family:"myriad-pro",myriad,verdana,arial,sans-serif;font-weight:300}
.section-carousel h1 {color: #fff;}
/* Carousel Centres PEDAL specific styles */
.section-carousel .campl-primary-cta:link, .section-carousel .campl-primary-cta:visited {
    background: url('/images/template-images/icon-fwd-btn.png') no-repeat scroll 90% 50% #01AEBF ;
    color: #171717;
    padding-right: 20px;
}
/* Carousel Centres REAL specific styles */
.section-carousel .campl-primary-cta-real:link, .section-carousel .campl-primary-cta-real:visited {
    background: url('/images/template-images/icon-fwd-btn.png') no-repeat scroll 90% 50% #f5bc47 ;
    color: #171717;
    padding-right: 20px;
}
/* Carousel Centres Rudd specific styles */
/* Rudd has 6 different colour buttons */
.section-carousel .campl-primary-cta-rudd-blue:link, .section-carousel .campl-primary-cta-rudd-blue:visited {
    background: url('/images/template-images/icon-fwd-btn.png') no-repeat scroll 90% 50% #1a9ad9 ;
    color: #171717;
    padding-right: 20px;
}


.section-carousel .campl-primary-cta-rudd-purple:link, .section-carousel .campl-primary-cta-rudd-purple:visited {
    background: url('/images/template-images/icon-fwd-btn.png') no-repeat scroll 90% 50% #86419c ;
    color: #171717;
    padding-right: 20px;
}

.section-carousel .campl-primary-cta-rudd-red:link, .section-carousel .campl-primary-cta-rudd-red:visited {
    background: url('/images/template-images/icon-fwd-btn.png') no-repeat scroll 90% 50% #b74141 ;
    color: #171717;
    padding-right: 20px;
}

.section-carousel .campl-primary-cta-rudd-yellow:link, .section-carousel .campl-primary-cta-rudd-yellow:visited {
    background: url('/images/template-images/icon-fwd-btn.png') no-repeat scroll 90% 50% #e5ae2e ;
    color: #171717;
    padding-right: 20px;
}

.section-carousel .campl-primary-cta-rudd-green:link, .section-carousel .campl-primary-cta-rudd-green:visited {
    background: url('/images/template-images/icon-fwd-btn.png') no-repeat scroll 90% 50% #70c259 ;
    color: #171717;
    padding-right: 20px;
}

.section-carousel .campl-primary-cta-rudd-orange:link, .section-carousel .campl-primary-cta-rudd-orange:visited {
    background: url('/images/template-images/icon-fwd-btn.png') no-repeat scroll 90% 50% #f58737 ;
    color: #171717;
    padding-right: 20px;
}
/* end */

.views-row .campl-primary-cta-rudd-blue:link, .campl-primary-cta-rudd-blue:visited {
    background: url('/images/template-images/icon-fwd-btn.png') no-repeat scroll 90% 50% #1a9ad9 ;
    color: #171717;
    padding-right: 20px;
}


/* 7.0 CUSTOM MODULES -----------------------------------------------------------------------------------------------*/

/* Header */
.campl-global-header{position:relative;z-index:15}

.js .campl-open-menu{background:url(/images/template-images/btn-open-menu-sprite.png) no-repeat 0 0 ;width:32px;height:33px;float:left;display:none}
.js .campl-open-menu:focus, .js .campl-open-menu:hover, .js .campl-open-menu:active{background-position:0 -33px}

.campl-main-logo{padding:15px;display:block;float:left; padding-top: 10px; padding-right: 6px; padding-left: 6px;} /* sml47 */
.campl-main-logo:visited{text-decoration:none;border:0}
.campl-homepage-header .campl-main-logo{display:none}

.campl-search-drawer{border-top:1px solid #3f3f3f;position:relative;z-index:5}

/* global site search */
.campl-search-drawer{display:none}
.campl-site-search {padding:15px 0 15px 15px;float:none}
.campl-icon-search-btn{height:32px;width:32px;background:url(/images/template-images/btn-search-sprite-small.png) 0 0 no-repeat;display:none}
.campl-icon-search-btn:focus, .campl-icon-search-btn:hover, .campl-icon-search-btn:active{background-position: 0 -32px}
.campl-search-form-wrapper{background:#2c2c2c;height:32px;padding:0 0 0 10px}
.campl-site-search-form{display:block;padding:15px;}
.campl-site-search-form input{background:transparent; color:#9c9c9c;border:0;float:left;padding: 7px 0;width: 92%;}
.campl-site-search-form input.campl-search-submit{width:22px;padding:0;float:right;height:32px}


/* Contextual Search */
.campl-search-input{background-color: #FFFFFF;border: 0; display: inline-block; -moz-box-sizing: border-box;width: 100%;position: relative;margin-bottom: 0; height: 42px;min-height:42px;}
.lt-ie8 .campl-search-input{margin-left: 0;}
.campl-search-input input{border:0;padding:10px 8px 8px;vertical-align: middle;width:75%;float:left;margin-bottom:0}
.campl-search-input input.campl-search-submit{width:42px;padding:0;float:right;height:43px;-webkit-border-radius: 0;margin-right:0;float:right;margin-right:-1px}

/* Header search */
.campl-site-search .campl-search-input{height: 32px;min-height:32px;background-color: #343434;}
.campl-site-search .campl-search-input input{width:65%;padding:7px 0 7px 8px;background-color: #343434;color:#fff}
.campl-site-search .campl-search-input input.campl-search-submit{width:32px;height:32px;padding:0;}


/* global quick links */
.campl-quicklinks{width:100%;margin-top:15px;}
.campl-quicklinks-txt{padding:8px 0 0 8px;display:block;float:left}
.campl-icon-dropdown{height:32px;width:32px;background:url(/images/template-images/btn-quicklinks-sprite.png) 0 0 no-repeat;float:right }

.campl-open-quicklinks:focus .campl-icon-dropdown, .campl-open-quicklinks:hover .campl-icon-dropdown{background-position:0 -42px;}
.campl-open-quicklinks{display:block;
   background: #3d3d3d; /* Old browsers */
   background: -moz-linear-gradient(top,  #3d3d3d 0%, #292929 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3d3d3d), color-stop(100%,#292929)); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top,  #3d3d3d 0%,#292929 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top,  #3d3d3d 0%,#292929 100%); /* Opera 11.10+ */
   background: -ms-linear-gradient(top,  #3d3d3d 0%,#292929 100%); /* IE10+ */
   background: linear-gradient(to bottom,  #3d3d3d 0%,#292929 100%); /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d3d3d', endColorstr='#292929',GradientType=0 ); /* IE6-9 */;}

.js .campl-quicklinks-list{display:none} 
.js .campl-quicklinks-open .campl-icon-dropdown{background-position:0 -84px;}
.js .campl-quicklinks-open .campl-quicklinks-list{display:block;z-index:6;position:absolute;background:#2a2a2a;border-top:#000 solid 1px;border-right:0;width:200px }
.js .campl-quicklinks-open li{border-color:#4b4b4b;}

.js .campl-quicklinks-list a, .js .campl-quicklinks-list a:link, .js .campl-quicklinks-list a:visited{padding:8px 8px 8px 16px;display:block;background-position:6px 50%}

/*remove padding from other global nav*/
.js .campl-quicklinks-open .campl-global-navigation-container li{padding:0}


/* Homepage quicklinks */
.campl-homepage-quicklinks{position:relative;right:-60px}
.campl-homepage-quicklinks li a{padding:0 10px 5px 15px;margin-bottom:0;background:url(/images/template-images/icon-fwd-btn.png) 0 6px no-repeat;display:block;font-weight:bold}

/* Homepage Events highlight */
.campl-highlight-event-item{border-top:1px solid #e4e4e4}
.campl-highlight-date-container{width:55px;float:left;margin:0 10px 5px 0;}
.campl-highlight-date{text-align:center;padding:0px 0 2px 0}
.campl-highlight-day, .campl-highlight-event-link, .campl-highlight-date{display:block}
.campl-highlight-day{position:relative;bottom:-3px}

.campl-highlight-event-details{padding:5px 0 10px 0}
.campl-highlight-event-link{padding:3px 0 0}

/* Footer */
.campl-local-footer, .campl-global-footer{padding:20px 0}
.campl-footer-logo{padding-top:0}
.campl-footer-logo img{padding-bottom:20px}

/* Global Navigation */
.campl-global-navigation{border-left:1px solid #2e2e2e;margin-right:15px;float:left}
.campl-home-link-container{display:none}
.campl-global-navigation li a{padding:20px 7px;border-right:1px solid #2e2e2e;display:block;word-wrap: break-word;} /* sml47 */
.campl-global-navigation li a:focus, .campl-global-navigation li a:hover, .campl-global-navigation li a:active,
.campl-global-navigation li.campl-selected a{border-left:1px solid #737373;border-right:1px solid #737373;margin-left:-1px;background:#171717;position:relative;z-index:7;}
.campl-global-navigation li.campl-selected a{margin-bottom:-1px;padding-bottom:26px}

.js .campl-global-navigation-drawer, .js .campl-global-navigation-outer{display:none}
.js .campl-drawer-open, .js .campl-navigation-open{display:block}

/*mega drop down*/
.campl-global-navigation-drawer{z-index:4;position:relative;border-top:1px solid #3f3f3f;}
.campl-global-navigation-container li, .campl-global-navigation-container li li{padding:10px 0} 
.campl-global-navigation-container.last li{padding:15px 0}
.campl-global-navigation-secondary-with-children li{padding:10px 0 0}
.campl-global-navigation-header-container li{padding:10px 0 10px 20px} /* sml47 */
.campl-global-navigation-container li a, .campl-global-navigation-header-container li a{background:url(/images/template-images/icon-fwd-btn.png) no-repeat 0 50%;padding-left:10px }

.campl-global-navigation-tertiary{border:0;}
.campl-global-navigation-header-container .campl-global-navigation-tertiary li{padding-left:10px}
.campl-global-navigation-container p,  .campl-global-navigation-tertiary{padding-top:20px;margin-bottom:0}

.campl-global-navigation-outer{position:relative}
.campl-close-menu{position:absolute;height:30px;top:0;right:0;background:#000 url(/images/template-images/icon-close-menu-btn.png) 90% 50% no-repeat;padding:20px 50px 7px 12px;border-left:1px solid #3f3f3f;}

/* Local Navigation */

/* add some basic styling to help non javascript users navigate the site */
.campl-menu-btn, .campl-menu-indicator{display:none;}
.campl-local-navigation li {
   margin:0;
   font-size: 0.9em;
}

.campl-local-navigation a{display:block;}

.campl-local-navigation ul ul a{padding-left:40px;}
.campl-local-navigation ul ul ul a{padding-left:60px;}
.campl-local-navigation ul ul ul ul a{padding-left:80px;}

.js .campl-local-navigation{position:relative;z-index:13}
.js .campl-local-navigation .campl-local-navigation-container { margin: 0px 0 0 0 ;width: auto;}
.js .campl-local-navigation li.campl-back-link, .js .campl-local-navigation li.campl-back-link a{display: none;font-size: 0;height: 0;visibility: hidden;position:absolute}
.js .campl-local-navigation li { display: inline;float: left;margin:0 0 -1px 0}
.js .campl-local-navigation li li{margin:0}
.js .campl-local-navigation li.campl-title{display:none}
.lt-ie8 .campl-local-navigation li {margin:0}

.js .campl-local-navigation a{padding:11px 6px;} /* sml47 top level menu padding that item has no drop down */

.js .campl-local-navigation li.campl-sub&gt;a{padding:11px 30px 11px 4px;margin:0} /* sml47 top level menu padding when item has a drop down */
   .js .campl-local-navigation li.campl-sub&gt;a{background-image:url(/images/template-images/bg-local-navigation-sub-arrow.png);background-repeat:no-repeat;background-position: 95% 50% ;} /* sml47 top level menu down arrow position */

   .js .campl-local-navigation li &gt; ul {margin-top:-1px}
   .js .campl-local-navigation li ul {left: -9999px;position: absolute; width: 235px;z-index:14;}
   .js .campl-local-navigation li.campl-hover a{display: block;}

   .js .campl-local-navigation li.campl-hover ul {left: auto;}
   .js .campl-local-navigation li.campl-hover ul {display: block;float: none;}
   .js .campl-local-navigation li.campl-hover li{float: none;}
   .js .campl-local-navigation li.campl-hover li a{display: block;padding:10px 40px 10px 10px}

   .js .campl-local-navigation li.campl-hover ul li ul {left: -9999px;}
   .js .campl-local-navigation li.campl-hover ul li.campl-hover ul{left: 235px;top: 0;}


   /* campl-vertical-breadcrumb - tertiary navigation */
   .campl-tertiary-navigation{position:relative;z-index:11}
   .campl-tertiary-navigation-structure{background:#fff;border-bottom:1px solid #e4e4e4;}

   .campl-vertical-breadcrumb li{line-height:16px;position:relative;word-wrap:break-word}
   .campl-vertical-breadcrumb a{padding:16px 30px 16px 20px;background:#fafafa url(/images/template-images/bg-vertical-breadcrumb-up-arrow.png) no-repeat 95% 50% ;border-bottom:1px solid #e4e4e4;display:block;position:relative;}
   .campl-vertical-breadcrumb-indicator{z-index:9;display:block;width:19px;height:10px;background:url(/images/template-images/bg-vertical-breadcrumb-indicator-arrow.png) no-repeat 0 0;position:absolute;bottom:-10px;left:20px;}

   .campl-vertical-breadcrumb a:focus, .campl-vertical-breadcrumb a:hover, .campl-vertical-breadcrumb a:active {
      background:#efefef url(/images/template-images/bg-vertical-breadcrumb-up-arrow.png) no-repeat 95% 50%;text-decoration:none
   }
   .campl-vertical-breadcrumb a:focus .campl-vertical-breadcrumb-indicator, 
   .campl-vertical-breadcrumb a:hover .campl-vertical-breadcrumb-indicator,
   .campl-vertical-breadcrumb a:active .campl-vertical-breadcrumb-indicator{background:url(/images/template-images/bg-vertical-breadcrumb-indicator-arrow-over.png) no-repeat 0 0;}

   .campl-vertical-breadcrumb-navigation{display:block;padding:5px 10px;font-weight:bold } /* sml47 */
   .campl-vertical-breadcrumb-navigation .campl-selected &gt; a,
   .campl-vertical-breadcrumb-navigation .campl-selected &gt; a:focus,
   .campl-vertical-breadcrumb-navigation .campl-selected &gt; a:hover,
   .campl-vertical-breadcrumb-navigation .campl-selected &gt; a:visited {color:#171717;} 
   .campl-vertical-breadcrumb-navigation li{padding:10px 0;border-bottom:3px solid #000000}
   .campl-vertical-breadcrumb-navigation li:last-child{border-bottom:0}

   .campl-vertical-breadcrumb-children{border-bottom:0;margin:10px 0 0; }
   .campl-vertical-breadcrumb-children li{padding:7px 0px 9px 0;border-bottom: 1px solid #a0a0a0;font-weight:normal} /* sml47 */
   .campl-vertical-breadcrumb-children a{border-bottom:0;background:#fff /*url(/images/template-images/bg-vertical-breadcrumb-right-arrow.png) no-repeat 0 50%; */font-weight:normal;padding:0 0 0 0px}   /* sml47 */
   .campl-vertical-breadcrumb-children a:focus, .campl-vertical-breadcrumb-children a:hover, .campl-vertical-breadcrumb-children a:active{background:#fff /* url(/images/template-images/bg-vertical-breadcrumb-right-arrow.png) no-repeat 0 50%; */ text-decoration:underline} /* sml47 */      
               
   .campl-vertical-breadcrumb-children .campl-selected a{cursor:default}
   .campl-vertical-breadcrumb-children .campl-selected a:focus, .campl-vertical-breadcrumb-children .campl-selected a:hover{text-decoration:none}

   /* Breadcrumbs */
   .campl-breadcrumb{color:#fff;padding-bottom:20px}
   /*.campl-breadcrumb li{padding:0 2px 0 17px;background: url(/images/template-images/bg-breadcrumb-link.png) 5px 50% no-repeat;white-space:nowrap;} image of forward slash*/
   .campl-breadcrumb li{padding:0 2px 0 4px; white-space: nowrap;}
   .campl-breadcrumb li:first-child, .campl-breadcrumb li.first-child{background:none;padding:0}
   .campl-breadcrumb .campl-home{background: url(/images/template-images/icon-breadcrumb-home.png) 0 0 no-repeat;width:17px; height:17px;padding:0}
   .campl-breadcrumb .campl-current{margin:0;}
   .campl-breadcrumb a:visited, .campl-mobile-parent a:visited{border:0;}

   .campl-mobile-parent{display:none;position:relative;padding:0 0 0 25px;margin-bottom:10px }
   .campl-mobile-parent .campl-menu-indicator{left:0}

/* Page header inside content */
.campl-page-title{clear:both}
.campl-co-branding-logo{float:left;padding:0 20px 20px 0}
.campl-co-branding-container .campl-page-title{clear:none}
.campl-page-sub-title{position:relative;z-index:0}

/* Carousel */
.campl-carousel{background:#fff;text-align:center;position:relative;}
.campl-carousel .campl-carousel-container{position:relative;overflow:hidden;}
.campl-carousel .campl-slides{left:0;margin:0;overflow:hidden;padding:0;position:relative;top:0;}

.campl-slides, .campl-slide {padding:0;margin:0}
.campl-carousel li{position:relative;float:left;}
.campl-carousel a{overflow:hidden;}

.campl-carousel-controls{position:absolute;bottom:0;right:0}
.campl-carousel-controls li{width:50px;height:50px;margin-left:1px;}
.campl-carousel-control-btn{width:50px;height:50px;display:block;position:relative;}
.campl-carousel-control-btn .campl-arrow-span{width:25px;height:25px;background-position:0 0;background-repeat:no-repeat;display:block;position:absolute;left:50%;margin-left:-12.5px;top:50%;margin-top:-12.5px }

.campl-carousel-controls .campl-next .campl-arrow-span {background-image:url(/images/template-images/btn-carousel-next.png)}
.campl-carousel-controls .campl-previous .campl-arrow-span{background-image:url(/images/template-images/btn-carousel-prev.png)}

.campl-slide{position:relative}
.campl-slide-caption{background-color: rgba(0, 0, 0, 0.6);position:absolute;bottom:0;right:101.5px;color:#fff;padding:12px 16px 13px;left:0;text-align:left}

.campl-slide-caption-txt{margin-right:40px;}
.campl-carousel-pagination{position:absolute;right:16px;bottom:16px}

/* Add image attribute overlay to carousel*/
.image-container .attribute-overlay {
  position: absolute;
  top: 0;  /* Adjust as needed */
  left: 0;   /* Adjust as needed */
  background-color: rgba(0, 0, 0, 0.1); /* Black background with 0.5 opacity */
  font-size: 8px;
  color: #a7a7a7; /* Off-White text */
  padding: 5px;
  width: auto; /* or the width you desire */
  text-align: left; /* Center the text */
}

/* single banner with caption */
.campl-banner .campl-slide-caption{right:20px}
.campl-banner .campl-slide-caption-txt{margin-right:0}

/* Related links */
.campl-related-links li {padding:10px 20px 10px 0; border-bottom:1px solid #e4e4e4;margin-bottom:0}

/* Listing item */
.campl-listing-item{clear:both;position:relative;border-bottom:1px dotted #000000;margin-bottom:10px}
.campl-listing-item:last-child{border:0}

/* news listing */
.campl-news-listing{border-bottom:1px dashed #b5b5b5;}

/* events */
.campl-event-details{border:1px solid #e4e4e4;border-width:1px 0 1px 0;}
.campl-event-details-dl{float:left;margin:0;padding:0}
.campl-event-details-dl dt, .campl-event-details-dl dd{float:left;margin:0;padding:5px 10px 5px 0;}

.campl-events-cta{float:right}
.campl-events-cta li{margin-left:10px}

/* paging controls */
.campl-paging{margin-top:-38px}
   
.campl-paging-btn{width:38px;height:38px;display:block;position:relative;}
.campl-arrow-span{width:8px;height:11px;background-position:0 0;background-repeat:no-repeat;display:block;position:absolute;left:50%;margin-left:-3px;top:50%;margin-top:-5px }

.campl-paging-btn:focus, .campl-paging-btn:hover{background:#454545}
.campl-next .campl-arrow-span {background-image:url(/images/template-images/icon-fwd-btn-larger.png)}
.campl-previous .campl-arrow-span{background-image:url(/images/template-images/icon-back-btn-larger.png)}

.campl-current-date{color:#fff;line-height:38px;margin:0 39px;position:relative;right:39px;left:0;background:#171717;}
.lt-ie8 .campl-current-date{padding:2px 0 3px 0}
.campl-paging-container{text-align:center;}  
.campl-paging .campl-previous-li{float:left;border-right:1px solid #fff}
.campl-paging .campl-next-li{float:right;border-left:1px solid #fff}

/* search results */
.campl-filter-navigation{margin-left:-7px;padding:8px 0 5px}
.campl-filter-navigation li{border-right:1px solid #444;line-height:14px;padding:0 7px;font-weight:bold}
.campl-filter-navigation li:last-child{border:0}

/* teasers */
.campl-teaser {clear:both}
.campl-teaser p{margin-bottom:20px;}

.campl-teaser-img-link{position:relative;display:block}
.campl-overlay{width:60px;height:60px;background: url(/images/template-images/icon-media-sprite.png) 0 0 no-repeat;position:absolute;bottom:0;right:0;}
.campl-audio-overlay{background-position:-10px -10px}
.campl-video-overlay{background-position:-11px -108px}
.campl-teaser-img-link:focus .campl-audio-overlay, .campl-teaser-img-link:hover .campl-audio-overlay{background-position:-97px -10px}
.campl-teaser-img-link:focus .campl-video-overlay, .campl-teaser-img-link:hover .campl-video-overlay{background-position:-98px -108px}

.campl-focus-teaser{margin-bottom:20px;position:relative}
.campl-focus-teaser-img{width: 41.6667%;float: left;margin-right: 0;padding: 0;}
.campl-focus-teaser-txt{width: 58.3333%;float: left;margin-right: 0;padding: 0;}

.lt-ie8 .campl-focus-teaser-img{width: 41.1667%;}
.lt-ie8 .campl-focus-teaser-txt{width: 58.1333%;}

.campl-vertical-teaser-img{position:relative}
.campl-topic{position:absolute;top:0;left:0;z-index:12}

/* .pagination */
.campl-pagination {height: 36px;margin: 18px 0;position:relative;}
.campl-pagination ul {display: inline-block;margin-bottom: 0;margin-left: 0;}
.lt-ie8 .campl-pagination ul {display: inline;zoom: 1}
.campl-pagination li {display: inline;}
.campl-pagination a, .campl-elipsis{float: left;padding: 5px 7px;line-height: 12px;text-decoration: none;border: 1px solid #d6d6d6;margin:0 2px;}
.campl-elipsis{border:0}
.campl-pagination a:hover,.campl-pagination .campl-active a {background-color: #f2f2f2;color:#000000;}

.campl-pagination .campl-active a {cursor: default;font-weight:bold;}

.campl-pagination-centered {text-align: center;}

.campl-pagination-right {text-align: right;}

.campl-pagination .campl-pagination-btn{border:0;width:8px;height:14px;display:block;position:relative;background:#000}
.campl-pagination .campl-pagination-btn:hover{background:#454545}
.campl-pagination .campl-previous-li{left:0;top:50%;margin-top:-6px}
.campl-pagination .campl-next-li{right:0;top:50%;margin-top:-6px}

/* Accordion */
.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}

.active, .accordion:hover {
  background-color: #ccc; 
}

.panel {
  padding: 0 18px;
  display: none;
  background-color: white;
  overflow: hidden;
}

/* navigation list */
.campl-list-container{text-align:center}
.campl-mobile-list-layout{display:none}
.campl-desktop-list-layout{padding-bottom:10px}
.campl-desktop-list-layout li{background:url(/images/template-images/bg-navigation-divider.png) center right no-repeat ;padding:0 14px 0 5px;display:inline-block; }
.lt-ie8 .campl-desktop-list-layout li{padding:0 10px 0 5px;display:inline}
.campl-desktop-list-layout li:last-child{background:none}

.lt-ie8 .campl-desktop-list-layout li{padding:0 4px 0 4px}
.lt-ie8 .campl-desktop-list-layout li a{padding:0 8px 0 0;top:2px}
.lt-ie8 .campl-desktop-list-layout a .campl-list-indicator{bottom:-28px;margin-left:-26px}

.campl-desktop-list-layout a{position:relative;}
.campl-desktop-list-layout a .campl-list-indicator{display:none;height:21px;width:41px;background:url(/images/template-images/bg_list_indicator.png) 0 0 no-repeat;position:absolute;bottom:-35px;left:50%;margin-left:-22px}
.campl-desktop-list-layout a:focus .campl-list-indicator, .campl-desktop-list-layout a:hover .campl-list-indicator, .campl-desktop-list-layout .campl-selected .campl-list-indicator {display:block}

/* Tables */
td, th { vertical-align: top; }
table {max-width: 100%;background-color: transparent;border-collapse: collapse;border-spacing: 0;}
.campl-table {width: 100%;margin-bottom: 18px;}
.campl-table th,.campl-table td {padding: 10px 15px;line-height: 18px;text-align: left;vertical-align: top}
.campl-table th {font-weight: bold;}
.campl-table thead th {vertical-align: bottom;}
.campl-table caption + thead tr:first-child th,
.campl-table caption + thead tr:first-child td,
.campl-table colgroup + thead tr:first-child th,
.campl-table colgroup + thead tr:first-child td,
.campl-table thead:first-child tr:first-child th,
.campl-table thead:first-child tr:first-child td {border-top: 0;}

.campl-table-condensed th,.campl-table-condensed td {padding: 4px 5px;}
.campl-table-bordered {border-left:1px solid #e4e4e4;border-right:1px solid #e4e4e4;border-collapse: separate;border-left: 0;}
.lt-ie8 .campl-table-bordered {border-collapse: collapsed;}

.campl-table-bordered td { border-left: 1px solid #e4e4e4;}
.campl-table-bordered caption + thead tr:first-child th,
.campl-table-bordered caption + tbody tr:first-child th,
.campl-table-bordered caption + tbody tr:first-child td,
.campl-table-bordered colgroup + thead tr:first-child th,
.campl-table-bordered colgroup + tbody tr:first-child th,
.campl-table-bordered colgroup + tbody tr:first-child td,
.campl-table-bordered thead:first-child tr:first-child th,
.campl-table-bordered tbody:first-child tr:first-child th,
.campl-table-bordered tbody:first-child tr:first-child td {border-top: 0;}

.campl-table-heading{display:none;font-weight:bold;padding-right: 10px; white-space: wrap;}

caption{background:#fff;padding:5px 0}
.campl-responsive-table{position:relative}
.campl-expanded-table{width:1074px;}
.campl-full-width-table{width:1024px; max-width:1024px;}

/* See also Line 1916 for Graduate PPD Undergrad PGCE zebra stripe table - jlh208*/

/* Calendar - Zebra_DatePicker: a lightweight jQuery date picker plugin*/
.Zebra_DatePicker table{width:100%;border:0;}

.Zebra_DatePicker .dp_footer{display:none}

.Zebra_DatePicker .dp_daypicker td{ text-align:right;padding:0 3px 9px 6px;background:#e1e1e1;border:1px solid #fff;border-width:0px 1px 0 0;cursor:pointer}
.Zebra_DatePicker .dp_daypicker th{text-align:center;background:#fff;color:#444;font-weight:normal;padding:5px}
.Zebra_DatePicker .dp_daypicker tr{border-bottom:1px solid #fff}
.Zebra_DatePicker .dp_daypicker tr:last-child{border:0}
.Zebra_DatePicker .dp_daypicker tr td:last-child{border-right:0;}

.Zebra_DatePicker .dp_header{border-top:1px solid #d5d3d2}
.Zebra_DatePicker .dp_header td { color: #FFF }

.Zebra_DatePicker .dp_header .dp_previous,
.Zebra_DatePicker .dp_header .dp_next{ width: 30px }

.Zebra_DatePicker .dp_header .dp_caption,
.Zebra_DatePicker .dp_header .dp_previous,
.Zebra_DatePicker .dp_header .dp_next{ text-align:center;background:#fff;color:#444;padding:5px}

.Zebra_DatePicker .dp_header .dp_hover{ background: #222; color: #FFF; }
.Zebra_DatePicker .dp_header .dp_blocked{ color: #888; cursor: default }

.Zebra_DatePicker td.dp_not_in_month{ background: #edeaea; color: #b4b3b3; cursor: default }
.Zebra_DatePicker td.dp_selected{ background: #222; color: #FFF !important }

.Zebra_DatePicker td.dp_current {background:#888888; color: #fff }
.Zebra_DatePicker td.dp_disabled_current{ background: #edeaea; color: #b4b3b3;}
.Zebra_DatePicker td.dp_disabled, .Zebra_DatePicker td.dp_weekend_disabled{background: #edeaea; color: #b4b3b3; cursor: default }
.Zebra_DatePicker td.dp_hover{ background: #222; color: #FFF }

.js .campl-event-dates{display:none}
.dp_highlighted a{display:block;position:relative;}
/*.campl-event-indicator{width:5px;height:5px;position:absolute;bottom:-4px;left:-2px;display:block;background:#f3f3f3}*/
.campl-event-indicator{width:5px;height:5px;position:absolute;bottom:-4px;left:-2px;display:block;background:#99AFAA}

/* Tabs and pills */
.campl-nav {margin-left: 0;margin-bottom: 20px;list-style: none;}
.campl-nav &gt; li &gt; a {display: block;}
.campl-nav &gt; li &gt; a:hover {text-decoration: none;background-color: #eeeeee;}
.campl-nav &gt; li &gt; a:visited {border:0}

.campl-nav-tabs{padding-left:20px;border-bottom:2px solid  #0088cc;}
.campl-nav-tabs,.campl-nav-pills {margin-bottom:0}
.lt-ie8 .campl-nav-tabs, .lt-ie8 .campl-nav-pills {zoom: 1;}

.campl-nav-tabs:before,.campl-nav-pills:before,
.campl-nav-tabs:after,.campl-nav-pills:after {display: table;content: "";line-height: 0;}
.campl-nav-tabs:after,.campl-nav-pills:after {clear: both;}
.campl-nav-tabs &gt; li,.campl-nav-pills &gt; li {float: left;margin:0;word-wrap: break-word;padding-bottom:0}

.lt-ie8 .campl-nav-tabs &gt; li, .lt-ie8 .campl-nav-pills &gt; li {white-space:nowrap;}

.campl-nav-tabs &gt; li &gt; a,
.campl-nav-pills &gt; li &gt; a {padding-right: 12px;padding-left: 12px;margin-right: 2px;line-height: 20px;}
.lt-ie8 .campl-nav-pills &gt; li a{padding-bottom:15px}

.campl-nav-tabs &gt; li &gt; a {padding-top: 8px;padding-bottom: 8px;line-height: 20px;}
.campl-nav-tabs &gt; li &gt; a:hover {border-color: #eeeeee #eeeeee #dddddd;}

.campl-nav-tabs &gt; .active &gt; a,
.campl-nav-tabs &gt; .active &gt; a:hover {cursor: default;color: #ffffff;background-color: #0088cc;}

.campl-nav-pills &gt; li &gt; a {padding-top: 8px;padding-bottom: 8px;margin-top: 2px;margin-bottom: 2px;}

.campl-nav-pills &gt; .active &gt; a,
.campl-nav-pills &gt; .active &gt; a:hover {color: #ffffff;background-color: #0088cc;}

.tab-content {overflow: auto;}
.tab-content &gt; .tab-pane, .pill-content &gt; .pill-pane {display: none;}
.tab-content &gt; .active,.pill-content &gt; .active {display: block;}


/* Notifications */
.campl-notifications-panel{border-bottom:4px solid red;margin-bottom:20px;position:relative;
-moz-box-shadow:  0 2px 1px 0 #eee;-webkit-box-shadow: 0 2px 1px 0 #eee;box-shadow: 0 2px 1px 0 #eee;}
.campl-notifications-panel p{padding-top:5px}

.campl-close-panel{width:23px;height:23px;position:absolute;top:4px;right:4px;background:url(/images/template-images/btn-close-panel.png) 0 0 no-repeat}

.campl-notifications-icon{float:right;font-weight:bold;background-repeat:no-repeat;background-position:center left;padding:5px 5px 5px 30px ;margin-bottom:0}
.campl-success-icon{background-image:url(/images/template-images/icon-success.png)}
.campl-warning-icon{background-image:url(/images/template-images/icon-warning.png);padding-left:35px}
.campl-alert-icon{background-image:url(/images/template-images/icon-alert.png)}
.campl-information-icon{background-image:url(/images/template-images/icon-information.png)}


/* Tooltips */
#tooltip{text-align: center;color: #f7fcff;background: #4f4f4f;position: absolute;z-index: 100;padding: 15px;border:1px solid #e4e4e4;
   -moz-box-shadow:  0 2px 1px 0 #eee;-webkit-box-shadow: 0 2px 1px 0 #eee;box-shadow: 0 2px 1px 0 #eee;
   }
/* triangle decoration */
#tooltip:after{width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #4f4f4f;
   content: '';position: absolute;left: 50%;bottom: -10px;margin-left: -10px;
}
#tooltip.top:after{border-top-color: transparent;border-bottom: 10px solid #f7fcff;top: -20px;bottom: auto;}
#tooltip.left:after{left: 10px;margin: 0;}
#tooltip.right:after{right: 10px;left: auto;margin: 0;}


/* Partnershp branding */
.campl-partnership-branding{border-top:4px solid #eee}
.campl-logo-container{border-bottom:dotted 2px #e4e4e4;position:relative}
.campl-logo-container:last-child{border:0}
.campl-logo-list li{margin-top:25px;margin-right:40px}
.campl-branding-title{position:absolute;top:1px;right:0;}


/* Section list */
.campl-section-list-heading{display:block;border-right:1px solid #e4e4e4;margin-bottom:0}
.campl-section-list-children{border-right:1px solid #e4e4e4;margin-bottom:0}
.campl-section-list{margin-bottom:0}
.campl-section-list li{padding: 5px 0}
.campl-section-list-children li{border-bottom:1px solid #e4e4e4;font-weight:bold}
.campl-section-list-children li li, .campl-section-list-children li:last-child{border:0;font-weight:normal}
.lt-ie9 .campl-section-list-children li.campl-last{border:0;}
.lt-ie9 .campl-section-list-children li li{font-weight:normal}


/* 8.0 MEDIA QUERIES ------------------------------------------------------------------------------------------------*/

/* larger screens */
@media only screen and (min-width: 1200px){
   .campl-wrap{width:1177px}
	.campl-theme-ff .campl-carousel-control-btn {
    background: 
    #263e5f;
}
}

/* larger screens */
@media only screen and (max-width: 1199px){

.campl-wrap{width:100%; }
.campl-homepage-quicklinks{position:static}
	.campl-theme-ff .campl-carousel-control-btn {
    background: 
    #263e5f;
}
}

/* standard desktop screens */
@media only screen and (max-width: 1280px){
   .campl-main-logo{padding:15px 10px}

   img.campl-float-right{float:none;margin:10px 0 20px 0;}
   img.campl-float-left{float:none;margin:10px 0 20px 0;}

   .campl-desktop-list-layout li{padding:0 11px 0 1px;}
	.campl-theme-ff .campl-carousel-control-btn {
    background: 
    #263e5f;
}
}


/* tablet portrait to standard desktop */
@media (min-width: 768px) and (max-width: 1280px) {
	.campl-theme-ff .campl-carousel-control-btn {
    background: 
    #263e5f;
}

}
@media (max-width: 1000px) {
   /*Change main nav*/
   .campl-global-navigation{width:280px}
   .campl-global-navigation li{width:33%}
   .campl-global-navigation li a{padding:25px 10px}
   .campl-header-container{width:auto;float:left}
	.campl-theme-ff .campl-carousel-control-btn {
    background: 
    #263e5f;
}
}


/* font sizes to handle calendar in third column */
@media (min-width: 1081px) and (max-width: 1280px){
   .campl-column3 .Zebra_DatePicker table{font-size:10px}
   .campl-column3 .Zebra_DatePicker .dp_daypicker td{ padding: 0 2px 5px 2px;}
   .campl-column3 .campl-event-indicator{bottom:0;left:0;}
	.campl-theme-ff .campl-carousel-control-btn {
    background: 
    #263e5f;
}
}

@media (min-width: 1024px) and (max-width: 1080px) {

   .campl-site-search .campl-search-input input{width:50%}
   
   .campl-column3 .Zebra_DatePicker table{font-size:9px}
   .campl-column3 .Zebra_DatePicker .dp_daypicker td{ padding: 0 1px 2px 1px;}
   .campl-column3 .campl-event-indicator{bottom:1px;left:1px;}
	.campl-theme-ff .campl-carousel-control-btn {
    background: 
    #263e5f;
}
}


/* tablet landscape */
@media only screen and (max-width: 1024px){

   .campl-site-search {padding-right:15px}

   .campl-pagination a, .campl-elipsis{padding: 8px 15px;line-height: 20px;}
   
   .campl-pagination .campl-pagination-btn{width:11px;height:22px;}
   .campl-pagination .campl-pagination-btn:focus, .campl-pagination .pagination-btn:hover{background:#454545}
   .campl-pagination .campl-previous-li{left:0;top:50%;margin-top:-10px}
   .campl-pagination .campl-next-li{right:0;top:50%;margin-top:-10px}
   
   .campl-column3 .Zebra_DatePicker table{font-size:9px}
   .campl-column3 .Zebra_DatePicker .dp_daypicker td{ padding: 0 1px 2px 1px;}
   .campl-column3 .campl-event-indicator{bottom:1px;left:1px;}

   .ravenloggedin { display : none; }

   /* FoE-net link in header (top right) visible */
   span.header-foenet { display: block; }
	.campl-theme-ff .campl-carousel-control-btn {
    background: 
    #263e5f;
}

}

/* tablet portrait */
@media (min-width: 760px) and (max-width: 979px) {
   .campl-column3 .Zebra_DatePicker table{font-size:8px}
   .campl-site-search .campl-search-input input{width:50%}
   blockquote.campl-float-right {display:none}
	.campl-theme-ff .campl-carousel-control-btn {
    background: 
    #263e5f;
}
	
	
	/* Carousel button - If the screen size is 600px wide or less, set the font-size of &lt;div&gt; to 12px */
@media screen and (max-width: 600px) {
  .image-container .btn, .image-container .btn-left {
    font-size: 12px;
	  padding: 10px 10px;
  }
}
	
	/* END CUSTOM CAROUSEL CSS */
	
	
	
   .campl-page-header h1, .campl-carousel-content p, .campl-page-title{font-size: 28px;line-height: 55px;margin-bottom:0}
   .campl-page-sub-title h2, .campl-sub-title{font-size: 26px;line-height: 32px;color:#fff;margin-bottom:0}
   .campl-homepage-content h2{font-size: 26px;line-height: 32px;margin-bottom:0}
   h1, .campl-light-heading{font-size: 26px;line-height: 32px;}
   h2, .campl-slide-caption-txt,  legend, .campl-highlight-day{font-size: 24px;line-height: 30px;}
   
   h3{font-size: 22px;line-height: 28px;}
   h4,.campl-branding-title, .campl-sub-section-page .campl-page-header h1,
   .campl-sub-section-page .campl-page-title {font-size:20px;line-height: 26px}
   h5, .campl-vertical-breadcrumb, .campl-enlarged-text, .campl-teaser-title,  .campl-primary-cta, .btn, 
   .campl-local-footer h3, .campl-global-footer h3, .campl-desktop-list-layout, .campl-local-navigation {font-size:18px;line-height: 24px}
   h6, .campl-simple-heading, .campl-listing-title, .campl-news-listing .campl-datestamp, .campl-current-date{font-size:17px;line-height: 23px}
   .campl-nav-tabs, .campl-nav-pills{font-size:17px;line-height: 20px}
   .campl-nav-tabs &gt; li &gt; a, .campl-nav-pills &gt; li &gt; a {line-height:20px}
   body, label, input, button, select, textarea, .campl-global-navigation, h4, h5, h6, .campl-topic{font-size: 16px; line-height: 22px;}
   .campl-pagination, .highlight, .campl-highlight-alert, .campl-datestamp, .campl-search-term, .campl-topic{font-size:15px;line-height: 20px}

   p, li {margin:0 0 15px 0}
   
   ul, ol{padding: 0;margin: 15px 0 9px 15px;}

   img.campl-float-right{margin:10px 0 10px 0;}
   img.campl-float-left{margin:10px 0 10px 0;}

   blockquote.campl-float-right {display:none}
   
   textarea,
   input[type="text"],
   input[type="password"],
   input[type="datetime"],
   input[type="datetime-local"],
   input[type="date"],
   input[type="month"],
   input[type="time"],
   input[type="week"],
   input[type="number"],
   input[type="email"],
   input[type="url"],
   input[type="search"],
   input[type="tel"],
   input[type="color"],
   .campl-uneditable-input,
   .campl-input-block-level {height: 22px;}
   .campl-input-block-level {min-height: 32px;}
   
   select, input[type="file"] { height: 32px;line-height: 32px;}

   /*reset fixed width columns back to full width for mobile */
     [class*="campl-column"], .campl-column{
       float: none;
       display: block;
       width: auto;
       margin-left: 0;
     }

   .campl-wrap{width:100%; }
   .campl-search-container{padding:20px;}
   .campl-no-left-padding{padding: 0 20px 20px 20px}
   .campl-recessed-secondary-content {margin-top:0}
   .campl-spacing-column,  .campl-sub-section-title{display:none}
   .campl-homepage-logo-header{display:none}
   .campl-footer-navigation{background: none;}
   .campl-footer-navigation ul{display:none}
   .campl-footer-navigation ul.campl-page-children, .campl-footer-navigation ul.campl-global-footer-links{display:block}
   
   .campl-horizontal-teaser-img{padding:0 0 20px 0 }
   .campl-horizontal-teaser-txt{padding:0 0 0 0 }
   
   .campl-navigation-open .campl-row{margin-left:260px}
   
   .campl-site-search{float:right;}
   
   .js .campl-search-drawer, .campl-close-menu{display:none}
   .js .campl-search-open{display:block}
   
   .campl-site-search .campl-search-input{display:none}
   .campl-icon-search-btn{display:block}
   
   .campl-main-logo {padding:15px 0;margin-left:-89px;position:absolute;left:50%}
   .campl-homepage-header .campl-main-logo{display:block}

   .campl-home-link-container{display:block;}
   .campl-home-link-container a{display:block;padding:21px 15px;border-right:1px solid #2f2f2f;font-weight:bold;}
   .campl-global-navigation-container li a, .campl-global-navigation-header-container li a{background:none}
   .campl-home-link-container a, .campl-quicklinks-list li a, .campl-global-navigation-outer {
      background:url(/images/template-images/bg-mobile-nav-border.png) repeat-x bottom left;
   }
   .campl-global-navigation-outer {padding-bottom:2px}
   
   .campl-home-link-container a:focus, .campl-global-navigation-mobile-list a:focus, .js .campl-quicklinks-list a:focus,
   .campl-home-link-container a:hover, .campl-global-navigation-mobile-list a:hover, .js .campl-quicklinks-list a:hover{text-decoration:none}
   
   .campl-home-link-container, .campl-global-navigation-mobile-list, .campl-quicklinks-list li {margin:0;
      background:#323232;
      background-image: linear-gradient(bottom, rgb(50,50,50) 17%, rgb(59,59,59) 59%);
      background-image: -o-linear-gradient(bottom, rgb(50,50,50) 17%, rgb(59,59,59) 59%);
      background-image: -moz-linear-gradient(bottom, rgb(50,50,50) 17%, rgb(59,59,59) 59%);
      background-image: -webkit-linear-gradient(bottom, rgb(50,50,50) 17%, rgb(59,59,59) 59%);
      background-image: -ms-linear-gradient(bottom, rgb(50,50,50) 17%, rgb(59,59,59) 59%);

      background-image: -webkit-gradient(
         linear,
         left bottom,
         left top,
         color-stop(0.17, rgb(50,50,50)),
         color-stop(0.59, rgb(59,59,59))
      );}
   
   .campl-home-link-container:hover, .campl-quicklinks-list li:hover,
   .campl-home-link-container:focus, .campl-quicklinks-list li:focus {
      background:#2a2a2a;
      background-image: linear-gradient(bottom, rgb(36,36,36) 20%, rgb(42,42,42) 80%);
      background-image: -o-linear-gradient(bottom, rgb(36,36,36) 20%, rgb(42,42,42) 80%);
      background-image: -moz-linear-gradient(bottom, rgb(36,36,36) 20%, rgb(42,42,42) 80%);
      background-image: -webkit-linear-gradient(bottom, rgb(36,36,36) 20%, rgb(42,42,42) 80%);
      background-image: -ms-linear-gradient(bottom, rgb(36,36,36) 20%, rgb(42,42,42) 80%);

      background-image: -webkit-gradient(
         linear,
         left bottom,
         left top,
         color-stop(0.2, rgb(36,36,36)),
         color-stop(0.8, rgb(42,42,42))
      );
      } 
   
   .campl-global-navigation-header-container{padding:0 20px 0;margin:0}
   .campl-global-navigation-container{padding:0 20px 20px;margin:0;border-right:0}
   .campl-global-navigation-header-container li, .campl-global-navigation-container li {padding:0;border-bottom:2px solid #212121;margin:0}
   .campl-global-navigation-header-container li{padding:0}
   .campl-global-navigation-container li {padding:0 ;margin:0}

   .campl-global-navigation-container {padding:0}
   .campl-global-navigation-container.last li{padding:0}

   .campl-global-navigation-header-container li a{position:relative;left:-20px;font-weight:bold;padding:15px;display:block;margin-right:-40px}
   .js .campl-quicklinks-list a, .js .campl-quicklinks-list a:link, .js .campl-quicklinks-list a:visited{ padding: 15px 15px 20px;}
      
   .campl-global-navigation-container li a{display:block;padding:10px 20px}
   
   .campl-global-navigation-header-container li a:focus, .campl-global-navigation-header-container li a:hover,
   .campl-global-navigation-container li a:focus, .campl-global-navigation-container li a:hover {
      background:#292929;
      background-image: linear-gradient(bottom, rgb(40,40,40) 20%, rgb(41,41,41) 80%);
      background-image: -o-linear-gradient(bottom, rgb(40,40,40) 20%, rgb(41,41,41) 80%);
      background-image: -moz-linear-gradient(bottom, rgb(40,40,40) 20%, rgb(41,41,41) 80%);
      background-image: -webkit-linear-gradient(bottom, rgb(40,40,40) 20%, rgb(41,41,41) 80%);
      background-image: -ms-linear-gradient(bottom, rgb(40,40,40) 20%, rgb(41,41,41) 80%);

      background-image: -webkit-gradient(
         linear,
         left bottom,
         left top,
         color-stop(0.2, rgb(40,40,40)),
         color-stop(0.8, rgb(41,41,41))
      );}
   
   .campl-global-navigation-container{font-weight:normal}
   
   .campl-quicklinks-list{padding:3px 0 0 0 ;background:url(/images/template-images/bg-mobile-nav-border.png) repeat-x top left;font-weight:bold;position:relative;top:-2px}

   .campl-quicklinks-list li{padding:0;border-bottom:0}
   .campl-quicklinks-list li a{padding:10px 10px 10px 0;}
   
   
   .js .campl-quicklinks-list a, .js .campl-quicklinks-list a:link, .js .campl-quicklinks-list a:visited{background-position:bottom left}
   
   
   .campl-global-navigation-container p, .campl-global-navigation-tertiary, .campl-global-navigation, .js .campl-quicklinks, .campl-tertiary-navigation{display:none}
   .js .campl-quicklinks-list, .js .campl-open-menu, .js .campl-global-navigation-drawer, .js .campl-global-navigation-outer{display:block}

   .campl-global-navigation-drawer{width:260px;position:absolute;left:-260px;top:-1px;}

   /* styles for menu opening navigation - ipad portrait and lower */
   .js .campl-local-navigation li.campl-back-link, .js .campl-local-navigation li.campl-back-link a {display: block;font-size: inherit;height: auto;visibility: visible;position:static}

   .js .campl-local-navigation-container a{padding: 15px 30px 15px 25px;}
   .js .campl-local-navigation-container li.campl-sub&gt;a{background-image:none;  padding: 15px 30px 15px 25px;}

   .js .campl-menu-btn{margin:0;display:block;}

   .campl-menu-indicator{height:20px;width:20px;position:absolute;top:50%;left:10px;display:block;margin-top:-10px;border-radius:1px; -webkit-border-radius:1px;background-repeat:no-repeat;background-position:50% 50%}
   .campl-fwd-btn{right:10px;left:auto;background-image:url(/images/template-images/icon-fwd-btn.png) }
   .campl-back-btn{left:25px;background-image:url(/images/template-images/icon-back-btn.png)}
   
   .js .campl-menu-btn span{padding:15px 0 15px 25px;display:block}
   .js .campl-menu-btn a{padding:0;position:relative;}
   .js .campl-menu-btn .campl-menu-btn-arrow{width:50px;height:54px;display:block;position:absolute;top:0;right:0;padding:0;background-repeat:no-repeat;background-position:50% 50%} /* sml47 was 54px */

   .js .campl-local-navigation .campl-local-navigation-container{position:absolute;left:-9999px;}
   .js .campl-local-navigation ul{margin:0;width:480px;position:absolute;}
   .js .campl-local-navigation li{float:none;}
   .js .campl-local-navigation li.campl-title{display:block}
   .js .campl-local-navigation li.campl-title, .js .campl-local-navigation li.campl-current-page &gt; a{font-weight:bold}
   .js .campl-local-navigation li.campl-title a{cursor:default}
   .js .campl-local-navigation li.campl-current-page &gt; a{background-image:url(/images/template-images/icon-fwd-btn.png);background-position: 25px 50%;background-repeat: no-repeat;padding-left:40px }
   
   .js .campl-local-navigation ul li ul{left:480px;top:0;padding-top:0}

   .js .campl-local-navigation ul li.campl-current&gt;ul,
   .js .campl-local-navigation ul li.campl-current ul li.campl-current&gt;ul,
   .js .campl-local-navigation ul li.campl-current ul li.campl-current ul li.campl-current&gt;ul,
   .js .campl-local-navigation ul li.campl-current ul li.campl-current ul li.campl-current ul li.campl-current&gt;ul,
   .js .campl-local-navigation ul li.campl-current ul li.campl-current ul li.campl-current ul li.campl-current ul li.campl-current&gt;ul,
   .js .campl-local-navigation ul li.campl-current ul li.campl-current ul li.campl-current ul li.campl-current ul li.campl-current ul li.campl-current&gt;ul{display:block}

   .js .campl-local-navigation ul li ul,
   .js .campl-local-navigation ul li.campl-current ul li ul,
   .js .campl-local-navigation ul li.campl-current ul li.campl-current ul li ul,
   .js .campl-local-navigation ul li.campl-current ul li.campl-current ul li.campl-current ul li ul,
   .js .campl-local-navigation ul li.campl-current ul li.campl-current ul li.campl-current ul li.campl-current ul li ul,
   .js .campl-local-navigation ul li.campl-current ul li.campl-current ul li.campl-current ul li.campl-current ul li.campl-current ul li ul{display:none}

   /* styles for sub and title links */
   .js .campl-local-navigation li a{display:block;color:#fff;text-decoration:none;}
   .js .campl-local-navigation-container li.campl-back-link a{position:relative;padding: 15px 30px 15px 50px;}

   .campl-co-branding-logo{float:none}

   .campl-open-menu{margin: 15px;}
   
   .campl-breadcrumb{display:none}
   .campl-mobile-parent{display:block;}
   .campl-section-page .campl-mobile-parent, .campl-sub-section-page .campl-mobile-parent{display:none}
   
   .campl-listing-txt{padding:20px 0 0 }
   .campl-listing-img{padding:0 0 10px}
   
   .campl-event-details-dl dt, .campl-event-details-dl dd, .campl-event-details-dl{float:none}
   .campl-event-details, .campl-column6 .campl-event-details{background-image:none}
   
   .campl-current-date{padding:7px 0 8px 0}
   
   .campl-slide-caption{opacity:1;position:static;}

   .campl-carousel{overflow:hidden;background:#000}
   .campl-carousel-controls{position:absolute;top:0;bottom:auto;left:0;right:auto;width:100%}
   .campl-carousel-controls li{margin:0;width:50px;float:none;height:auto;position:absolute;top:0;}
   .campl-slide-caption{background:#000}
   .campl-carousel-control-btn{overflow:auto;width:auto;opacity:0.8}
   
   .campl-carousel-content{text-align:left}
   
   .campl-next-li{right:0;left:auto;}

   .campl-event-cta-container{padding:30px 20px 0 20px}
   .campl-events-cta {float:none}
   .campl-events-cta li{margin-left:0;float:none;margin-bottom:30px}

   .campl-table th, .campl-table td {line-height: 24px}

   /* Force table to not be like tables anymore */
   .campl-vertical-stacking-table table, .campl-vertical-stacking-table thead, .campl-vertical-stacking-table tbody, .campl-vertical-stacking-table th, .campl-vertical-stacking-table td, .campl-vertical-stacking-table tr { 
      display: block; 
   }
   
   /* Hide table headers (but not display: none;, for accessibility) */
   .campl-vertical-stacking-table thead tr { position: absolute;top: -9999px;left: -9999px;}
   
   .campl-vertical-stacking-table tr { border: 1px solid #ccc; }
   
   /* Behave  like a "row" */
   .campl-vertical-stacking-table td { border: none;border-bottom: 1px solid #e4e4e4; }
   .campl-vertical-stacking-table td:before { white-space: wrap;}
   .campl-table-heading{display:block;}
   
   .campl-nav-tabs{padding-left:0}

   .campl-column3 .Zebra_DatePicker table{font-size:16px}
   .campl-column3 .Zebra_DatePicker .dp_daypicker td{ padding: 0 3px 9px 6px;}
   
   .campl-overlay{right:auto;left:0}
   
   .campl-mobile-list-layout{display:block}
   .campl-desktop-list-layout{display:none}
   
   .campl-notifications-container{padding:10px 20px}
   .campl-notifications-icon {float:none}
   .campl-close-panel{top:10px;right:20px}
   
   .campl-section-list li li{padding: 0 0 10px}
   .campl-section-list li li li{padding: 5px 0 5px}


   /* sml47 : Front page Focus On/Featured Work thing */
   .custom-pager-focuson { display: none; }
   .featuredwork-snippet { width: 100%; border: 0px solid red;}
/*   html.js.flexbox.flexboxlegacy.canvas.canvastext.webgl.no-touch.geolocation.postmessage.no-websqldatabase.indexeddb.hashchange.history.draganddrop.websockets.rgba.hsla.multiplebgs.backgroundsize.borderimage.borderradius.boxshadow.textshadow.opacity.cssanimations.csscolumns.cssgradients.no-cssreflections.csstransforms.csstransforms3d.csstransitions.fontface.generatedcontent.video.audio.localstorage.sessionstorage.webworkers.applicationcache.svg.inlinesvg.smil.svgclippaths.wf-myriadpro-i4-active.wf-myriadpro-i7-active.wf-myriadpro-n3-active.wf-myriadpro-n4-active.wf-myriadpro-n6-active.wf-myriadpro-n7-active.wf-active &gt; */body.campl-theme-ff &gt; div.campl-row.campl-page-header &gt; div.campl-row.campl-content.campl-recessed-content &gt; div.campl-wrap.clearfix &gt; div.campl-column9.campl-main-content &gt; div.campl-heading-container &gt; h1#page-title {
      width: 20%;
   }
/*   html.js.flexbox.flexboxlegacy.canvas.canvastext.webgl.no-touch.geolocation.postmessage.no-websqldatabase.indexeddb.hashchange.history.draganddrop.websockets.rgba.hsla.multiplebgs.backgroundsize.borderimage.borderradius.boxshadow.textshadow.opacity.cssanimations.csscolumns.cssgradients.no-cssreflections.csstransforms.csstransforms3d.csstransitions.fontface.generatedcontent.video.audio.localstorage.sessionstorage.webworkers.applicationcache.svg.inlinesvg.smil.svgclippaths.wf-myriadpro-i4-active.wf-myriadpro-i7-active.wf-myriadpro-n3-active.wf-myriadpro-n4-active.wf-myriadpro-n6-active.wf-myriadpro-n7-active.wf-active &gt; */ body.campl-theme-ff &gt; div.campl-row.campl-page-header &gt; div.campl-row.campl-content.campl-recessed-content &gt; div.campl-wrap.clearfix &gt; div.campl-column9.campl-main-content &gt; div.campl-column11 &gt; div.view-content.main-page-featuredwork &gt; div.campl-column-3 &gt; div.cycle-slideshow &gt; div.featuredwork-snippet.cycle-slide.cycle-slide-active &gt; p &gt; img {
      display: none;
   }
 /*  html.js.flexbox.flexboxlegacy.canvas.canvastext.webgl.no-touch.geolocation.postmessage.no-websqldatabase.indexeddb.hashchange.history.draganddrop.websockets.rgba.hsla.multiplebgs.backgroundsize.borderimage.borderradius.boxshadow.textshadow.opacity.cssanimations.csscolumns.cssgradients.no-cssreflections.csstransforms.csstransforms3d.csstransitions.fontface.generatedcontent.video.audio.localstorage.sessionstorage.webworkers.applicationcache.svg.inlinesvg.smil.svgclippaths.wf-myriadpro-i4-active.wf-myriadpro-i7-active.wf-myriadpro-n3-active.wf-myriadpro-n4-active.wf-myriadpro-n6-active.wf-myriadpro-n7-active.wf-active &gt; */body.campl-theme-ff &gt; div.campl-row.campl-page-header &gt; div.campl-row.campl-content.campl-recessed-content &gt; div.campl-wrap.clearfix &gt; div.campl-column9.campl-main-content &gt; div.campl-column11 &gt; div.view-content.main-page-featuredwork &gt; div.campl-column-3 &gt; div.cycle-slideshow &gt; div.featuredwork-snippet.cycle-slide.cycle-slide-active {
      width: 90%;
   }



   /* Edit page link on pages */
   span.editpage-link { display: none; }


   /* Raven logged in bird at the top of the page */
   .ravenloggedin { display: none; }

   /* "Ongoing Work" within test dir of /P/ipre */
   #ongoing_work { display: none; }
   #ongoing_work_rightmenu_title { display: block; }
   #ongoing_work_menu { display: block; }

   .edvid {
      width: 100%;
   }

/*html.js.flexbox.flexboxlegacy.canvas.canvastext.webgl.no-touch.geolocation.postmessage.no-websqldatabase.indexeddb.hashchange.history.draganddrop.websockets.rgba.hsla.multiplebgs.backgroundsize.borderimage.borderradius.boxshadow.textshadow.opacity.cssanimations.csscolumns.cssgradients.no-cssreflections.csstransforms.csstransforms3d.csstransitions.fontface.generatedcontent.video.audio.localstorage.sessionstorage.webworkers.applicationcache.svg.inlinesvg.smil.svgclippaths.js.wf-myriadpro-i4-active.wf-myriadpro-i7-active.wf-myriadpro-n3-active.wf-myriadpro-n4-active.wf-myriadpro-n6-active.wf-myriadpro-n7-active.wf-active &gt; */ body.campl-theme-ff.section_P.section_ipre &gt; div.campl-row.campl-content.campl-recessed-content &gt; div.campl-wrap.clearfix {
   width: 98.2%;
}


} 


/* anything smaller than tablet portrait ie. mobile devices */
@media (min-width: 640px) and (max-width: 759px) {
   
	/* CUSTOM CAROUSEL jlh208 The following resizes the heading and width of text box in the custom carousel on Centre pages */
   .campl-slide-caption-left h1 {font-size: 20px; line-height: 20px; padding-left: 0; padding-right: 0; text-transform: uppercase; }
   .campl-slide-caption-left p {font-size: 14px; line-height: 20px; padding-left: 0; padding-right: 0; }
   .section-carousel .campl-slide-caption-left { bottom: 0; color: #fff; left: 0; top: 175px; width: 100%;}
	.campl-theme-ff .campl-carousel-control-btn { background-color: transparent;
}
	
	/* END CUSTOM CAROUSEL CSS */
	
	
	
   .campl-page-header h1, .campl-carousel-content p, .campl-page-title{font-size: 28px;line-height: 55px;margin-bottom:0}
   .campl-page-sub-title h2, .campl-sub-title{font-size: 26px;line-height: 32px;color:#fff;margin-bottom:0}
   .campl-homepage-content h2{font-size: 26px;line-height: 32px;margin-bottom:0}
   h1, .campl-light-heading{font-size: 26px;line-height: 32px;}
   h2, .campl-slide-caption-txt,  legend, .campl-highlight-day{font-size: 24px;line-height: 30px;}
   
   h3{font-size: 22px;line-height: 28px;}
   h4,.campl-branding-title, .campl-sub-section-page .campl-page-header h1,
   .campl-sub-section-page .campl-page-title {font-size:20px;line-height: 26px}
   h5, .campl-vertical-breadcrumb, .campl-enlarged-text, .campl-teaser-title,  .campl-primary-cta, .btn, 
   .campl-local-footer h3, .campl-global-footer h3, .campl-desktop-list-layout, .campl-local-navigation {font-size:18px;line-height: 24px}
   h6, .campl-simple-heading, .campl-listing-title, .campl-news-listing .campl-datestamp, .campl-current-date{font-size:17px;line-height: 23px}
   .campl-nav-tabs, .campl-nav-pills{font-size:17px;line-height: 20px}
   .campl-nav-tabs &gt; li &gt; a, .campl-nav-pills &gt; li &gt; a {line-height:20px}
   body, label, input, button, select, textarea, .campl-global-navigation, h4, h5, h6, .campl-topic{font-size: 16px; line-height: 22px;}
   .campl-pagination, .highlight, .campl-highlight-alert, .campl-datestamp, .campl-search-term, .campl-topic{font-size:15px;line-height: 20px}

   p, li {margin:0 0 15px 0}
   
   ul, ol{padding: 0;margin: 15px 0 9px 15px;}

   img.campl-float-right{margin:10px 0 10px 0;}
   img.campl-float-left{margin:10px 0 10px 0;}

   blockquote.campl-float-right {display:none}
   
   textarea,
   input[type="text"],
   input[type="password"],
   input[type="datetime"],
   input[type="datetime-local"],
   input[type="date"],
   input[type="month"],
   input[type="time"],
   input[type="week"],
   input[type="number"],
   input[type="email"],
   input[type="url"],
   input[type="search"],
   input[type="tel"],
   input[type="color"],
   .campl-uneditable-input,
   .campl-input-block-level {height: 22px;}
   .campl-input-block-level {min-height: 32px;}
   
   select, input[type="file"] { height: 32px;line-height: 32px;}

   /*reset fixed width columns back to full width for mobile */
     [class*="campl-column"], .campl-column{
       float: none;
       display: block;
       width: auto;
       margin-left: 0;
     }

   .campl-wrap{width:100%; }
   .campl-search-container{padding:20px;}
   .campl-no-left-padding{padding: 0 20px 20px 20px}
   .campl-recessed-secondary-content {margin-top:0}
   .campl-spacing-column,  .campl-sub-section-title{display:none}
   .campl-homepage-logo-header{display:none}
   .campl-footer-navigation{background: none;}
   .campl-footer-navigation ul{display:none}
   .campl-footer-navigation ul.campl-page-children, .campl-footer-navigation ul.campl-global-footer-links{display:block}
   
   .campl-horizontal-teaser-img{padding:0 0 20px 0 }
   .campl-horizontal-teaser-txt{padding:0 0 0 0 }
   
   .campl-navigation-open .campl-row{margin-left:260px}
   
   .campl-site-search{float:right;}
   
   .js .campl-search-drawer, .campl-close-menu{display:none}
   .js .campl-search-open{display:block}
   
   .campl-site-search .campl-search-input{display:none}
   .campl-icon-search-btn{display:block}
   
   .campl-main-logo {padding:15px 0;margin-left:-89px;position:absolute;left:50%}
   .campl-homepage-header .campl-main-logo{display:block}

   .campl-home-link-container{display:block;}
   .campl-home-link-container a{display:block;padding:21px 15px;border-right:1px solid #2f2f2f;font-weight:bold;}
   .campl-global-navigation-container li a, .campl-global-navigation-header-container li a{background:none}
   .campl-home-link-container a, .campl-quicklinks-list li a, .campl-global-navigation-outer {
      background:url(/images/template-images/bg-mobile-nav-border.png) repeat-x bottom left;
   }
   .campl-global-navigation-outer {padding-bottom:2px}
   
   .campl-home-link-container a:focus, .campl-global-navigation-mobile-list a:focus, .js .campl-quicklinks-list a:focus,
   .campl-home-link-container a:hover, .campl-global-navigation-mobile-list a:hover, .js .campl-quicklinks-list a:hover{text-decoration:none}
   
   .campl-home-link-container, .campl-global-navigation-mobile-list, .campl-quicklinks-list li {margin:0;
      background:#323232;
      background-image: linear-gradient(bottom, rgb(50,50,50) 17%, rgb(59,59,59) 59%);
      background-image: -o-linear-gradient(bottom, rgb(50,50,50) 17%, rgb(59,59,59) 59%);
      background-image: -moz-linear-gradient(bottom, rgb(50,50,50) 17%, rgb(59,59,59) 59%);
      background-image: -webkit-linear-gradient(bottom, rgb(50,50,50) 17%, rgb(59,59,59) 59%);
      background-image: -ms-linear-gradient(bottom, rgb(50,50,50) 17%, rgb(59,59,59) 59%);

      background-image: -webkit-gradient(
         linear,
         left bottom,
         left top,
         color-stop(0.17, rgb(50,50,50)),
         color-stop(0.59, rgb(59,59,59))
      );}
   
   .campl-home-link-container:hover, .campl-quicklinks-list li:hover,
   .campl-home-link-container:focus, .campl-quicklinks-list li:focus {
      background:#2a2a2a;
      background-image: linear-gradient(bottom, rgb(36,36,36) 20%, rgb(42,42,42) 80%);
      background-image: -o-linear-gradient(bottom, rgb(36,36,36) 20%, rgb(42,42,42) 80%);
      background-image: -moz-linear-gradient(bottom, rgb(36,36,36) 20%, rgb(42,42,42) 80%);
      background-image: -webkit-linear-gradient(bottom, rgb(36,36,36) 20%, rgb(42,42,42) 80%);
      background-image: -ms-linear-gradient(bottom, rgb(36,36,36) 20%, rgb(42,42,42) 80%);

      background-image: -webkit-gradient(
         linear,
         left bottom,
         left top,
         color-stop(0.2, rgb(36,36,36)),
         color-stop(0.8, rgb(42,42,42))
      );
      } 
   
   .campl-global-navigation-header-container{padding:0 20px 0;margin:0}
   .campl-global-navigation-container{padding:0 20px 20px;margin:0;border-right:0}
   .campl-global-navigation-header-container li, .campl-global-navigation-container li {padding:0;border-bottom:2px solid #212121;margin:0}
   .campl-global-navigation-header-container li{padding:0}
   .campl-global-navigation-container li {padding:0 ;margin:0}

   .campl-global-navigation-container {padding:0}
   .campl-global-navigation-container.last li{padding:0}

   .campl-global-navigation-header-container li a{position:relative;left:-20px;font-weight:bold;padding:15px;display:block;margin-right:-40px}
   .js .campl-quicklinks-list a, .js .campl-quicklinks-list a:link, .js .campl-quicklinks-list a:visited{ padding: 15px 15px 20px;}
      
   .campl-global-navigation-container li a{display:block;padding:10px 20px}
   
   .campl-global-navigation-header-container li a:focus, .campl-global-navigation-header-container li a:hover,
   .campl-global-navigation-container li a:focus, .campl-global-navigation-container li a:hover {
      background:#292929;
      background-image: linear-gradient(bottom, rgb(40,40,40) 20%, rgb(41,41,41) 80%);
      background-image: -o-linear-gradient(bottom, rgb(40,40,40) 20%, rgb(41,41,41) 80%);
      background-image: -moz-linear-gradient(bottom, rgb(40,40,40) 20%, rgb(41,41,41) 80%);
      background-image: -webkit-linear-gradient(bottom, rgb(40,40,40) 20%, rgb(41,41,41) 80%);
      background-image: -ms-linear-gradient(bottom, rgb(40,40,40) 20%, rgb(41,41,41) 80%);

      background-image: -webkit-gradient(
         linear,
         left bottom,
         left top,
         color-stop(0.2, rgb(40,40,40)),
         color-stop(0.8, rgb(41,41,41))
      );}
   
   .campl-global-navigation-container{font-weight:normal}
   
   .campl-quicklinks-list{padding:3px 0 0 0 ;background:url(/images/template-images/bg-mobile-nav-border.png) repeat-x top left;font-weight:bold;position:relative;top:-2px}

   .campl-quicklinks-list li{padding:0;border-bottom:0}
   .campl-quicklinks-list li a{padding:10px 10px 10px 0;}
   
   
   .js .campl-quicklinks-list a, .js .campl-quicklinks-list a:link, .js .campl-quicklinks-list a:visited{background-position:bottom left}
   
   
   .campl-global-navigation-container p, .campl-global-navigation-tertiary, .campl-global-navigation, .js .campl-quicklinks, .campl-tertiary-navigation{display:none}
   .js .campl-quicklinks-list, .js .campl-open-menu, .js .campl-global-navigation-drawer, .js .campl-global-navigation-outer{display:block}

   .campl-global-navigation-drawer{width:260px;position:absolute;left:-260px;top:-1px;}

   /* styles for menu opening navigation - ipad portrait and lower */
   .js .campl-local-navigation li.campl-back-link, .js .campl-local-navigation li.campl-back-link a {display: block;font-size: inherit;height: auto;visibility: visible;position:static}

   .js .campl-local-navigation-container a{padding: 15px 30px 15px 25px;}
   .js .campl-local-navigation-container li.campl-sub&gt;a{background-image:none;  padding: 15px 30px 15px 25px;}

   .js .campl-menu-btn{margin:0;display:block;}

   .campl-menu-indicator{height:20px;width:20px;position:absolute;top:50%;left:10px;display:block;margin-top:-10px;border-radius:1px; -webkit-border-radius:1px;background-repeat:no-repeat;background-position:50% 50%}
   .campl-fwd-btn{right:10px;left:auto;background-image:url(/images/template-images/icon-fwd-btn.png) }
   .campl-back-btn{left:25px;background-image:url(/images/template-images/icon-back-btn.png)}
   
   .js .campl-menu-btn span{padding:15px 0 15px 25px;display:block}
   .js .campl-menu-btn a{padding:0;position:relative;}
   .js .campl-menu-btn .campl-menu-btn-arrow{width:50px;height:54px;display:block;position:absolute;top:0;right:0;padding:0;background-repeat:no-repeat;background-position:50% 50%} /* sml47 was 54px */

   .js .campl-local-navigation .campl-local-navigation-container{position:absolute;left:-9999px;}
   .js .campl-local-navigation ul{margin:0;width:480px;position:absolute;}
   .js .campl-local-navigation li{float:none;}
   .js .campl-local-navigation li.campl-title{display:block}
   .js .campl-local-navigation li.campl-title, .js .campl-local-navigation li.campl-current-page &gt; a{font-weight:bold}
   .js .campl-local-navigation li.campl-title a{cursor:default}
   .js .campl-local-navigation li.campl-current-page &gt; a{background-image:url(/images/template-images/icon-fwd-btn.png);background-position: 25px 50%;background-repeat: no-repeat;padding-left:40px }
   
   .js .campl-local-navigation ul li ul{left:480px;top:0;padding-top:0}

   .js .campl-local-navigation ul li.campl-current&gt;ul,
   .js .campl-local-navigation ul li.campl-current ul li.campl-current&gt;ul,
   .js .campl-local-navigation ul li.campl-current ul li.campl-current ul li.campl-current&gt;ul,
   .js .campl-local-navigation ul li.campl-current ul li.campl-current ul li.campl-current ul li.campl-current&gt;ul,
   .js .campl-local-navigation ul li.campl-current ul li.campl-current ul li.campl-current ul li.campl-current ul li.campl-current&gt;ul,
   .js .campl-local-navigation ul li.campl-current ul li.campl-current ul li.campl-current ul li.campl-current ul li.campl-current ul li.campl-current&gt;ul{display:block}

   .js .campl-local-navigation ul li ul,
   .js .campl-local-navigation ul li.campl-current ul li ul,
   .js .campl-local-navigation ul li.campl-current ul li.campl-current ul li ul,
   .js .campl-local-navigation ul li.campl-current ul li.campl-current ul li.campl-current ul li ul,
   .js .campl-local-navigation ul li.campl-current ul li.campl-current ul li.campl-current ul li.campl-current ul li ul,
   .js .campl-local-navigation ul li.campl-current ul li.campl-current ul li.campl-current ul li.campl-current ul li.campl-current ul li ul{display:none}

   /* styles for sub and title links */
   .js .campl-local-navigation li a{display:block;color:#fff;text-decoration:none;}
   .js .campl-local-navigation-container li.campl-back-link a{position:relative;padding: 15px 30px 15px 50px;}

   .campl-co-branding-logo{float:none}

   .campl-open-menu{margin: 15px;}
   
   .campl-breadcrumb{display:none}
   .campl-mobile-parent{display:block;}
   .campl-section-page .campl-mobile-parent, .campl-sub-section-page .campl-mobile-parent{display:none}
   
   .campl-listing-txt{padding:20px 0 0 }
   .campl-listing-img{padding:0 0 10px}
   
   .campl-event-details-dl dt, .campl-event-details-dl dd, .campl-event-details-dl{float:none}
   .campl-event-details, .campl-column6 .campl-event-details{background-image:none}
   
   .campl-current-date{padding:7px 0 8px 0}
   
   .campl-slide-caption{opacity:1;position:static;}

   .campl-carousel{overflow:hidden;background:#000}
   .campl-carousel-controls{position:absolute;top:0;bottom:auto;left:0;right:auto;width:100%}
   .campl-carousel-controls li{margin:0;width:50px;float:none;height:auto;position:absolute;top:0;}
   .campl-slide-caption{background:#000}
   .campl-carousel-control-btn{overflow:auto;width:auto;opacity:0.8}
   
   .campl-carousel-content{text-align:left}
   
   .campl-next-li{right:0;left:auto;}

   .campl-event-cta-container{padding:30px 20px 0 20px}
   .campl-events-cta {float:none}
   .campl-events-cta li{margin-left:0;float:none;margin-bottom:30px}

   .campl-table th, .campl-table td {line-height: 24px}

   /* Force table to not be like tables anymore */
   .campl-vertical-stacking-table table, .campl-vertical-stacking-table thead, .campl-vertical-stacking-table tbody, .campl-vertical-stacking-table th, .campl-vertical-stacking-table td, .campl-vertical-stacking-table tr { 
      display: block; 
   }
   
   /* Hide table headers (but not display: none;, for accessibility) */
   .campl-vertical-stacking-table thead tr { position: absolute;top: -9999px;left: -9999px;}
   
   .campl-vertical-stacking-table tr { border: 1px solid #ccc; }
   
   /* Behave  like a "row" */
   .campl-vertical-stacking-table td { border: none;border-bottom: 1px solid #e4e4e4; }
   .campl-vertical-stacking-table td:before { white-space: wrap;}
   .campl-table-heading{display:block;}
   
   .campl-nav-tabs{padding-left:0}

   .campl-column3 .Zebra_DatePicker table{font-size:16px}
   .campl-column3 .Zebra_DatePicker .dp_daypicker td{ padding: 0 3px 9px 6px;}
   
   .campl-overlay{right:auto;left:0}
   
   .campl-mobile-list-layout{display:block}
   .campl-desktop-list-layout{display:none}
   
   .campl-notifications-container{padding:10px 20px}
   .campl-notifications-icon {float:none}
   .campl-close-panel{top:10px;right:20px}
   
   .campl-section-list li li{padding: 0 0 10px}
   .campl-section-list li li li{padding: 5px 0 5px}


   /* sml47 : Front page Focus On/Featured Work thing */
   .custom-pager-focuson { display: none; }
   .featuredwork-snippet { width: 100%; border: 0px solid red;}
/*   html.js.flexbox.flexboxlegacy.canvas.canvastext.webgl.no-touch.geolocation.postmessage.no-websqldatabase.indexeddb.hashchange.history.draganddrop.websockets.rgba.hsla.multiplebgs.backgroundsize.borderimage.borderradius.boxshadow.textshadow.opacity.cssanimations.csscolumns.cssgradients.no-cssreflections.csstransforms.csstransforms3d.csstransitions.fontface.generatedcontent.video.audio.localstorage.sessionstorage.webworkers.applicationcache.svg.inlinesvg.smil.svgclippaths.wf-myriadpro-i4-active.wf-myriadpro-i7-active.wf-myriadpro-n3-active.wf-myriadpro-n4-active.wf-myriadpro-n6-active.wf-myriadpro-n7-active.wf-active &gt; */body.campl-theme-ff &gt; div.campl-row.campl-page-header &gt; div.campl-row.campl-content.campl-recessed-content &gt; div.campl-wrap.clearfix &gt; div.campl-column9.campl-main-content &gt; div.campl-heading-container &gt; h1#page-title {
      width: 20%;
   }
/*   html.js.flexbox.flexboxlegacy.canvas.canvastext.webgl.no-touch.geolocation.postmessage.no-websqldatabase.indexeddb.hashchange.history.draganddrop.websockets.rgba.hsla.multiplebgs.backgroundsize.borderimage.borderradius.boxshadow.textshadow.opacity.cssanimations.csscolumns.cssgradients.no-cssreflections.csstransforms.csstransforms3d.csstransitions.fontface.generatedcontent.video.audio.localstorage.sessionstorage.webworkers.applicationcache.svg.inlinesvg.smil.svgclippaths.wf-myriadpro-i4-active.wf-myriadpro-i7-active.wf-myriadpro-n3-active.wf-myriadpro-n4-active.wf-myriadpro-n6-active.wf-myriadpro-n7-active.wf-active &gt; */ body.campl-theme-ff &gt; div.campl-row.campl-page-header &gt; div.campl-row.campl-content.campl-recessed-content &gt; div.campl-wrap.clearfix &gt; div.campl-column9.campl-main-content &gt; div.campl-column11 &gt; div.view-content.main-page-featuredwork &gt; div.campl-column-3 &gt; div.cycle-slideshow &gt; div.featuredwork-snippet.cycle-slide.cycle-slide-active &gt; p &gt; img {
      display: none;
   }
 /*  html.js.flexbox.flexboxlegacy.canvas.canvastext.webgl.no-touch.geolocation.postmessage.no-websqldatabase.indexeddb.hashchange.history.draganddrop.websockets.rgba.hsla.multiplebgs.backgroundsize.borderimage.borderradius.boxshadow.textshadow.opacity.cssanimations.csscolumns.cssgradients.no-cssreflections.csstransforms.csstransforms3d.csstransitions.fontface.generatedcontent.video.audio.localstorage.sessionstorage.webworkers.applicationcache.svg.inlinesvg.smil.svgclippaths.wf-myriadpro-i4-active.wf-myriadpro-i7-active.wf-myriadpro-n3-active.wf-myriadpro-n4-active.wf-myriadpro-n6-active.wf-myriadpro-n7-active.wf-active &gt; */body.campl-theme-ff &gt; div.campl-row.campl-page-header &gt; div.campl-row.campl-content.campl-recessed-content &gt; div.campl-wrap.clearfix &gt; div.campl-column9.campl-main-content &gt; div.campl-column11 &gt; div.view-content.main-page-featuredwork &gt; div.campl-column-3 &gt; div.cycle-slideshow &gt; div.featuredwork-snippet.cycle-slide.cycle-slide-active {
      width: 90%;
   }



   /* Edit page link on pages */
   span.editpage-link { display: none; }


   /* Raven logged in bird at the top of the page */
   .ravenloggedin { display: none; }

   /* "Ongoing Work" within test dir of /P/ipre */
   #ongoing_work { display: none; }
   #ongoing_work_rightmenu_title { display: block; }
   #ongoing_work_menu { display: block; }

   .edvid {
      width: 100%;
   }

/*html.js.flexbox.flexboxlegacy.canvas.canvastext.webgl.no-touch.geolocation.postmessage.no-websqldatabase.indexeddb.hashchange.history.draganddrop.websockets.rgba.hsla.multiplebgs.backgroundsize.borderimage.borderradius.boxshadow.textshadow.opacity.cssanimations.csscolumns.cssgradients.no-cssreflections.csstransforms.csstransforms3d.csstransitions.fontface.generatedcontent.video.audio.localstorage.sessionstorage.webworkers.applicationcache.svg.inlinesvg.smil.svgclippaths.js.wf-myriadpro-i4-active.wf-myriadpro-i7-active.wf-myriadpro-n3-active.wf-myriadpro-n4-active.wf-myriadpro-n6-active.wf-myriadpro-n7-active.wf-active &gt; */ body.campl-theme-ff.section_P.section_ipre &gt; div.campl-row.campl-content.campl-recessed-content &gt; div.campl-wrap.clearfix {
   width: 98.2%;
}


} /* End : anything smaller than tablet portrait ie. mobile devices sml47 */


 @media (min-width: 575px) and (max-width: 639px) {
   
	/* CUSTOM CAROUSEL jlh208 The following resizes the heading and width of text box in the custom carousel on Centre pages */
   .campl-slide-caption-left h1 {font-size: 18px; line-height: 20px; padding-left: 0; padding-right: 0; text-transform: uppercase; }
   .campl-slide-caption-left p {font-size: 14px; line-height: 20px; padding-left: 0; padding-right: 0; }
   .section-carousel .campl-slide-caption-left { bottom: 0; color: #fff; left: 0; top: 150px; width: 100%;}
	.campl-theme-ff .campl-carousel-control-btn { background-color: transparent;
}
	
	/* END CUSTOM CAROUSEL CSS */
	
	
	
   .campl-page-header h1, .campl-carousel-content p, .campl-page-title{font-size: 28px;line-height: 55px;margin-bottom:0}
   .campl-page-sub-title h2, .campl-sub-title{font-size: 26px;line-height: 32px;color:#fff;margin-bottom:0}
   .campl-homepage-content h2{font-size: 26px;line-height: 32px;margin-bottom:0}
   h1, .campl-light-heading{font-size: 26px;line-height: 32px;}
   h2, .campl-slide-caption-txt,  legend, .campl-highlight-day{font-size: 24px;line-height: 30px;}
   
   h3{font-size: 22px;line-height: 28px;}
   h4,.campl-branding-title, .campl-sub-section-page .campl-page-header h1,
   .campl-sub-section-page .campl-page-title {font-size:20px;line-height: 26px}
   h5, .campl-vertical-breadcrumb, .campl-enlarged-text, .campl-teaser-title,  .campl-primary-cta, .btn, 
   .campl-local-footer h3, .campl-global-footer h3, .campl-desktop-list-layout, .campl-local-navigation {font-size:18px;line-height: 24px}
   h6, .campl-simple-heading, .campl-listing-title, .campl-news-listing .campl-datestamp, .campl-current-date{font-size:17px;line-height: 23px}
   .campl-nav-tabs, .campl-nav-pills{font-size:17px;line-height: 20px}
   .campl-nav-tabs &gt; li &gt; a, .campl-nav-pills &gt; li &gt; a {line-height:20px}
   body, label, input, button, select, textarea, .campl-global-navigation, h4, h5, h6, .campl-topic{font-size: 16px; line-height: 22px;}
   .campl-pagination, .highlight, .campl-highlight-alert, .campl-datestamp, .campl-search-term, .campl-topic{font-size:15px;line-height: 20px}

   p, li {margin:0 0 15px 0}
   
   ul, ol{padding: 0;margin: 15px 0 9px 15px;}

   img.campl-float-right{margin:10px 0 10px 0;}
   img.campl-float-left{margin:10px 0 10px 0;}

   blockquote.campl-float-right {display:none}
   
   textarea,
   input[type="text"],
   input[type="password"],
   input[type="datetime"],
   input[type="datetime-local"],
   input[type="date"],
   input[type="month"],
   input[type="time"],
   input[type="week"],
   input[type="number"],
   input[type="email"],
   input[type="url"],
   input[type="search"],
   input[type="tel"],
   input[type="color"],
   .campl-uneditable-input,
   .campl-input-block-level {height: 22px;}
   .campl-input-block-level {min-height: 32px;}
   
   select, input[type="file"] { height: 32px;line-height: 32px;}

   /*reset fixed width columns back to full width for mobile */
     [class*="campl-column"], .campl-column{
       float: none;
       display: block;
       width: auto;
       margin-left: 0;
     }

   .campl-wrap{width:100%; }
   .campl-search-container{padding:20px;}
   .campl-no-left-padding{padding: 0 20px 20px 20px}
   .campl-recessed-secondary-content {margin-top:0}
   .campl-spacing-column,  .campl-sub-section-title{display:none}
   .campl-homepage-logo-header{display:none}
   .campl-footer-navigation{background: none;}
   .campl-footer-navigation ul{display:none}
   .campl-footer-navigation ul.campl-page-children, .campl-footer-navigation ul.campl-global-footer-links{display:block}
   
   .campl-horizontal-teaser-img{padding:0 0 20px 0 }
   .campl-horizontal-teaser-txt{padding:0 0 0 0 }
   
   .campl-navigation-open .campl-row{margin-left:260px}
   
   .campl-site-search{float:right;}
   
   .js .campl-search-drawer, .campl-close-menu{display:none}
   .js .campl-search-open{display:block}
   
   .campl-site-search .campl-search-input{display:none}
   .campl-icon-search-btn{display:block}
   
   .campl-main-logo {padding:15px 0;margin-left:-89px;position:absolute;left:50%}
   .campl-homepage-header .campl-main-logo{display:block}

   .campl-home-link-container{display:block;}
   .campl-home-link-container a{display:block;padding:21px 15px;border-right:1px solid #2f2f2f;font-weight:bold;}
   .campl-global-navigation-container li a, .campl-global-navigation-header-container li a{background:none}
   .campl-home-link-container a, .campl-quicklinks-list li a, .campl-global-navigation-outer {
      background:url(/images/template-images/bg-mobile-nav-border.png) repeat-x bottom left;
   }
   .campl-global-navigation-outer {padding-bottom:2px}
   
   .campl-home-link-container a:focus, .campl-global-navigation-mobile-list a:focus, .js .campl-quicklinks-list a:focus,
   .campl-home-link-container a:hover, .campl-global-navigation-mobile-list a:hover, .js .campl-quicklinks-list a:hover{text-decoration:none}
   
   .campl-home-link-container, .campl-global-navigation-mobile-list, .campl-quicklinks-list li {margin:0;
      background:#323232;
      background-image: linear-gradient(bottom, rgb(50,50,50) 17%, rgb(59,59,59) 59%);
      background-image: -o-linear-gradient(bottom, rgb(50,50,50) 17%, rgb(59,59,59) 59%);
      background-image: -moz-linear-gradient(bottom, rgb(50,50,50) 17%, rgb(59,59,59) 59%);
      background-image: -webkit-linear-gradient(bottom, rgb(50,50,50) 17%, rgb(59,59,59) 59%);
      background-image: -ms-linear-gradient(bottom, rgb(50,50,50) 17%, rgb(59,59,59) 59%);

      background-image: -webkit-gradient(
         linear,
         left bottom,
         left top,
         color-stop(0.17, rgb(50,50,50)),
         color-stop(0.59, rgb(59,59,59))
      );}
   
   .campl-home-link-container:hover, .campl-quicklinks-list li:hover,
   .campl-home-link-container:focus, .campl-quicklinks-list li:focus {
      background:#2a2a2a;
      background-image: linear-gradient(bottom, rgb(36,36,36) 20%, rgb(42,42,42) 80%);
      background-image: -o-linear-gradient(bottom, rgb(36,36,36) 20%, rgb(42,42,42) 80%);
      background-image: -moz-linear-gradient(bottom, rgb(36,36,36) 20%, rgb(42,42,42) 80%);
      background-image: -webkit-linear-gradient(bottom, rgb(36,36,36) 20%, rgb(42,42,42) 80%);
      background-image: -ms-linear-gradient(bottom, rgb(36,36,36) 20%, rgb(42,42,42) 80%);

      background-image: -webkit-gradient(
         linear,
         left bottom,
         left top,
         color-stop(0.2, rgb(36,36,36)),
         color-stop(0.8, rgb(42,42,42))
      );
      } 
   
   .campl-global-navigation-header-container{padding:0 20px 0;margin:0}
   .campl-global-navigation-container{padding:0 20px 20px;margin:0;border-right:0}
   .campl-global-navigation-header-container li, .campl-global-navigation-container li {padding:0;border-bottom:2px solid #212121;margin:0}
   .campl-global-navigation-header-container li{padding:0}
   .campl-global-navigation-container li {padding:0 ;margin:0}

   .campl-global-navigation-container {padding:0}
   .campl-global-navigation-container.last li{padding:0}

   .campl-global-navigation-header-container li a{position:relative;left:-20px;font-weight:bold;padding:15px;display:block;margin-right:-40px}
   .js .campl-quicklinks-list a, .js .campl-quicklinks-list a:link, .js .campl-quicklinks-list a:visited{ padding: 15px 15px 20px;}
      
   .campl-global-navigation-container li a{display:block;padding:10px 20px}
   
   .campl-global-navigation-header-container li a:focus, .campl-global-navigation-header-container li a:hover,
   .campl-global-navigation-container li a:focus, .campl-global-navigation-container li a:hover {
      background:#292929;
      background-image: linear-gradient(bottom, rgb(40,40,40) 20%, rgb(41,41,41) 80%);
      background-image: -o-linear-gradient(bottom, rgb(40,40,40) 20%, rgb(41,41,41) 80%);
      background-image: -moz-linear-gradient(bottom, rgb(40,40,40) 20%, rgb(41,41,41) 80%);
      background-image: -webkit-linear-gradient(bottom, rgb(40,40,40) 20%, rgb(41,41,41) 80%);
      background-image: -ms-linear-gradient(bottom, rgb(40,40,40) 20%, rgb(41,41,41) 80%);

      background-image: -webkit-gradient(
         linear,
         left bottom,
         left top,
         color-stop(0.2, rgb(40,40,40)),
         color-stop(0.8, rgb(41,41,41))
      );}
   
   .campl-global-navigation-container{font-weight:normal}
   
   .campl-quicklinks-list{padding:3px 0 0 0 ;background:url(/images/template-images/bg-mobile-nav-border.png) repeat-x top left;font-weight:bold;position:relative;top:-2px}

   .campl-quicklinks-list li{padding:0;border-bottom:0}
   .campl-quicklinks-list li a{padding:10px 10px 10px 0;}
   
   
   .js .campl-quicklinks-list a, .js .campl-quicklinks-list a:link, .js .campl-quicklinks-list a:visited{background-position:bottom left}
   
   
   .campl-global-navigation-container p, .campl-global-navigation-tertiary, .campl-global-navigation, .js .campl-quicklinks, .campl-tertiary-navigation{display:none}
   .js .campl-quicklinks-list, .js .campl-open-menu, .js .campl-global-navigation-drawer, .js .campl-global-navigation-outer{display:block}

   .campl-global-navigation-drawer{width:260px;position:absolute;left:-260px;top:-1px;}

   /* styles for menu opening navigation - ipad portrait and lower */
   .js .campl-local-navigation li.campl-back-link, .js .campl-local-navigation li.campl-back-link a {display: block;font-size: inherit;height: auto;visibility: visible;position:static}

   .js .campl-local-navigation-container a{padding: 15px 30px 15px 25px;}
   .js .campl-local-navigation-container li.campl-sub&gt;a{background-image:none;  padding: 15px 30px 15px 25px;}

   .js .campl-menu-btn{margin:0;display:block;}

   .campl-menu-indicator{height:20px;width:20px;position:absolute;top:50%;left:10px;display:block;margin-top:-10px;border-radius:1px; -webkit-border-radius:1px;background-repeat:no-repeat;background-position:50% 50%}
   .campl-fwd-btn{right:10px;left:auto;background-image:url(/images/template-images/icon-fwd-btn.png) }
   .campl-back-btn{left:25px;background-image:url(/images/template-images/icon-back-btn.png)}
   
   .js .campl-menu-btn span{padding:15px 0 15px 25px;display:block}
   .js .campl-menu-btn a{padding:0;position:relative;}
   .js .campl-menu-btn .campl-menu-btn-arrow{width:50px;height:54px;display:block;position:absolute;top:0;right:0;padding:0;background-repeat:no-repeat;background-position:50% 50%} /* sml47 was 54px */

   .js .campl-local-navigation .campl-local-navigation-container{position:absolute;left:-9999px;}
   .js .campl-local-navigation ul{margin:0;width:480px;position:absolute;}
   .js .campl-local-navigation li{float:none;}
   .js .campl-local-navigation li.campl-title{display:block}
   .js .campl-local-navigation li.campl-title, .js .campl-local-navigation li.campl-current-page &gt; a{font-weight:bold}
   .js .campl-local-navigation li.campl-title a{cursor:default}
   .js .campl-local-navigation li.campl-current-page &gt; a{background-image:url(/images/template-images/icon-fwd-btn.png);background-position: 25px 50%;background-repeat: no-repeat;padding-left:40px }
   
   .js .campl-local-navigation ul li ul{left:480px;top:0;padding-top:0}

   .js .campl-local-navigation ul li.campl-current&gt;ul,
   .js .campl-local-navigation ul li.campl-current ul li.campl-current&gt;ul,
   .js .campl-local-navigation ul li.campl-current ul li.campl-current ul li.campl-current&gt;ul,
   .js .campl-local-navigation ul li.campl-current ul li.campl-current ul li.campl-current ul li.campl-current&gt;ul,
   .js .campl-local-navigation ul li.campl-current ul li.campl-current ul li.campl-current ul li.campl-current ul li.campl-current&gt;ul,
   .js .campl-local-navigation ul li.campl-current ul li.campl-current ul li.campl-current ul li.campl-current ul li.campl-current ul li.campl-current&gt;ul{display:block}

   .js .campl-local-navigation ul li ul,
   .js .campl-local-navigation ul li.campl-current ul li ul,
   .js .campl-local-navigation ul li.campl-current ul li.campl-current ul li ul,
   .js .campl-local-navigation ul li.campl-current ul li.campl-current ul li.campl-current ul li ul,
   .js .campl-local-navigation ul li.campl-current ul li.campl-current ul li.campl-current ul li.campl-current ul li ul,
   .js .campl-local-navigation ul li.campl-current ul li.campl-current ul li.campl-current ul li.campl-current ul li.campl-current ul li ul{display:none}

   /* styles for sub and title links */
   .js .campl-local-navigation li a{display:block;color:#fff;text-decoration:none;}
   .js .campl-local-navigation-container li.campl-back-link a{position:relative;padding: 15px 30px 15px 50px;}

   .campl-co-branding-logo{float:none}

   .campl-open-menu{margin: 15px;}
   
   .campl-breadcrumb{display:none}
   .campl-mobile-parent{display:block;}
   .campl-section-page .campl-mobile-parent, .campl-sub-section-page .campl-mobile-parent{display:none}
   
   .campl-listing-txt{padding:20px 0 0 }
   .campl-listing-img{padding:0 0 10px}
   
   .campl-event-details-dl dt, .campl-event-details-dl dd, .campl-event-details-dl{float:none}
   .campl-event-details, .campl-column6 .campl-event-details{background-image:none}
   
   .campl-current-date{padding:7px 0 8px 0}
   
   .campl-slide-caption{opacity:1;position:static;}

   .campl-carousel{overflow:hidden;background:#000}
   .campl-carousel-controls{position:absolute;top:0;bottom:auto;left:0;right:auto;width:100%}
   .campl-carousel-controls li{margin:0;width:50px;float:none;height:auto;position:absolute;top:0;}
   .campl-slide-caption{background:#000}
   .campl-carousel-control-btn{overflow:auto;width:auto;opacity:0.8}
   
   .campl-carousel-content{text-align:left}
   
   .campl-next-li{right:0;left:auto;}

   .campl-event-cta-container{padding:30px 20px 0 20px}
   .campl-events-cta {float:none}
   .campl-events-cta li{margin-left:0;float:none;margin-bottom:30px}

   .campl-table th, .campl-table td {line-height: 24px}

   /* Force table to not be like tables anymore */
   .campl-vertical-stacking-table table, .campl-vertical-stacking-table thead, .campl-vertical-stacking-table tbody, .campl-vertical-stacking-table th, .campl-vertical-stacking-table td, .campl-vertical-stacking-table tr { 
      display: block; 
   }
   
   /* Hide table headers (but not display: none;, for accessibility) */
   .campl-vertical-stacking-table thead tr { position: absolute;top: -9999px;left: -9999px;}
   
   .campl-vertical-stacking-table tr { border: 1px solid #ccc; }
   
   /* Behave  like a "row" */
   .campl-vertical-stacking-table td { border: none;border-bottom: 1px solid #e4e4e4; }
   .campl-vertical-stacking-table td:before { white-space: wrap;}
   .campl-table-heading{display:block;}
   
   .campl-nav-tabs{padding-left:0}

   .campl-column3 .Zebra_DatePicker table{font-size:16px}
   .campl-column3 .Zebra_DatePicker .dp_daypicker td{ padding: 0 3px 9px 6px;}
   
   .campl-overlay{right:auto;left:0}
   
   .campl-mobile-list-layout{display:block}
   .campl-desktop-list-layout{display:none}
   
   .campl-notifications-container{padding:10px 20px}
   .campl-notifications-icon {float:none}
   .campl-close-panel{top:10px;right:20px}
   
   .campl-section-list li li{padding: 0 0 10px}
   .campl-section-list li li li{padding: 5px 0 5px}


   /* sml47 : Front page Focus On/Featured Work thing */
   .custom-pager-focuson { display: none; }
   .featuredwork-snippet { width: 100%; border: 0px solid red;}
/*   html.js.flexbox.flexboxlegacy.canvas.canvastext.webgl.no-touch.geolocation.postmessage.no-websqldatabase.indexeddb.hashchange.history.draganddrop.websockets.rgba.hsla.multiplebgs.backgroundsize.borderimage.borderradius.boxshadow.textshadow.opacity.cssanimations.csscolumns.cssgradients.no-cssreflections.csstransforms.csstransforms3d.csstransitions.fontface.generatedcontent.video.audio.localstorage.sessionstorage.webworkers.applicationcache.svg.inlinesvg.smil.svgclippaths.wf-myriadpro-i4-active.wf-myriadpro-i7-active.wf-myriadpro-n3-active.wf-myriadpro-n4-active.wf-myriadpro-n6-active.wf-myriadpro-n7-active.wf-active &gt; */body.campl-theme-ff &gt; div.campl-row.campl-page-header &gt; div.campl-row.campl-content.campl-recessed-content &gt; div.campl-wrap.clearfix &gt; div.campl-column9.campl-main-content &gt; div.campl-heading-container &gt; h1#page-title {
      width: 20%;
   }
/*   html.js.flexbox.flexboxlegacy.canvas.canvastext.webgl.no-touch.geolocation.postmessage.no-websqldatabase.indexeddb.hashchange.history.draganddrop.websockets.rgba.hsla.multiplebgs.backgroundsize.borderimage.borderradius.boxshadow.textshadow.opacity.cssanimations.csscolumns.cssgradients.no-cssreflections.csstransforms.csstransforms3d.csstransitions.fontface.generatedcontent.video.audio.localstorage.sessionstorage.webworkers.applicationcache.svg.inlinesvg.smil.svgclippaths.wf-myriadpro-i4-active.wf-myriadpro-i7-active.wf-myriadpro-n3-active.wf-myriadpro-n4-active.wf-myriadpro-n6-active.wf-myriadpro-n7-active.wf-active &gt; */ body.campl-theme-ff &gt; div.campl-row.campl-page-header &gt; div.campl-row.campl-content.campl-recessed-content &gt; div.campl-wrap.clearfix &gt; div.campl-column9.campl-main-content &gt; div.campl-column11 &gt; div.view-content.main-page-featuredwork &gt; div.campl-column-3 &gt; div.cycle-slideshow &gt; div.featuredwork-snippet.cycle-slide.cycle-slide-active &gt; p &gt; img {
      display: none;
   }
 /*  html.js.flexbox.flexboxlegacy.canvas.canvastext.webgl.no-touch.geolocation.postmessage.no-websqldatabase.indexeddb.hashchange.history.draganddrop.websockets.rgba.hsla.multiplebgs.backgroundsize.borderimage.borderradius.boxshadow.textshadow.opacity.cssanimations.csscolumns.cssgradients.no-cssreflections.csstransforms.csstransforms3d.csstransitions.fontface.generatedcontent.video.audio.localstorage.sessionstorage.webworkers.applicationcache.svg.inlinesvg.smil.svgclippaths.wf-myriadpro-i4-active.wf-myriadpro-i7-active.wf-myriadpro-n3-active.wf-myriadpro-n4-active.wf-myriadpro-n6-active.wf-myriadpro-n7-active.wf-active &gt; */body.campl-theme-ff &gt; div.campl-row.campl-page-header &gt; div.campl-row.campl-content.campl-recessed-content &gt; div.campl-wrap.clearfix &gt; div.campl-column9.campl-main-content &gt; div.campl-column11 &gt; div.view-content.main-page-featuredwork &gt; div.campl-column-3 &gt; div.cycle-slideshow &gt; div.featuredwork-snippet.cycle-slide.cycle-slide-active {
      width: 90%;
   }



   /* Edit page link on pages */
   span.editpage-link { display: none; }


   /* Raven logged in bird at the top of the page */
   .ravenloggedin { display: none; }

   /* "Ongoing Work" within test dir of /P/ipre */
   #ongoing_work { display: none; }
   #ongoing_work_rightmenu_title { display: block; }
   #ongoing_work_menu { display: block; }

   .edvid {
      width: 100%;
   }

/*html.js.flexbox.flexboxlegacy.canvas.canvastext.webgl.no-touch.geolocation.postmessage.no-websqldatabase.indexeddb.hashchange.history.draganddrop.websockets.rgba.hsla.multiplebgs.backgroundsize.borderimage.borderradius.boxshadow.textshadow.opacity.cssanimations.csscolumns.cssgradients.no-cssreflections.csstransforms.csstransforms3d.csstransitions.fontface.generatedcontent.video.audio.localstorage.sessionstorage.webworkers.applicationcache.svg.inlinesvg.smil.svgclippaths.js.wf-myriadpro-i4-active.wf-myriadpro-i7-active.wf-myriadpro-n3-active.wf-myriadpro-n4-active.wf-myriadpro-n6-active.wf-myriadpro-n7-active.wf-active &gt; */ body.campl-theme-ff.section_P.section_ipre &gt; div.campl-row.campl-content.campl-recessed-content &gt; div.campl-wrap.clearfix {
   width: 98.2%;
}


} /* End : anything smaller than tablet portrait ie. mobile devices sml47 */
  
@media (max-width: 574px) {
   
	/* CUSTOM CAROUSEL jlh208 The following resizes the heading and width of text box in the custom carousel on Centre pages */
   .campl-slide-caption-left h1 {font-size: 18px; line-height: 20px; padding-left: 0; padding-right: 0; text-transform: uppercase; }
   .campl-slide-caption-left p {font-size: 14px; line-height: 20px; padding-left: 0; padding-right: 0; }
   .section-carousel .campl-slide-caption-left { bottom: 0; color: #fff; left: 0; top: 100px; width: 100%;}
	.campl-theme-ff .campl-carousel-control-btn { background-color: transparent;
}
	
/* Responsive button homepage carousel */

/* If the screen size is 600px wide or less, set the font-size of &lt;div&gt; to 12px */
@media screen and (max-width: 600px) {
.image-container .btn, .image-container .btn-left {
    font-size: 12px;
	  padding: 10px 10px;
  }
}
	
	/* END CUSTOM CAROUSEL CSS */
	
	
	
   .campl-page-header h1, .campl-carousel-content p, .campl-page-title{font-size: 28px;line-height: 55px;margin-bottom:0}
   .campl-page-sub-title h2, .campl-sub-title{font-size: 26px;line-height: 32px;color:#fff;margin-bottom:0}
   .campl-homepage-content h2{font-size: 26px;line-height: 32px;margin-bottom:0}
   h1, .campl-light-heading{font-size: 26px;line-height: 32px;}
   h2, .campl-slide-caption-txt,  legend, .campl-highlight-day{font-size: 24px;line-height: 30px;}
   
   h3{font-size: 22px;line-height: 28px;}
   h4,.campl-branding-title, .campl-sub-section-page .campl-page-header h1,
   .campl-sub-section-page .campl-page-title {font-size:20px;line-height: 26px}
   h5, .campl-vertical-breadcrumb, .campl-enlarged-text, .campl-teaser-title,  .campl-primary-cta, .btn, 
   .campl-local-footer h3, .campl-global-footer h3, .campl-desktop-list-layout, .campl-local-navigation {font-size:18px;line-height: 24px}
   h6, .campl-simple-heading, .campl-listing-title, .campl-news-listing .campl-datestamp, .campl-current-date{font-size:17px;line-height: 23px}
   .campl-nav-tabs, .campl-nav-pills{font-size:17px;line-height: 20px}
   .campl-nav-tabs &gt; li &gt; a, .campl-nav-pills &gt; li &gt; a {line-height:20px}
   body, label, input, button, select, textarea, .campl-global-navigation, h4, h5, h6, .campl-topic{font-size: 16px; line-height: 22px;}
   .campl-pagination, .highlight, .campl-highlight-alert, .campl-datestamp, .campl-search-term, .campl-topic{font-size:15px;line-height: 20px}

   p, li {margin:0 0 15px 0}
   
   ul, ol{padding: 0;margin: 15px 0 9px 15px;}

   img.campl-float-right{margin:10px 0 10px 0;}
   img.campl-float-left{margin:10px 0 10px 0;}

   blockquote.campl-float-right {display:none}
   
   textarea,
   input[type="text"],
   input[type="password"],
   input[type="datetime"],
   input[type="datetime-local"],
   input[type="date"],
   input[type="month"],
   input[type="time"],
   input[type="week"],
   input[type="number"],
   input[type="email"],
   input[type="url"],
   input[type="search"],
   input[type="tel"],
   input[type="color"],
   .campl-uneditable-input,
   .campl-input-block-level {height: 22px;}
   .campl-input-block-level {min-height: 32px;}
   
   select, input[type="file"] { height: 32px;line-height: 32px;}

   /*reset fixed width columns back to full width for mobile */
     [class*="campl-column"], .campl-column{
       float: none;
       display: block;
       width: auto;
       margin-left: 0;
     }

   .campl-wrap{width:100%; }
   .campl-search-container{padding:20px;}
   .campl-no-left-padding{padding: 0 20px 20px 20px}
   .campl-recessed-secondary-content {margin-top:0}
   .campl-spacing-column,  .campl-sub-section-title{display:none}
   .campl-homepage-logo-header{display:none}
   .campl-footer-navigation{background: none;}
   .campl-footer-navigation ul{display:none}
   .campl-footer-navigation ul.campl-page-children, .campl-footer-navigation ul.campl-global-footer-links{display:block}
   
   .campl-horizontal-teaser-img{padding:0 0 20px 0 }
   .campl-horizontal-teaser-txt{padding:0 0 0 0 }
   
   .campl-navigation-open .campl-row{margin-left:260px}
   
   .campl-site-search{float:right;}
   
   .js .campl-search-drawer, .campl-close-menu{display:none}
   .js .campl-search-open{display:block}
   
   .campl-site-search .campl-search-input{display:none}
   .campl-icon-search-btn{display:block}
   
   .campl-main-logo {padding:15px 0;margin-left:-89px;position:absolute;left:50%}
   .campl-homepage-header .campl-main-logo{display:block}

   .campl-home-link-container{display:block;}
   .campl-home-link-container a{display:block;padding:21px 15px;border-right:1px solid #2f2f2f;font-weight:bold;}
   .campl-global-navigation-container li a, .campl-global-navigation-header-container li a{background:none}
   .campl-home-link-container a, .campl-quicklinks-list li a, .campl-global-navigation-outer {
      background:url(/images/template-images/bg-mobile-nav-border.png) repeat-x bottom left;
   }
   .campl-global-navigation-outer {padding-bottom:2px}
   
   .campl-home-link-container a:focus, .campl-global-navigation-mobile-list a:focus, .js .campl-quicklinks-list a:focus,
   .campl-home-link-container a:hover, .campl-global-navigation-mobile-list a:hover, .js .campl-quicklinks-list a:hover{text-decoration:none}
   
   .campl-home-link-container, .campl-global-navigation-mobile-list, .campl-quicklinks-list li {margin:0;
      background:#323232;
      background-image: linear-gradient(bottom, rgb(50,50,50) 17%, rgb(59,59,59) 59%);
      background-image: -o-linear-gradient(bottom, rgb(50,50,50) 17%, rgb(59,59,59) 59%);
      background-image: -moz-linear-gradient(bottom, rgb(50,50,50) 17%, rgb(59,59,59) 59%);
      background-image: -webkit-linear-gradient(bottom, rgb(50,50,50) 17%, rgb(59,59,59) 59%);
      background-image: -ms-linear-gradient(bottom, rgb(50,50,50) 17%, rgb(59,59,59) 59%);

      background-image: -webkit-gradient(
         linear,
         left bottom,
         left top,
         color-stop(0.17, rgb(50,50,50)),
         color-stop(0.59, rgb(59,59,59))
      );}
   
   .campl-home-link-container:hover, .campl-quicklinks-list li:hover,
   .campl-home-link-container:focus, .campl-quicklinks-list li:focus {
      background:#2a2a2a;
      background-image: linear-gradient(bottom, rgb(36,36,36) 20%, rgb(42,42,42) 80%);
      background-image: -o-linear-gradient(bottom, rgb(36,36,36) 20%, rgb(42,42,42) 80%);
      background-image: -moz-linear-gradient(bottom, rgb(36,36,36) 20%, rgb(42,42,42) 80%);
      background-image: -webkit-linear-gradient(bottom, rgb(36,36,36) 20%, rgb(42,42,42) 80%);
      background-image: -ms-linear-gradient(bottom, rgb(36,36,36) 20%, rgb(42,42,42) 80%);

      background-image: -webkit-gradient(
         linear,
         left bottom,
         left top,
         color-stop(0.2, rgb(36,36,36)),
         color-stop(0.8, rgb(42,42,42))
      );
      } 
   
   .campl-global-navigation-header-container{padding:0 20px 0;margin:0}
   .campl-global-navigation-container{padding:0 20px 20px;margin:0;border-right:0}
   .campl-global-navigation-header-container li, .campl-global-navigation-container li {padding:0;border-bottom:2px solid #212121;margin:0}
   .campl-global-navigation-header-container li{padding:0}
   .campl-global-navigation-container li {padding:0 ;margin:0}

   .campl-global-navigation-container {padding:0}
   .campl-global-navigation-container.last li{padding:0}

   .campl-global-navigation-header-container li a{position:relative;left:-20px;font-weight:bold;padding:15px;display:block;margin-right:-40px}
   .js .campl-quicklinks-list a, .js .campl-quicklinks-list a:link, .js .campl-quicklinks-list a:visited{ padding: 15px 15px 20px;}
      
   .campl-global-navigation-container li a{display:block;padding:10px 20px}
   
   .campl-global-navigation-header-container li a:focus, .campl-global-navigation-header-container li a:hover,
   .campl-global-navigation-container li a:focus, .campl-global-navigation-container li a:hover {
      background:#292929;
      background-image: linear-gradient(bottom, rgb(40,40,40) 20%, rgb(41,41,41) 80%);
      background-image: -o-linear-gradient(bottom, rgb(40,40,40) 20%, rgb(41,41,41) 80%);
      background-image: -moz-linear-gradient(bottom, rgb(40,40,40) 20%, rgb(41,41,41) 80%);
      background-image: -webkit-linear-gradient(bottom, rgb(40,40,40) 20%, rgb(41,41,41) 80%);
      background-image: -ms-linear-gradient(bottom, rgb(40,40,40) 20%, rgb(41,41,41) 80%);

      background-image: -webkit-gradient(
         linear,
         left bottom,
         left top,
         color-stop(0.2, rgb(40,40,40)),
         color-stop(0.8, rgb(41,41,41))
      );}
   
   .campl-global-navigation-container{font-weight:normal}
   
   .campl-quicklinks-list{padding:3px 0 0 0 ;background:url(/images/template-images/bg-mobile-nav-border.png) repeat-x top left;font-weight:bold;position:relative;top:-2px}

   .campl-quicklinks-list li{padding:0;border-bottom:0}
   .campl-quicklinks-list li a{padding:10px 10px 10px 0;}
   
   
   .js .campl-quicklinks-list a, .js .campl-quicklinks-list a:link, .js .campl-quicklinks-list a:visited{background-position:bottom left}
   
   
   .campl-global-navigation-container p, .campl-global-navigation-tertiary, .campl-global-navigation, .js .campl-quicklinks, .campl-tertiary-navigation{display:none}
   .js .campl-quicklinks-list, .js .campl-open-menu, .js .campl-global-navigation-drawer, .js .campl-global-navigation-outer{display:block}

   .campl-global-navigation-drawer{width:260px;position:absolute;left:-260px;top:-1px;}

   /* styles for menu opening navigation - ipad portrait and lower */
   .js .campl-local-navigation li.campl-back-link, .js .campl-local-navigation li.campl-back-link a {display: block;font-size: inherit;height: auto;visibility: visible;position:static}

   .js .campl-local-navigation-container a{padding: 15px 30px 15px 25px;}
   .js .campl-local-navigation-container li.campl-sub&gt;a{background-image:none;  padding: 15px 30px 15px 25px;}

   .js .campl-menu-btn{margin:0;display:block;}

   .campl-menu-indicator{height:20px;width:20px;position:absolute;top:50%;left:10px;display:block;margin-top:-10px;border-radius:1px; -webkit-border-radius:1px;background-repeat:no-repeat;background-position:50% 50%}
   .campl-fwd-btn{right:10px;left:auto;background-image:url(/images/template-images/icon-fwd-btn.png) }
   .campl-back-btn{left:25px;background-image:url(/images/template-images/icon-back-btn.png)}
   
   .js .campl-menu-btn span{padding:15px 0 15px 25px;display:block}
   .js .campl-menu-btn a{padding:0;position:relative;}
   .js .campl-menu-btn .campl-menu-btn-arrow{width:50px;height:54px;display:block;position:absolute;top:0;right:0;padding:0;background-repeat:no-repeat;background-position:50% 50%} /* sml47 was 54px */

   .js .campl-local-navigation .campl-local-navigation-container{position:absolute;left:-9999px;}
   .js .campl-local-navigation ul{margin:0;width:480px;position:absolute;}
   .js .campl-local-navigation li{float:none;}
   .js .campl-local-navigation li.campl-title{display:block}
   .js .campl-local-navigation li.campl-title, .js .campl-local-navigation li.campl-current-page &gt; a{font-weight:bold}
   .js .campl-local-navigation li.campl-title a{cursor:default}
   .js .campl-local-navigation li.campl-current-page &gt; a{background-image:url(/images/template-images/icon-fwd-btn.png);background-position: 25px 50%;background-repeat: no-repeat;padding-left:40px }
   
   .js .campl-local-navigation ul li ul{left:480px;top:0;padding-top:0}

   .js .campl-local-navigation ul li.campl-current&gt;ul,
   .js .campl-local-navigation ul li.campl-current ul li.campl-current&gt;ul,
   .js .campl-local-navigation ul li.campl-current ul li.campl-current ul li.campl-current&gt;ul,
   .js .campl-local-navigation ul li.campl-current ul li.campl-current ul li.campl-current ul li.campl-current&gt;ul,
   .js .campl-local-navigation ul li.campl-current ul li.campl-current ul li.campl-current ul li.campl-current ul li.campl-current&gt;ul,
   .js .campl-local-navigation ul li.campl-current ul li.campl-current ul li.campl-current ul li.campl-current ul li.campl-current ul li.campl-current&gt;ul{display:block}

   .js .campl-local-navigation ul li ul,
   .js .campl-local-navigation ul li.campl-current ul li ul,
   .js .campl-local-navigation ul li.campl-current ul li.campl-current ul li ul,
   .js .campl-local-navigation ul li.campl-current ul li.campl-current ul li.campl-current ul li ul,
   .js .campl-local-navigation ul li.campl-current ul li.campl-current ul li.campl-current ul li.campl-current ul li ul,
   .js .campl-local-navigation ul li.campl-current ul li.campl-current ul li.campl-current ul li.campl-current ul li.campl-current ul li ul{display:none}

   /* styles for sub and title links */
   .js .campl-local-navigation li a{display:block;color:#fff;text-decoration:none;}
   .js .campl-local-navigation-container li.campl-back-link a{position:relative;padding: 15px 30px 15px 50px;}

   .campl-co-branding-logo{float:none}

   .campl-open-menu{margin: 15px;}
   
   .campl-breadcrumb{display:none}
   .campl-mobile-parent{display:block;}
   .campl-section-page .campl-mobile-parent, .campl-sub-section-page .campl-mobile-parent{display:none}
   
   .campl-listing-txt{padding:20px 0 0 }
   .campl-listing-img{padding:0 0 10px}
   
   .campl-event-details-dl dt, .campl-event-details-dl dd, .campl-event-details-dl{float:none}
   .campl-event-details, .campl-column6 .campl-event-details{background-image:none}
   
   .campl-current-date{padding:7px 0 8px 0}
   
   .campl-slide-caption{opacity:1;position:static;}

   .campl-carousel{overflow:hidden;background:#000}
   .campl-carousel-controls{position:absolute;top:0;bottom:auto;left:0;right:auto;width:100%}
   .campl-carousel-controls li{margin:0;width:50px;float:none;height:auto;position:absolute;top:0;}
   .campl-slide-caption{background:#000}
   .campl-carousel-control-btn{overflow:auto;width:auto;opacity:0.8}
   
   .campl-carousel-content{text-align:left}
   
   .campl-next-li{right:0;left:auto;}

   .campl-event-cta-container{padding:30px 20px 0 20px}
   .campl-events-cta {float:none}
   .campl-events-cta li{margin-left:0;float:none;margin-bottom:30px}

   .campl-table th, .campl-table td {line-height: 24px}

   /* Force table to not be like tables anymore */
   .campl-vertical-stacking-table table, .campl-vertical-stacking-table thead, .campl-vertical-stacking-table tbody, .campl-vertical-stacking-table th, .campl-vertical-stacking-table td, .campl-vertical-stacking-table tr { 
      display: block; 
   }
   
   /* Hide table headers (but not display: none;, for accessibility) */
   .campl-vertical-stacking-table thead tr { position: absolute;top: -9999px;left: -9999px;}
   
   .campl-vertical-stacking-table tr { border: 1px solid #ccc; }
   
   /* Behave  like a "row" */
   .campl-vertical-stacking-table td { border: none;border-bottom: 1px solid #e4e4e4; }
   .campl-vertical-stacking-table td:before { white-space: wrap;}
   .campl-table-heading{display:block;}
   
   .campl-nav-tabs{padding-left:0}

   .campl-column3 .Zebra_DatePicker table{font-size:16px}
   .campl-column3 .Zebra_DatePicker .dp_daypicker td{ padding: 0 3px 9px 6px;}
   
   .campl-overlay{right:auto;left:0}
   
   .campl-mobile-list-layout{display:block}
   .campl-desktop-list-layout{display:none}
   
   .campl-notifications-container{padding:10px 20px}
   .campl-notifications-icon {float:none}
   .campl-close-panel{top:10px;right:20px}
   
   .campl-section-list li li{padding: 0 0 10px}
   .campl-section-list li li li{padding: 5px 0 5px}


   /* sml47 : Front page Focus On/Featured Work thing */
   .custom-pager-focuson { display: none; }
   .featuredwork-snippet { width: 100%; border: 0px solid red;}
/*   html.js.flexbox.flexboxlegacy.canvas.canvastext.webgl.no-touch.geolocation.postmessage.no-websqldatabase.indexeddb.hashchange.history.draganddrop.websockets.rgba.hsla.multiplebgs.backgroundsize.borderimage.borderradius.boxshadow.textshadow.opacity.cssanimations.csscolumns.cssgradients.no-cssreflections.csstransforms.csstransforms3d.csstransitions.fontface.generatedcontent.video.audio.localstorage.sessionstorage.webworkers.applicationcache.svg.inlinesvg.smil.svgclippaths.wf-myriadpro-i4-active.wf-myriadpro-i7-active.wf-myriadpro-n3-active.wf-myriadpro-n4-active.wf-myriadpro-n6-active.wf-myriadpro-n7-active.wf-active &gt; */body.campl-theme-ff &gt; div.campl-row.campl-page-header &gt; div.campl-row.campl-content.campl-recessed-content &gt; div.campl-wrap.clearfix &gt; div.campl-column9.campl-main-content &gt; div.campl-heading-container &gt; h1#page-title {
      width: 20%;
   }
/*   html.js.flexbox.flexboxlegacy.canvas.canvastext.webgl.no-touch.geolocation.postmessage.no-websqldatabase.indexeddb.hashchange.history.draganddrop.websockets.rgba.hsla.multiplebgs.backgroundsize.borderimage.borderradius.boxshadow.textshadow.opacity.cssanimations.csscolumns.cssgradients.no-cssreflections.csstransforms.csstransforms3d.csstransitions.fontface.generatedcontent.video.audio.localstorage.sessionstorage.webworkers.applicationcache.svg.inlinesvg.smil.svgclippaths.wf-myriadpro-i4-active.wf-myriadpro-i7-active.wf-myriadpro-n3-active.wf-myriadpro-n4-active.wf-myriadpro-n6-active.wf-myriadpro-n7-active.wf-active &gt; */ body.campl-theme-ff &gt; div.campl-row.campl-page-header &gt; div.campl-row.campl-content.campl-recessed-content &gt; div.campl-wrap.clearfix &gt; div.campl-column9.campl-main-content &gt; div.campl-column11 &gt; div.view-content.main-page-featuredwork &gt; div.campl-column-3 &gt; div.cycle-slideshow &gt; div.featuredwork-snippet.cycle-slide.cycle-slide-active &gt; p &gt; img {
      display: none;
   }
 /*  html.js.flexbox.flexboxlegacy.canvas.canvastext.webgl.no-touch.geolocation.postmessage.no-websqldatabase.indexeddb.hashchange.history.draganddrop.websockets.rgba.hsla.multiplebgs.backgroundsize.borderimage.borderradius.boxshadow.textshadow.opacity.cssanimations.csscolumns.cssgradients.no-cssreflections.csstransforms.csstransforms3d.csstransitions.fontface.generatedcontent.video.audio.localstorage.sessionstorage.webworkers.applicationcache.svg.inlinesvg.smil.svgclippaths.wf-myriadpro-i4-active.wf-myriadpro-i7-active.wf-myriadpro-n3-active.wf-myriadpro-n4-active.wf-myriadpro-n6-active.wf-myriadpro-n7-active.wf-active &gt; */body.campl-theme-ff &gt; div.campl-row.campl-page-header &gt; div.campl-row.campl-content.campl-recessed-content &gt; div.campl-wrap.clearfix &gt; div.campl-column9.campl-main-content &gt; div.campl-column11 &gt; div.view-content.main-page-featuredwork &gt; div.campl-column-3 &gt; div.cycle-slideshow &gt; div.featuredwork-snippet.cycle-slide.cycle-slide-active {
      width: 90%;
   }



   /* Edit page link on pages */
   span.editpage-link { display: none; }


   /* Raven logged in bird at the top of the page */
   .ravenloggedin { display: none; }

   /* "Ongoing Work" within test dir of /P/ipre */
   #ongoing_work { display: none; }
   #ongoing_work_rightmenu_title { display: block; }
   #ongoing_work_menu { display: block; }

   .edvid {
      width: 100%;
   }

/*html.js.flexbox.flexboxlegacy.canvas.canvastext.webgl.no-touch.geolocation.postmessage.no-websqldatabase.indexeddb.hashchange.history.draganddrop.websockets.rgba.hsla.multiplebgs.backgroundsize.borderimage.borderradius.boxshadow.textshadow.opacity.cssanimations.csscolumns.cssgradients.no-cssreflections.csstransforms.csstransforms3d.csstransitions.fontface.generatedcontent.video.audio.localstorage.sessionstorage.webworkers.applicationcache.svg.inlinesvg.smil.svgclippaths.js.wf-myriadpro-i4-active.wf-myriadpro-i7-active.wf-myriadpro-n3-active.wf-myriadpro-n4-active.wf-myriadpro-n6-active.wf-myriadpro-n7-active.wf-active &gt; */ body.campl-theme-ff.section_P.section_ipre &gt; div.campl-row.campl-content.campl-recessed-content &gt; div.campl-wrap.clearfix {
   width: 98.2%;
}


} /* End : anything smaller than tablet portrait ie. mobile devices sml47 */
   
/* iphone landscape */  
@media (max-width: 480px) {
   /* sml47 : Front page Focus On/Featured Work thing */
   .custom-pager-focuson { display: none; }
   .featuredwork-snippet { width: 294px; }
/*   html.js.flexbox.flexboxlegacy.canvas.canvastext.webgl.no-touch.geolocation.postmessage.no-websqldatabase.indexeddb.hashchange.history.draganddrop.websockets.rgba.hsla.multiplebgs.backgroundsize.borderimage.borderradius.boxshadow.textshadow.opacity.cssanimations.csscolumns.cssgradients.no-cssreflections.csstransforms.csstransforms3d.csstransitions.fontface.generatedcontent.video.audio.localstorage.sessionstorage.webworkers.applicationcache.svg.inlinesvg.smil.svgclippaths.wf-myriadpro-i4-active.wf-myriadpro-i7-active.wf-myriadpro-n3-active.wf-myriadpro-n4-active.wf-myriadpro-n6-active.wf-myriadpro-n7-active.wf-active &gt; */body.campl-theme-ff &gt; div.campl-row.campl-page-header &gt; div.campl-row.campl-content.campl-recessed-content &gt; div.campl-wrap.clearfix &gt; div.campl-column9.campl-main-content &gt; div.campl-column11 &gt; div.view-content.main-page-featuredwork &gt; div.campl-column-3 &gt; div.cycle-slideshow &gt; div.featuredwork-snippet.cycle-slide.cycle-slide-active &gt; p &gt; img { display: none; }

   /* Edit page link on pages */
   span.editpage-link { display: none; }
}
   
   
/* 9.0 COLOUR THEMES ------------------------------------------------------------------------------------------------*/
/* COLOUR LEGEND */


/* styles for enu opening navigation - ipad portrait and lower */
@media only screen and (max-width:767px){
   
   /* generic mobile local nav styles */
   .campl-local-navigation{border:0}
   .js .campl-closed .campl-menu-btn-arrow{background-image:url(/images/template-images/icon-close-btn.png)} 
   .js .campl-open .campl-menu-btn-arrow{background-image:url(/images/template-images/icon-open-btn.png)}
   .js .campl-menu-btn a:focus, .js .campl-menu-btn a:hover{border:0;}
   .campl-local-navigation ul{border-top:0;}
   
}

/* generic colours */
.campl-global-header{background:#000000}
.campl-global-footer{background:#171717}
.campl-global-navigation-drawer{background:#171717; color:#cecece}
.campl-global-navigation-outer{border: 1px solid #323232;border-width:0 1px 0 1px}
.campl-global-navigation-container {border-right: 1px solid #323232;}
.campl-global-navigation-container.last{border-right: 0;}

.campl-theme-1 .campl-homepage-content h2, .campl-theme-2 .campl-homepage-content h2, .campl-theme-3 .campl-homepage-content h2,
.campl-theme-4 .campl-homepage-content h2, .campl-theme-5 .campl-homepage-content h2, .campl-theme-6 .campl-homepage-content h2{color:#171717}

.campl-global-navigation-secondary-with-children, .campl-global-navigation-container li.last, .campl-global-navigation-secondary-with-children li{border-bottom:0}
.campl-global-navigation-container li, .campl-global-navigation-header-container li{border-bottom: 1px solid #323232}
.campl-global-navigation-tertiary li, .campl-global-navigation-secondary-with-children li{border-bottom:0}
.campl-recommended-results{background:#f0f8ff}

.campl-global-footer{color:#fff}
.campl-content{background:#fff}
.campl-secondary-content{background:#f3f3f3}

.campl-homepage-carousel .campl-carousel-control-btn, .campl-paging-btn{background:#171717}
.campl-homepage-carousel .campl-carousel-control-btn:hover{background:#000}
.campl-paging-btn:focus, .campl-paging-btn:hover{background:#454545}

.campl-inpage-search-container{background:#e4e4e4}
.campl-login-form{background:#f2f2f2}

.campl-highlight-date{color:#fff}
.campl-promo-teaser{background:#fff}

.campl-vertical-breadcrumb-navigation .campl-selected{color:#171717}

tbody th, td{background:#fff;color:#222}
/*reset background colour of themed tables with th in tbody*/
.campl-theme-1 tbody th, .campl-theme-2 tbody th, .campl-theme-3 tbody th, .campl-theme-4 tbody th, .campl-theme-5 tbody th, .campl-theme-6 tbody th{background:#fff;color:#222;border-bottom:0}
table th{border-bottom:#e4e4e4 1px solid}
.campl-table tbody tr:hover td, .campl-table tbody tr:hover th, 
.campl-theme-1 .campl-table tbody tr:hover td, .campl-theme-1 .campl-table tbody tr:hover th, 
.campl-theme-2 .campl-table tbody tr:hover td, .campl-theme-2 .campl-table tbody tr:hover th, 
.campl-theme-3 .campl-table tbody tr:hover td, .campl-theme-3 .campl-table tbody tr:hover th, 
.campl-theme-4 .campl-table tbody tr:hover td, .campl-theme-4 .campl-table tbody tr:hover th, 
.campl-theme-5 .campl-table tbody tr:hover td, .campl-theme-5 .campl-table tbody tr:hover th, 
.campl-theme-6 .campl-table tbody tr:hover td, .campl-theme-6 .campl-table tbody tr:hover th{background-color: #e4e4e4;}
.campl-vertical-stacking-table th{border-left:#e4e4e4 1px solid}

.campl-tertiary-navigation{border:1px solid #e4e4e4;border-width:1px 1px 0 1px }

/* Notifications */
.campl-success-panel{border-color:#55a51c}
.campl-success-panel .campl-notifications-icon{color:#55a51c}
.campl-warning-panel{border-color:#ff0000}
.campl-warning-panel .campl-notifications-icon{color:#ff0000}
.campl-alert-panel{border-color:#ea7125}
.campl-alert-panel .campl-notifications-icon{color:#ea7125}
.campl-information-panel{border-color:#0072cf}
.campl-information-panel .campl-notifications-icon{color:#0072cf}


/* 10.0 CSS3 ANIMATIONS ----------------------------------------------------------------------------------------------*/

/* 11.0 FOUC ----------------------------------------------------------------------------------------------*/

.js #global-header-controls{display:none}
.js .campl-carousel li{display:none}
.js .campl-secondary-content{display:none}

/* 12.0 PRINT STYLES ------------------------------------------------------------------------------------------------*/

@media print {
   
   .lt-ie9 .campl-row, .lt-ie8 .campl-row{min-width:auto}
   body{ background: transparent !important;}
   * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
   #content a, #content  a:visited { text-decoration: underline; }
   #content a[href]:after { content: " (" attr(href) ")"; }
   
   .Zebra_DatePicker a[href]:after, .campl-carousel a[href]:after { display:none!important}
   abbr[title]:after { content: " (" attr(title) ")"; }
   #content .ir a:after, #content a[href^="javascript:"]:after, #content a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
   pre{ border: 1px solid #999; page-break-inside: avoid; }
   thead { display: table-header-group; } /* h5bp.com/t */
   tr, img { page-break-inside: avoid; }
   img { max-width: 100% !important; }
   @page { margin: 0.5cm; }
   p, h2, h3 { orphans: 3; widows: 3; }
   h2, h3 { page-break-after: avoid; } 
   
   /* replace calendar backgrounds */
   .Zebra_DatePicker{width:300px}
   .Zebra_DatePicker .dp_daypicker td{background:#e1e1e1!important;}
   .Zebra_DatePicker td.dp_not_in_month{ background: #edeaea!important; color: #b4b3b3!important;}
   .Zebra_DatePicker td.dp_selected{ background: #222!important; color: #FFF !important }
   .Zebra_DatePicker td.dp_current {background:#888888!important; color: #fff!important }
   .Zebra_DatePicker td.dp_disabled_current{ background: #edeaea!important; color: #b4b3b3!important;}
   .Zebra_DatePicker td.dp_disabled, .Zebra_DatePicker td.dp_weekend_disabled{background: #edeaea!important; color: #b4b3b3!important;}
   .Zebra_DatePicker td.dp_hover{ background: #222!important; color: #FFF!important }
   .campl-event-indicator{background:#f3f3f3!important}

   /*stack all columns vertically to make it easier to read content*/
   [class*="campl-column"], .campl-column{
     float: none;
     display: block;
     width: auto;
     margin-left: 0;
   }
   
   /* remove recessed margin issues and add mobile container classes to reduce visual padding*/
   .campl-wrap{width:100%}
   .campl-search-container{padding:20px;}
   .campl-recessed-secondary-content {margin-top:0}
   .campl-spacing-column,  .campl-sub-section-title{display:none}
   .campl-homepage-logo-header{display:none}


   /* remove residual styling from tables and show by default */
   table, .campl-table-bordered table, .campl-table-bordered th, .campl-table-bordered td, .campl-table-bordered tr {border-color:#E4E4E4!important}
   caption{ border: 1px solid #E4E4E4!important; page-break-inside: avoid;}
   .campl-responsive-table table{display:block!important}

   /* style elements back for legibility, add a bg back into the homepage teaser campl-topic to make legible */
   .campl-topic{background:#fff!important}
   .campl-primary-cta{color:#fff!important}
   .campl-primary-cta-real{color:#000!important}
	.campl-primary-cta-rudd-blue, .campl-primary-cta-rudd-purple, .campl-primary-cta-rudd-red, .campl-primary-cta-rudd-yellow, .campl-primary-cta-rudd-green, .campl-primary-cta-rudd-orange{color:#fff!important}

   /* add background to transparent graphics to make legible */
   .campl-co-branding-logo{padding:5px;background:#000!important;display:block;float:none}
   .campl-main-logo{padding:5px;background:#000 !important;display:block;float:none}

   /*hide unwanted site furniture and nav elements*/
   .campl-global-header{display:none!important}
   .campl-breadcrumb{display:none!important}
   .campl-global-navigation-drawer{display:none!important}
   .campl-local-navigation{display:none!important}
   .campl-tertiary-navigation{display:none!important}
   .campl-mobile-parent{display:none!important}
   .campl-nav-tabs{display:none!important}
   .campl-nav-pills{display:none!important}
   .campl-inpage-search-container{display:none!important}
   .campl-search-container{display:none!important}
   .campl-list-container{display:none!important}
   .campl-local-footer{display:none!important}
   .campl-global-footer{display:none!important}
   .campl-load-more-btn{display:none!important}
   .campl-pagination{display:none!important}
   .campl-paging{display:none!important}
   .campl-notifications-panel{display:none!important}
   .campl-open-responsive-table-link{display:none!important}
   .campl-homepage-header{display:none!important}
   .campl-homepage-logo-header{display:none!important}

   .campl-slide-caption{position:static}
   .campl-focus-teaser-txt{float:none;clear:both}
   .campl-carousel .campl-slide{display:block}
}


/* 12.0 Z-INDEXES ------------------------------------------------------------------------------------------------
 * 
 * z-index:0   campl-page-sub-title
 * z-index:1
 * z-index:2   
 * z-index:3   
 * z-index:4   global navigation drawer
 * z-index:5   campl-search-drawer
 * z-index:6   campl-quicklinks-list
 * z-index:7   campl-global-navigation link hover state/selected tab 
 * z-index:8   
 * z-index:9   campl-vertical-breadcrumb-indicator
 * z-index:10  
 * z-index:11  tertiary navigation
 * z-index:12  campl-topic on homepage teaser
 * z-index:13  campl-local-navigation
 * z-index:14  campl-local-navigation li ul - hover menu
 * z-index:15  global header
 * z-index:16  
*/









/*****************************************************************************************
 ******************
 ******************
 ******************
 ******************
 ******************
 ******************
 ******************
*****************************************************************************************/







/*
 * Theme ff - sml47
 *
 */
.campl-theme-ff .campl-page-header, .campl-theme-ff .campl-local-footer {
  background: #3E4A6F;
  background: #454f6f;
  background: #31394f;
  background: #5D8AA8;
  background: #4F7F9F;
  background: #47728F;
  background: #3F657F;

  background: #003174;
  background: #004e8f;

  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
}


span.header-foenet { display: none; }

.campl-theme-ff.section_courses .campl-content-container img.right { /* sml47 */
   float: right;
}

.campl-theme-ff &gt; div.campl-row.campl-page-header &gt; div.campl-row.campl-content.campl-recessed-content &gt; div.campl-wrap.clearfix &gt; div.campl-column3.campl-secondary-content.campl-recessed-secondary-content &gt; div.campl-content-container &gt; div.campl-listing-item.campl-news-listing.clearfix {
   margin-right: 3px;
   border: 0px solid blue; 
   background-color: #ffffff;
   padding-left: 7px;
   padding-right: 7px;
   padding-top: 7px;
}

.campl-theme-ff &gt; div.campl-row.campl-page-header &gt; div.campl-row.campl-content.campl-recessed-content &gt; div.campl-wrap.clearfix &gt; div.campl-column3.campl-secondary-content.campl-recessed-secondary-content &gt; div.campl-listing-item.campl-news-listing.clearfix {
   margin-right: 3px
   border: 0px solid blue; 
   background-color: #ffffff;
   padding-left: 7px;
   padding-right: 7px;
   padding-top: 7px;
}


.campl-theme-ff &gt; div.campl-row.campl-page-header &gt; div.campl-row.campl-content.campl-recessed-content &gt; div.campl-wrap.clearfix &gt; div.campl-column3.campl-secondary-content.campl-recessed-secondary-content &gt; div.campl-content-container  a {
  color: #263e5f; /* remove? */
}
.campl-theme-ff &gt; div.campl-row.campl-page-header &gt; div.campl-row.campl-content.campl-recessed-content &gt; div.campl-wrap.clearfix &gt; div.campl-column3.campl-secondary-content.campl-recessed-secondary-content  a {
  color: #263e5f;
}

.campl-theme-ff &gt; div.campl-row.campl-page-header &gt; div.campl-row.campl-content.campl-recessed-content &gt; div.campl-wrap.clearfix &gt; div.campl-column6.campl-main-content &gt; div.campl-content-container a {
 color: blue;
 text-decoration: none; /* remove? */
}
.campl-theme-ff &gt; div.campl-row.campl-page-header &gt; div.campl-row.campl-content.campl-recessed-content &gt; div.campl-wrap.clearfix &gt; div.campl-column6.campl-main-content a {
 color: blue;
 text-decoration: none;
}

.campl-theme-ff &gt; div.campl-row.campl-page-header &gt; div.campl-row.campl-content.campl-recessed-content &gt; div.campl-wrap.clearfix &gt; div.campl-column3 &gt; div.campl-content-container.campl-no-top-padding.campl-sub-column-left-border.campl-main-content-sub-column &gt; div.campl-listing-item.campl-news-listing.clearfix &gt; p.campl-listing-title &gt; a {
 color: blue;
 text-decoration: none; /* remove? */
}
.campl-theme-ff &gt; div.campl-row.campl-page-header &gt; div.campl-row.campl-content.campl-recessed-content &gt; div.campl-wrap.clearfix &gt; div.campl-column3 &gt; div.campl-no-top-padding.campl-sub-column-left-border.campl-main-content-sub-column &gt; div.campl-listing-item.campl-news-listing.clearfix &gt; p.campl-listing-title &gt; a {
 color: blue;
 text-decoration: none;
}




.campl-theme-ff .campl-local-footer h3 a{color:#EAE8E8;}
.campl-theme-ff .campl-page-sub-title, 
/*.campl-theme-ff .campl-banner-content{background:#263e5f;}*/ /* sml47 */ /* The page title */
/*.campl-theme-ff .campl-banner-content{background:#496f9d;}*/ /* sml47 */ /* The page title */
.campl-theme-ff .campl-banner-content{background:#226dac;} /* sml47 */ /* The page title */
.campl-theme-ff .campl-tertiary-navigation{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAHElEQVQYlWNgQAOfP3/+T1BsMCrCBgajO4n1DACTJUzhVcNWTAAAAABJRU5ErkJggg);min-height:100%}

.campl-theme-ff .campl-homepage-carousel .campl-slide{background:#8C8989;color:#fff}
.campl-theme-ff .campl-partnership-branding{border-color:#8C8989}

/*.campl-theme-ff .campl-highlight-date{background:#6F7F7C;}*/
.campl-theme-ff .campl-highlight-date{background:#004E8F;} /* date for Events on front page  */
.campl-theme-ff .campl-highlight-date{background:#314e76;} /* date for Events on front page  */
.campl-theme-ff .campl-focus-teaser{background:#f3f3f3;} /* sml47 */
.campl-theme-ff .campl-focus-teaser{background:#f3f3f3;} /* sml47 our teaching boxes */
.campl-theme-ff .campl-focus-teaser{background:#f3f3f3;} /* sml47 our teaching boxes */
.campl-theme-ff .campl-focus-link{background-color:#004e8f} /* sml47 Front page our teaching boxes chevron background */
.campl-theme-ff .campl-focus-link{background-color:#314e76} /* sml47 Front page our teaching boxes chevron background */
.campl-theme-ff .campl-main-content .section-carousel h1 {color: #fff;} /* jlh208 Carousel for Centres landing page */
.campl-theme-ff .campl-main-content h1, .campl-theme-ff .campl-main-content h2 {color:#404040 }

/* main page our research section */
   /* academic group title text */
   .campl-theme-ff .main-page-ourresearch h2.campl-teaser-title {
      font-size: 135%;
   }
/* END : main page our research section */

/* main page our teaching section */
   /* individual box text */
   .campl-theme-ff h2.campl-teaser-title.ourteaching {
   font-size: 1.5em;
   font-weight: 300;
   color: #ffffff;
   }
/* END : main page our teaching section */

/* Start : Fine tuning right menu front page */
.campl-theme-ff &gt; div.campl-row.campl-page-header &gt; div.campl-row.campl-content.campl-recessed-content &gt; div.campl-wrap.clearfix &gt; div.campl-column3.campl-secondary-content.campl-recessed-secondary-content.campl-sub-column-left-border &gt; div.campl-content-container.clearfix &gt; h2 {
   border-bottom: 1px solid black;
}
.campl-theme-ff &gt; div.campl-row.campl-page-header &gt; div.campl-row.campl-content.campl-recessed-content &gt; div.campl-wrap.clearfix &gt; div.campl-column3.campl-secondary-content.campl-recessed-secondary-content.campl-sub-column-left-border  hr {
   border: 0px;
   height: 1px;
   background-color: #d1e1e0;
   color: #314e76;
   width: 80%;
   text-align: center;
   margin: 0 auto;
} 

/* END : Fine tuning right menu front page */


.campl-theme-ff table, 
.campl-theme-ff .campl-table-bordered {
/*border-bottom:2px solid #8C8989;*/
}
.campl-theme-ff th{background:#8C8989;color:#fff}
.campl-theme-ff th.campl-alt{background:#fff;color:#8C8989}
.campl-theme-ff .campl-table-striped tbody tr:nth-child(odd) td,
.campl-theme-ff .campl-table-striped tbody tr:nth-child(odd) th { background-color: #DBD9D9;}
.campl-theme-ff .campl-table-bordered th{border-left: 1px solid #DBD9D9;}

/* Responsive Graduate PPD Undergrad PGCE zebra stripe table - jlh208*/

.grad-table {border: 0; overflow-x:auto; margin-bottom: 1em; width: 100%; }
.grad-table td { border: 1px solid #e4e4e4; padding: 10px 15px;line-height: 18px; text-align: left; vertical-align: top; max-width: 50%; min-width: 10%; overflow: hidden;}
.grad-table th {background-color: #F7F7F7 ; color: #707070;}
.grad-table tr:nth-child(even) td {background-color: #FDFDFD;}
.grad-table th, h3 {margin: 0;}
/*.grad-table tbody:first-child tr:first-child td {border-top: 1px solid #e4e4e4;} */

/* Responsive zebra stripe table for key map data /centres/real/about/ - jlh208*/

.map-table {border: 0; overflow-x:auto; margin-bottom: 1em; width: 100%; }
.map-table td { border: 1px solid #e4e4e4; padding: 5px 5px;line-height: 18px; text-align: left; vertical-align: centre; overflow: hidden;}
.map-table th {background-color: #F7F7F7 ; color: #707070;}
.map-table tr:nth-child(even) td {background-color: #FDFDFD;}
.map-table th, h3 {margin: 0;}
/*.map-table tbody:first-child tr:first-child td {border-top: 1px solid #e4e4e4;} */

/* local navigation */
.campl-theme-ff .campl-local-navigation {background:#263e5f;border-bottom:0px solid #404040;border-top:0px solid #404040; font-size: 130%;} /* top level sml47 */
.campl-theme-ff .campl-local-navigation a{background:#263e5f;border-right:1px solid #404040;border-bottom:0px solid #404040;border-top:0px solid #404040} /* sml47 */
.campl-theme-ff .campl-local-navigation a:focus, 
.campl-theme-ff .campl-local-navigation a:hover, 
.campl-theme-ff .campl-local-navigation a:active{background-color:#7d7777;}
.campl-theme-ff .campl-local-navigation a.campl-selected{background:#226DAC}
.campl-theme-ff .campl-local-navigation li.campl-hover a{background-color:#2F2F2F}
.campl-theme-ff .campl-local-navigation li.campl-sub li a {background-color: #2F2F2F;border-left:0px solid #000000; font-size: 105%; } /* second level sml47 */
.campl-theme-ff .campl-local-navigation li.campl-sub li li a{border-bottom:0px solid #004e8f;}
.campl-theme-ff .campl-local-navigation li.campl-sub li:last-child a {border-bottom:0;}

.js .campl-theme-ff .campl-local-navigation li.campl-sub&gt;a:focus, 
.js .campl-theme-ff .campl-local-navigation li.campl-sub&gt;a:hover, 
.js .campl-theme-ff .campl-local-navigation li.campl-sub&gt;a:active {background-color:#004e8f;}

.js .campl-theme-ff .campl-local-navigation li.campl-sub a:focus, 
.js .campl-theme-ff .campl-local-navigation li.campl-sub a:hover {background-color: #2F2F2F}
.js .campl-theme-ff .campl-local-navigation li.campl-sub li a:focus, 
.js .campl-theme-ff .campl-local-navigation li.campl-sub li a:hover {background-color: #004e8f;}

/*html.js.no-flexbox.flexboxlegacy.canvas.canvastext.webgl.no-touch.geolocation.postmessage.no-websqldatabase.indexeddb.hashchange.history.draganddrop.websockets.rgba.hsla.multiplebgs.backgroundsize.borderimage.borderradius.boxshadow.textshadow.opacity.cssanimations.csscolumns.cssgradients.no-cssreflections.csstransforms.csstransforms3d.csstransitions.fontface.generatedcontent.video.audio.localstorage.sessionstorage.webworkers.applicationcache.svg.inlinesvg.smil.svgclippaths.wf-myriadpro-n6-active.wf-myriadpro-n7-active.wf-myriadpro-i4-active.wf-myriadpro-i7-active.wf-myriadpro-n3-active.wf-myriadpro-n4-active.wf-active &gt; */body.campl-theme-ff.section_centres.section_childrensliterature &gt; div.campl-row.campl-page-header &gt; div#local-nav.campl-wrap.clearfix.campl-local-navigation &gt; div.campl-local-navigation-container &gt; ul.campl-unstyled-list.campl-current &gt; li.campl-top.campl-sub.campl-hover &gt; ul.campl-unstyled-list.local-dropdown-menu {
  margin-right: 10px;
  padding-right: 10px;
}

.js .campl-theme-ff .campl-local-navigation { height: 40px; padding-top: 0px; margin-bottom: 0px;}


.js .campl-theme-ff .campl-row.campl-page-header #local-nav.campl-wrap.clearfix.campl-local-navigation  .campl-local-navigation-container &gt; ul.campl-unstyled-list.campl-current {
   height: 54px;
}


/* Local navigation second level li's (the drop downs) */
.js .campl-theme-ff .campl-row.campl-page-header &gt; div#local-nav.campl-wrap.clearfix.campl-local-navigation &gt; div.campl-local-navigation-container &gt; ul.campl-unstyled-list.campl-current &gt; li.campl-top.campl-sub.campl-hover  &gt; ul &gt; li &gt; a {
   border-left: 1px solid #303030;
   margin-left: -16px;
   border-bottom: 1px solid #a0a0a0;
}


/* /research/index.html */
/* -&gt; the black background "buttons" */
body.campl-theme-ff.section_research div.campl-primary-cta &gt; div.field.field-name-field-external-link-link.field-type-link-field.field-label-hidden &gt; div.field-items &gt; div.field-item.even &gt; a {
   color: white;
}
body.campl-theme-ff.section_research div &gt; div.campl-primary-cta &gt; div.field.field-name-field-external-link-link.field-type-link-field.field-label-hidden &gt; div.field-items &gt; div.field-item &gt; a,
body.campl-theme-ff.section_networks div &gt; div.campl-primary-cta &gt; div.field.field-name-field-external-link-link.field-type-link-field.field-label-hidden &gt; div.field-items &gt; div.field-item &gt; a,
body.campl-theme-ff.section_services div &gt; div.campl-primary-cta &gt; div.field.field-name-field-external-link-link.field-type-link-field.field-label-hidden &gt; div.field-items &gt; div.field-item &gt; a ,
body.campl-theme-ff.section_courses div &gt; div.campl-primary-cta &gt; div.field.field-name-field-external-link-link.field-type-link-field.field-label-hidden &gt; div.field-items &gt; div.field-item &gt; a {
   color: white;
}

/* This CSS is to make the above black background buttons accessible by using html link text instead of non html embedded text */

/* Bottom left text */
.bottom-left {
  position: absolute;
  bottom: -10px;
  left: 10px;
}

.bottom-left p { color: white; font-size: 1.2em}


/* END : the black background "buttons" */
/* h3 in the grid */
body.campl-theme-ff.section_research h3.campl-teaser-title  {
   font-size: 1.3em;
}
/* END : h3 in the grid*/
/* END : /research/index.html */

/* /centres/ */
body.campl-theme-ff.section_centres div.campl-primary-cta &gt; div.field.field-name-field-external-link-link.field-type-link-field.field-label-hidden &gt; div.field-items &gt; div.field-item.even &gt; a {
   color: white;
}
body.campl-theme-ff.section_centres div &gt; div.campl-primary-cta &gt; div.field.field-name-field-external-link-link.field-type-link-field.field-label-hidden &gt; div.field-items &gt; div.field-item &gt; a {
   color: white;
}
/* h3 in the grid */
body.campl-theme-ff.section_centres h3.campl-teaser-title  {
   font-size: 1.3em;
}
/* END : h3 in the grid*/


/* END : /centres/ */


/* sml47.... */
/* Mastheads - all that was here is now in mastheads.css */


/* An H2. Note the simple CSS path. */
/*html.js.no-flexbox.flexboxlegacy.canvas.canvastext.webgl.no-touch.geolocation.postmessage.no-websqldatabase.indexeddb.hashchange.history.draganddrop.websockets.rgba.hsla.multiplebgs.backgroundsize.borderimage.borderradius.boxshadow.textshadow.opacity.cssanimations.csscolumns.cssgradients.no-cssreflections.csstransforms.csstransforms3d.csstransitions.fontface.generatedcontent.video.audio.localstorage.sessionstorage.webworkers.applicationcache.svg.inlinesvg.smil.svgclippaths.wf-myriadpro-i4-active.wf-myriadpro-i7-active.wf-myriadpro-n3-active.wf-myriadpro-n4-active.wf-myriadpro-n6-active.wf-myriadpro-n7-active.wf-active &gt; */body.campl-theme-ff &gt; div.campl-row.campl-page-header &gt; div.campl-row.campl-content.campl-recessed-content &gt; div.campl-wrap.clearfix &gt; div.campl-column3.campl-secondary-content.campl-recessed-secondary-content &gt; div.campl-content-container &gt; h2 {
   border-bottom: 1px solid #a0a0a0;
   font-weight: 400;
}




/********************************************************************************/


/* styles for menu opening navigation - ipad portrait and lower */
@media only screen and (max-width:768px){
   
   /* generic mobile local nav styles */
   .campl-local-navigation{border:0}
   .js .campl-closed .campl-menu-btn-arrow{background-image:url(/images/template-images/icon-close-btn.png)} 
   .js .campl-open .campl-menu-btn-arrow{background-image:url(/images/template-images/icon-open-btn.png)}
   .js .campl-menu-btn a:focus, .js .campl-menu-btn a:hover{border:0;}
   .campl-local-navigation ul{border-top:0;}
   
   /* Default - turquoise */
/*   .js .campl-local-navigation a{background:#106470;border-right:0;border-top:0} */
   .campl-local-navigation li a{border-bottom:1px solid #0c5963;}
   .js .campl-local-navigation li li a,
/*   .js .campl-local-navigation li.campl-sub li.campl-sub a{background-color:#106470;}*/
   
   .js .campl-local-navigation li.campl-title a,
   .js .campl-local-navigation li.campl-sub li.campl-title a,
   .js .campl-local-navigation li.campl-sub li.campl-sub li.campl-title a,
   .js .campl-local-navigation a:focus,
   .js .campl-local-navigation a:hover,
   .js .campl-local-navigation a:active{background-color:#0c5963;}
   
   .js .campl-local-navigation li.campl-sub a:focus, 
   .js .campl-local-navigation li.campl-sub a:hover{background-color: #0c5963}
   .js .campl-local-navigation li.campl-sub li a:focus, 
   .js .campl-local-navigation li.campl-sub li a:hover{background-color: #0c5963;}

   .js .campl-menu-btn a{border:0;background:#0c5963;}
   
   .campl-menu-btn-arrow{background: #003a41 }
   .js .campl-menu-btn-arrow a:focus, 
   .js .campl-menu-btn-arrow a:hover{background-color:#003a41;}
   .campl-menu-indicator{background-color:#0c5963;}

   .js .campl-local-navigation-container li:first-child a{border-top:1px solid #003a41;}
   
   .js .campl-local-navigation-container li.campl-back-link a,
   .js .campl-local-navigation-container li.campl-sub li.campl-back-link a,
   .js .campl-local-navigation-container li.campl-sub li.campl-sub li.campl-back-link a,
   .js .campl-local-navigation-container li.campl-sub li.campl-sub li.campl-sub li.campl-back-link a {border-bottom:1px solid #0c5963; background-color: #003a41;}
   
   .js .campl-local-navigation-container li.campl-back-link a:focus,
   .js .campl-local-navigation-container li.campl-back-link a:hover,
   .js .campl-local-navigation-container li.campl-sub li.campl-back-link a:focus,
   .js .campl-local-navigation-container li.campl-sub li.campl-back-link a:hover,
   .js .campl-local-navigation-container li.campl-sub li.campl-sub li.campl-back-link a:focus,
   .js .campl-local-navigation-container li.campl-sub li.campl-sub li.campl-back-link a:hover,
   .js .campl-local-navigation-container li.campl-sub li.campl-sub li.campl-sub li.campl-back-link a:focus,
   .js .campl-local-navigation-container li.campl-sub li.campl-sub li.campl-sub li.campl-back-link a:hover{background-color:#0c5963;}
   
   

   /*theme ff*/

   .educ_twitter {display: none; }

   .js .campl-theme-ff .campl-local-navigation a{border-right:0;border-top:0}
   .campl-theme-ff .campl-local-navigation li a{border-bottom:1px solid #004e8f;}
   .js .campl-theme-ff .campl-local-navigation li li a,
   .js .campl-theme-ff .campl-local-navigation li.campl-sub li.campl-sub a{background-color:#404040;}
   
   .js .campl-theme-ff .campl-local-navigation li.campl-title a,
   .js .campl-theme-ff .campl-local-navigation li.campl-sub li.campl-title a,
   .js .campl-theme-ff .campl-local-navigation li.campl-sub li.campl-sub li.campl-title a,
   .js .campl-theme-ff .campl-local-navigation a:focus,
   .js .campl-theme-ff .campl-local-navigation a:hover,
   .js .campl-theme-ff .campl-local-navigation a:active { background-color:#004e8f; }
   
   .js .campl-theme-ff .campl-local-navigation li.campl-sub a:focus, 
   .js .campl-theme-ff .campl-local-navigation li.campl-sub a:hover { background-color: #004e8f }
   .js .campl-theme-ff .campl-local-navigation li.campl-sub li a:focus, 
   .js .campl-theme-ff .campl-local-navigation li.campl-sub li a:hover { background-color: #004e8f; }

   .js .campl-theme-ff .campl-menu-btn a{border:0;background:#263e5f;}
   
   .campl-theme-ff .campl-menu-btn-arrow{background: #2F2F2F }
   .js .campl-theme-ff .campl-menu-btn-arrow a:focus, 
   .js .campl-theme-ff .campl-menu-btn-arrow a:hover {background-color:#2F2F2F;}
   .campl-theme-ff .campl-menu-indicator{background-color:#004e8f;}

   .js .campl-theme-ff .campl-local-navigation-container li:first-child a{border-top:1px solid #2F2F2F;}
   
   .js .campl-theme-ff .campl-local-navigation-container li.campl-back-link a,
   .js .campl-theme-ff .campl-local-navigation-container li.campl-sub li.campl-back-link a,
   .js .campl-theme-ff .campl-local-navigation-container li.campl-sub li.campl-sub li.campl-back-link a,
   .js .campl-theme-ff .campl-local-navigation-container li.campl-sub li.campl-sub li.campl-sub li.campl-back-link a {border-bottom:1px solid #004e8f; background-color: #2F2F2F;}
   
   .js .campl-theme-ff .campl-local-navigation-container li.campl-back-link a:focus,
   .js .campl-theme-ff .campl-local-navigation-container li.campl-back-link a:hover,
   .js .campl-theme-ff .campl-local-navigation-container li.campl-sub li.campl-back-link a:focus,
   .js .campl-theme-ff .campl-local-navigation-container li.campl-sub li.campl-back-link a:hover,
   .js .campl-theme-ff .campl-local-navigation-container li.campl-sub li.campl-sub li.campl-back-link a:focus,
   .js .campl-theme-ff .campl-local-navigation-container li.campl-sub li.campl-sub li.campl-back-link a:hover,
   .js .campl-theme-ff .campl-local-navigation-container li.campl-sub li.campl-sub li.campl-sub li.campl-back-link a:focus,
   .js .campl-theme-ff .campl-local-navigation-container li.campl-sub li.campl-sub li.campl-sub li.campl-back-link a:hover {background-color:#5F5F5F;}

 }

/* generic colours */
.campl-global-header{background:#000000}
.campl-global-footer{background:#171717}
.campl-global-navigation-drawer{background:#171717; color:#cecece}
.campl-global-navigation-outer{border: 1px solid #323232;border-width:0 1px 0 1px}
.campl-global-navigation-container {border-right: 1px solid #323232;}
.campl-global-navigation-container.last{border-right: 0;}

.campl-theme-1 .campl-homepage-content h2, .campl-theme-2 .campl-homepage-content h2, .campl-theme-3 .campl-homepage-content h2,
.campl-theme-4 .campl-homepage-content h2, .campl-theme-5 .campl-homepage-content h2, .campl-theme-6 .campl-homepage-content h2{color:#171717}

.campl-global-navigation-secondary-with-children, .campl-global-navigation-container li.last, .campl-global-navigation-secondary-with-children li{border-bottom:0}
.campl-global-navigation-container li, .campl-global-navigation-header-container li{border-bottom: 1px solid #323232}
.campl-global-navigation-tertiary li, .campl-global-navigation-secondary-with-children li{border-bottom:0}
.campl-recommended-results{background:#f0f8ff}

.campl-global-footer{color:#fff}
.campl-content{background:#fff}
.campl-secondary-content{background:#f3f3f3}

.campl-homepage-carousel .campl-carousel-control-btn, .campl-paging-btn{background:#171717}
.campl-homepage-carousel .campl-carousel-control-btn:hover {background:#000}
.campl-paging-btn:focus, .campl-paging-btn:hover {background:#454545}

.campl-inpage-search-container{background:#e4e4e4}
.campl-login-form{background:#f2f2f2}

.campl-highlight-date{color:#fff}
.campl-promo-teaser{background:#fff}

.campl-vertical-breadcrumb-navigation .campl-selected{color:#171717}

tbody th, td{background:#fff;color:#222}
/*reset background colour of themed tables with th in tbody*/
.campl-theme-1 tbody th, .campl-theme-2 tbody th, .campl-theme-3 tbody th, .campl-theme-4 tbody th, .campl-theme-5 tbody th, .campl-theme-6 tbody th{background:#fff;color:#222;border-bottom:0}
table th{border-bottom:#e4e4e4 1px solid}
.campl-table tbody tr:hover td, .campl-table tbody tr:hover th, 
.campl-theme-1 .campl-table tbody tr:hover td, .campl-theme-1 .campl-table tbody tr:hover th, 
.campl-theme-2 .campl-table tbody tr:hover td, .campl-theme-2 .campl-table tbody tr:hover th, 
.campl-theme-3 .campl-table tbody tr:hover td, .campl-theme-3 .campl-table tbody tr:hover th, 
.campl-theme-4 .campl-table tbody tr:hover td, .campl-theme-4 .campl-table tbody tr:hover th, 
.campl-theme-5 .campl-table tbody tr:hover td, .campl-theme-5 .campl-table tbody tr:hover th, 
.campl-theme-6 .campl-table tbody tr:hover td, .campl-theme-6 .campl-table tbody tr:hover th{background-color: #e4e4e4;}
.campl-vertical-stacking-table th{border-left:#e4e4e4 1px solid}

.campl-tertiary-navigation{border:1px solid #e4e4e4;border-width:1px 1px 0 1px }

/* Notifications */
.campl-success-panel{border-color:#55a51c}
.campl-success-panel .campl-notifications-icon{color:#55a51c}
.campl-warning-panel{border-color:#ff0000}
.campl-warning-panel .campl-notifications-icon{color:#ff0000}
.campl-alert-panel{border-color:#ea7125}
.campl-alert-panel .campl-notifications-icon{color:#ea7125}
.campl-information-panel{border-color:#0072cf}
.campl-information-panel .campl-notifications-icon{color:#0072cf}


/* 10.0 CSS3 ANIMATIONS ----------------------------------------------------------------------------------------------*/

/* 11.0 FOUC ----------------------------------------------------------------------------------------------*/

.js #global-header-controls{display:none}
.js .campl-carousel li{display:none}
.js .campl-secondary-content{display:none}

/* 12.0 PRINT STYLES ------------------------------------------------------------------------------------------------*/

@media print {
   
   .lt-ie9 .campl-row, .lt-ie8 .campl-row{min-width:auto}
   body{ background: transparent !important;}
   * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
   #content a, #content  a:visited { text-decoration: underline; }
   #content a[href]:after { content: " (" attr(href) ")"; }
   
   .Zebra_DatePicker a[href]:after, .campl-carousel a[href]:after { display:none!important}
   abbr[title]:after { content: " (" attr(title) ")"; }
   #content .ir a:after, #content a[href^="javascript:"]:after, #content a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
   pre{ border: 1px solid #999; page-break-inside: avoid; }
   thead { display: table-header-group; } /* h5bp.com/t */
   tr, img { page-break-inside: avoid; }
   img { max-width: 100% !important; }
   @page { margin: 0.5cm; }
   p, h2, h3 { orphans: 3; widows: 3; }
   h2, h3 { page-break-after: avoid; } 
   
   /* replace calendar backgrounds */
   .Zebra_DatePicker{width:300px}
   .Zebra_DatePicker .dp_daypicker td{background:#e1e1e1!important;}
   .Zebra_DatePicker td.dp_not_in_month{ background: #edeaea!important; color: #b4b3b3!important;}
   .Zebra_DatePicker td.dp_selected{ background: #222!important; color: #FFF !important }
   .Zebra_DatePicker td.dp_current {background:#888888!important; color: #fff!important }
   .Zebra_DatePicker td.dp_disabled_current{ background: #edeaea!important; color: #b4b3b3!important;}
   .Zebra_DatePicker td.dp_disabled, .Zebra_DatePicker td.dp_weekend_disabled{background: #edeaea!important; color: #b4b3b3!important;}
   .Zebra_DatePicker td.dp_hover{ background: #222!important; color: #FFF!important }
   .campl-event-indicator{background:#f3f3f3!important}

   /*stack all columns vertically to make it easier to read content*/
   [class*="campl-column"], .campl-column{
     float: none;
     display: block;
     width: auto;
     margin-left: 0;
   }
   
   /* remove recessed margin issues and add mobile container classes to reduce visual padding*/
   .campl-wrap{width:100%}
   .campl-search-container{padding:20px;}
   .campl-recessed-secondary-content {margin-top:0}
   .campl-spacing-column,  .campl-sub-section-title{display:none}
   .campl-homepage-logo-header{display:none}


   /* remove residual styling from tables and show by default */
   table, .campl-table-bordered table, .campl-table-bordered th, .campl-table-bordered td, .campl-table-bordered tr {border-color:#E4E4E4!important}
   caption{ border: 1px solid #E4E4E4!important; page-break-inside: avoid;}
   .campl-responsive-table table{display:block!important}

   /* style elements back for legibility, add a bg back into the homepage teaser campl-topic to make legible */
   .campl-topic{background:#fff!important}
   .campl-primary-cta{color:#fff!important}

   /* add background to transparent graphics to make legible */
   .campl-co-branding-logo{padding:5px;background:#000!important;display:block;float:none}
   .campl-main-logo{padding:5px;background:#000 !important;display:block;float:none}

   /*hide unwanted site furniture and nav elements*/
   .campl-global-header{display:none!important}
   .campl-breadcrumb{display:none!important}
   .campl-global-navigation-drawer{display:none!important}
   .campl-local-navigation{display:none!important}
   .campl-tertiary-navigation{display:none!important}
   .campl-mobile-parent{display:none!important}
   .campl-nav-tabs{display:none!important}
   .campl-nav-pills{display:none!important}
   .campl-inpage-search-container{display:none!important}
   .campl-search-container{display:none!important}
   .campl-list-container{display:none!important}
   .campl-local-footer{display:none!important}
   .campl-global-footer{display:none!important}
   .campl-load-more-btn{display:none!important}
   .campl-pagination{display:none!important}
   .campl-paging{display:none!important}
   .campl-notifications-panel{display:none!important}
   .campl-open-responsive-table-link{display:none!important}
   .campl-homepage-header{display:none!important}
   .campl-homepage-logo-header{display:none!important}

   .campl-slide-caption{position:static}
   .campl-focus-teaser-txt{float:none;clear:both}
   .campl-carousel .campl-slide{display:block}
} /* End : Print Styles */


/* 12.0 Z-INDEXES ------------------------------------------------------------------------------------------------
 * 
 * z-index:0   campl-page-sub-title
 * z-index:1
 * z-index:2   
 * z-index:3   
 * z-index:4   global navigation drawer
 * z-index:5   campl-search-drawer
 * z-index:6   campl-quicklinks-list
 * z-index:7   campl-global-navigation link hover state/selected tab 
 * z-index:8   
 * z-index:9   campl-vertical-breadcrumb-indicator
 * z-index:10  
 * z-index:11  tertiary navigation
 * z-index:12  campl-topic on homepage teaser
 * z-index:13  campl-local-navigation
 * z-index:14  campl-local-navigation li ul - hover menu
 * z-index:15  global header
 * z-index:16  
*/


/* 13.0 SOCIAL MEDIA 

 */
/* Social media links */

.social-media-links {
    list-style: none;
    padding: 0;
}

.social-media-links li {
    margin-bottom: 0;  /* Adjust this value as needed */
}

.social-media-links a {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    font-family: Arial, sans-serif;  /* Use your preferred font */
    font-size: 14px;  /* Adjust size as needed */
    color: #fff;  /* Adjust color as needed */
}

.social-media-links a:before {
    content: "";
    display: inline-block;
    width: 32px;
    height: 32px;
    margin-right: 4px;  /* Space between icon and text */
    background-image: url('/images/template-images/social-media-icons-2023.png');
    background-repeat: no-repeat;
}

.icon-x:before {
    background-position: 2px 0;
}

.icon-linkedin:before {
    background-position: -30px 0;
}

.icon-facebook:before {
    background-position: -60px 0;
}

.icon-youtube:before {
    background-position: -92px 0;
}

.icon-instagram:before {
    background-position: -124px 0;
}








/*.cam-social-media-icon{display:inline-block;background:url(/images/template-images/social-media-icons-2023.png) no-repeat 8px 0; height:40px; padding-left: 40px;}
.cam-x-icon{background-position: 0 -10px;}
.cam-facebook-icon{background-position: 0 0;}
.cam-youtube-icon{background-position: 0 0;}
.cam-instagram-icon{background-position: 0 0;}
.cam-linkedin-icon{background-position: 0 -63px;}

.cam-flickr-icon{background-position: 0 -105px;}
.cam-itunes-u-icon{background-position: 0 -84px;} */


/* Social Icons side bar */

.campl-primary-cta, .campl-primary-cta-real, .campl-primary-cta-rudd-blue, .campl-primary-cta-rudd-purple, .campl-primary-cta-rudd-red, .campl-primary-cta-rudd-yellow, .campl-primary-cta-rudd-green, .campl-primary-cta-rudd-orange {
font-size:14px;
line-height:24px;
font-family:"myriad-pro",myriad,verdana,arial,sans-serif;
font-weight:300; 
display:inline-block;
background:#171717 url('https://www.educ.cam.ac.uk/images/common/bg-primary-cta-arrow.png') 100% 50% no-repeat;
color:#fff;
padding:5px 25px 5px 10px;
border:0;
text-shadow:none
}

.campl-primary-cta:link,.campl-primary-cta:visited, .campl-primary-cta-real:link,.campl-primary-cta-real:visited, .campl-primary-cta-rudd-blue:visited, .campl-primary-cta-rudd-purple:visited, .campl-primary-cta-rudd-red:visited, .campl-primary-cta-rudd-yellow:visited, .campl-primary-cta-rudd-green:visited, .campl-primary-cta-rudd-orange:visited, .campl-primary-cta-rudd-blue:link, .campl-primary-cta-rudd-purple:link, .campl-primary-cta-rudd-red:link, .campl-primary-cta-rudd-yellow:link, .campl-primary-cta-rudd-green:link, .campl-primary-cta-rudd-orange:link { 
color:#f8f8f8;
background:#171717 url('https://www.educ.cam.ac.uk/images/common/bg-primary-cta-arrow.png') 100% 50% no-repeat;
border:0
}

.campl-primary-cta:focus,.campl-primary-cta:hover,.campl-primary-cta:activ, .campl-primary-cta-real:focus,.campl-primary-cta-real:hover,.campl-primary-cta-real:activ,.campl-primary-cta-rudd-blue:focus,.campl-primary-cta-rudd-purple:focus,.campl-primary-cta-rudd-red:focus,.campl-primary-cta-rudd-yellow:focus,.campl-primary-cta-rudd-green:focus,.campl-primary-cta-rudd-orange:focus, .campl-primary-cta-rudd-blue:hover,.campl-primary-cta-rudd-purple:hover,.campl-primary-cta-rudd-red:hover,.campl-primary-cta-rudd-yellow:hover, .campl-primary-cta-rudd-green:hover, .campl-primary-cta-rudd-orange:hover,.campl-primary-cta-rudd-blue:activ,.campl-primary-cta-rudd-purple:activ,.campl-primary-cta-rudd-red:activ,.campl-primary-cta-rudd-yellow:activ,.campl-primary-cta-rudd-green:activ,.campl-primary-cta-rudd-orange:activ {
color:#f8f8f8;
background:#454545 url('https://www.educ.cam.ac.uk/images/common/bg-primary-cta-arrow-over.png') 100% 50% no-repeat;
border:0;
text-decoration:none
}

.campl-primary-cta {color:#fff!important}
.campl-primary-cta-real {color:#000!important}
.campl-primary-cta-rudd-blue, .campl-primary-cta-rudd-purple, .campl-primary-cta-rudd-red, .campl-primary-cta-rudd-yellow, .campl-primary-cta-rudd-green, .campl-primary-cta-rudd-orange {color:#fff!important}
.campl-primary-cta, .campl-primary-cta-real, .campl-primary-cta-rudd-blue, .campl-primary-cta-rudd-purple, .campl-primary-cta-rudd-red, .campl-primary-cta-rudd-yellow, .campl-primary-cta-rudd-green, .campl-primary-cta-rudd-orange {line-height:30px;padding:0 25px 0 10px;width:max-content;}
a.campl-primary-cta, .campl-primary-cta-real, .campl-primary-cta-rudd-blue, .campl-primary-cta-rudd-purple, .campl-primary-cta-rudd-red, .campl-primary-cta-rudd-yellow, .campl-primary-cta-rudd-green, .campl-primary-cta-rudd-orange {display:block}

/* Social Icons */

#social_side_links {

    position: fixed;

    top: 35%;

    left: 0;

    padding: 0;

    list-style: none;

    z-index: 99;

    margin:0;

}



#social_side_links li a {display: block;}



#social_side_links li a img {

    display: block;

    max-width:50px;

    min-width:50px;

    -webkit-transition:  background .2s ease-in-out;

    -moz-transition:  background .2s ease-in-out;

    -o-transition:  background .2s ease-in-out;

    transition:  background .2s ease-in-out;

}



#social_side_links .blank{

    max-width:50px;

    min-width:50px;

    max-height:50px;

    min-height:50px;

}


#social_side_links .social_side_links_contact-us a div{

    width:100%;

    height:100%;

    padding:15px 0;

}



#social_side_links li:not(.social_side_links_contact-us) a{

    background:none;

}



#social_side_links .social_side_links_contact-us{

    max-width:120px;

    min-width:120px;

    max-height:50px;

    min-height:50px;



    background-color:black;

    color:white;



    -webkit-transform: rotate(-90deg);

    -moz-transform: rotate(-90deg);

    -ms-transform: rotate(-90deg);

    -o-transform: rotate(-90deg);

    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);



    margin-left:-45px;

    text-align:center;



}



#social_side_links .social_side_links_contact-us a {

    text-decoration:none;

    color:white;



}

#social_side_links li a:hover img {background: rgba(0, 0, 0, .2);}



#social_side_links .social_side_link {

    display: block;

    width: 50px;

    height: 50px;

}

#social_side_links .social_side_link.social_side_link--twitter {

    background: url('https://www.educ.cam.ac.uk/images/common/twitter.png');

}

#social_side_links .social_side_link.social_side_link--youtube {

    background: url('https://www.educ.cam.ac.uk/images/common/youtube.png') ;

}

#social_side_links .social_side_link.social_side_link--instagram {

    background: url('https://www.educ.cam.ac.uk/images/common/instagram.png') ;

}


#social_side_links .social_side_link.social_side_link--facebook {

    background: url('https://www.educ.cam.ac.uk/images/common/facebook.png');

}





@media (max-width: 1350px) {

    #social_side_links {

        left:-43px !important;

        -webkit-transition: left 0.2s; /* Safari */

        transition: left 0.2s;

    }

    #social_side_links:hover{

        left:0 !important;

        -webkit-transition: left 0.2s; /* Safari */

        transition: left 0.2s;

    }

}



@media (max-width: 1185px) {

    #social_side_links {

        display:none !important;

    }

}

/* START CENTRE SPECIFIC SOCIAL BAR */
.socialbar {float: right; padding: 0 20px 20px 0;}
.socialbar a{display:inline-block; width:50px;}
img.socialicon {border: none; background: none;}
.socialbar-right-menu {float: right; padding: 10px 0 20px 0;}
.socialbar-right-menu a{display:inline-block; width:50px;}


/* END SOCIAL MEDIA Bar */
/* DYNAMIC SOCIAL SHARE LINKS ON INDEX PAGES */

.socialShareLinks li {
  	float: left;
    margin: 2px;
}
.socialShareLinks ul {
   
}
.socialShareLinks li a {
    display: block;
    height: 60px;
    overflow: hidden;
    width: 60px;
    background-color: #fff;
	background: none;
	
}
.socialShareLinks li a:hover {
    background-color: #fff;
}
.socialShareLinks li a img{
    width: 100%;    
}

/* END SOCIAL SHARE LINKS */

/* END SECTIONS
 * /research/ testings
 */
div.faculty-research-bluebox &gt; div.campl-content-container.campl-side-padding &gt; article.view-mode-focus_on.clearfix.campl-horizontal-teaser.campl-teaser.campl-focus-teaser {
   background-color: #BFE2FF;
   border: 1px solid #b0b0b0;
   width: 100%;
   min-height: 12em;
 
}
div.faculty-research-bluebox &gt; div.campl-content-container.campl-side-padding &gt; article.view-mode-focus_on.clearfix.campl-horizontal-teaser.campl-teaser.campl-focus-teaser &gt; div.campl-focus-teaser-txt {
   width: 100%;
}
div.faculty-research-bluebox &gt; div.campl-content-container.campl-side-padding &gt; article.view-mode-focus_on.clearfix.campl-horizontal-teaser.campl-teaser.campl-focus-teaser &gt; div.campl-focus-teaser-txt &gt; div.campl-content-container.campl-horizontal-teaser-txt &gt; h2
{
   border-bottom: 1px solid #b0b0b0;
}

div.faculty-research-bluebox &gt; div.campl-content-container.campl-side-padding &gt; article.view-mode-focus_on.clearfix.campl-horizontal-teaser.campl-teaser.campl-focus-teaser &gt; div.campl-focus-teaser-txt &gt; div.campl-content-container.campl-horizontal-teaser-txt &gt; h2 &gt; a
{
color: black;
}
</pre></body></html>