@import url('https://fonts.googleapis.com/css2?family=Figtree:wght@400;700&family=Gabarito:wght@500;600&display=swap');

body {font-family: 'Figtree', Arial, sans-serif; color: #333; padding:0;}

/* reset bootstrap form margin for Contensis */
form { margin: 0; }
#header { position: relative; z-index: 500;}
a img { border: none; }
@media screen and (max-width:980px) {
    [class*="sys_span"] {padding:0 10px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ 	-moz-box-sizing: border-box;    /* Firefox, other Gecko */	box-sizing: border-box;         /* Opera/IE 8+ */}
}
/* fix for space between columns when stacked on mobiles, but not applied to those in tabs */
@media screen and (max-width:767px) {
	.sys_row .sys_span6 + .sys_span6 { padding-top: 10px; }
	.sys_section-content-tab .sys_span6 + .sys_span6 { padding-top: 0; }
	.sys_row .sys_span8 + .sys_span4 { padding-top: 10px; }
	.sys_section-content-tab .sys_span8 + .sys_span4 { padding-top: 0; }
}
/* this is the salmon colour hex code: #ec3e4f - changed Jan 2019 to darker red #da3949 */
/* changed to blue as per gel */
a { color: #0072ac; }
/* new body copy link style for better accessibility */
section p a, section ul a, section ol a, section td a, section p a:visited, section ul a:visited, section ol a:visited, section td a:visited, section [class*="sys_span"] > a, section .sys_cta4-caption > a { color: #da3949; border-bottom: 1px dashed #da3949; }
section p a:hover, section ul a:hover, section ol a:hover, section p a:active, section ul a:active, section ol a:active, section td a:hover, section td a:active { text-decoration: none; color: #006da4; border-bottom: 1px dashed #006da4; } 
section p a:focus, section ul a:focus, section ol a:focus { text-decoration: none; outline: 1px dashed #333; outline-offset: 0; border-bottom: none; color: #da3949; }
ul.sys_section-tabs li a { border-bottom: none; }
section .sys_section-content p a, section .sys_section-content ul a, section .sys_section-content ol a, section .sys_section-content td a, section .sys_section-content p a:visited, section .sys_section-content ul a:visited, section .sys_section-content ol a:visited, section .sys_section-content td a:visited, #page-body section .sys_section-content .underquote a, #page-body section .sys_section-content .videocaption a, #page-body section .sys_section-content .imagecaption a, section .sys_section-content [class*="sys_span"] > a { color: #c03240; }
section .sys_section-content p a:hover, section .sys_section-content ul a:hover, section .sys_section-content ol a:hover, section .sys_section-content td a:hover { color: #006da4; }

/* content div only in use in header and footer - replaced by Bootstrap container div elsewhere */ 
.sys_content { width: 970px; padding-left: 10px; padding-right: 10px; margin-left: auto; margin-right: auto; }

/* header area styles */
#masthead { height: 88px; background: #fff; }
.sys_lt-ie9 #masthead { background-repeat: repeat-x; }
#masthead .sys_content { width: 990px; padding: 0; }
#masthead .sys_logo-img { padding: 16px 0; margin-left: -9px; }
#masthead a.sys_logo-img:focus { outline: 1px dashed #888; }
#masthead .sys_logo-img img { height: 56px; width: auto; }
#masthead-links { float: right; /* *margin-top:-100px;*/ padding-right: 0; }
/*.sys_lt-ie8 #masthead-links {margin-top:-100px;}*/
#masthead-links ul { list-style-type: none; color: #000; margin: 0; padding-top: 39px; }
#masthead-links ul li { display: block; float: left; border-right: none; height: 29px; font-size: 1.05em; line-height: 1.1em; padding-right: 12px; padding-left: 12px; }
#masthead-links ul li.sys_last { border-right: none; padding-right: 0; }
#masthead-links ul li.sys_accesslink, #masthead-links ul li.sys_accesslinkarts { font-family: 'Figtree', Arial, sans-serif; font-weight: bold; }
#masthead-links ul li a { color: #000; text-decoration: none; display: block; height: 29px; /*padding-top: 5px;*/}
#masthead-links ul li a:focus { outline: 1px dashed #888; outline-offset: 2px; }
#masthead-links ul li a:hover { text-decoration: underline; }

@media screen and (max-width:980px) {
	#mobile-top-header {padding:40px 10px 0 0; float:right;}
	#masthead .sys_logo-img { margin-left: 0; }
	#masthead-links{display:none; width:100%; float:left;}
	#masthead-links ul {padding:0;}
	#masthead-links ul li, #masthead-links ul li a {width:95%; float:none; border:0; height:auto; margin:auto;}
	#masthead-links ul li a {border-bottom:1px solid #ccc; padding:15px 0px 15px 20px;}
	#masthead-links ul li:last-child a {border-bottom:0;}
	#masthead {height:auto;}
	#masthead {margin-top: 0;}
}
@media screen and (max-width:767px) {
	#masthead .sys_logo-img { margin-left: 15px; }
}

@media screen and (max-width:320px) {
	#mobile-top-header {right:10px; top:20px; float:right; position:absolute; padding:0;}
	#masthead .sys_logo-img { margin-left: 9px; }
	#masthead .sys_logo-img img { max-width: 60%; height: auto; }
}

@media screen and (min-width:981px) {
	#masthead-links{display:block!important;}
}

#banner-and-navs { background-color: #da3949; /*height: 306px;*/ height: 323px;  padding: 0; /*background-image: url('/_design/img/banner.jpg'); background-repeat: no-repeat; background-position: top center;*/ position: relative; z-index: 10; }

/* new styles for banner image - to be incorporated into Sigma code */
#banner-img { width: 990px; height: 259px; position: absolute; left: 50%; top: 40px; margin-left: -495px; }
#banner-img p img { margin: 0 0 -10px; }
#page-heading, #section-nav { position: relative; }
@media screen and (max-width:980px) {
	#banner-img {    
		width: 724px;
		margin-left: -362px;
		top: 0;
		height: 189px;
		overflow: hidden; 
		position: absolute;
		left: 50%; }
	#page-heading { padding-top: 166px; }
}

@media screen and (max-width:724px) {
	#banner-img { width: 100%; max-width: 100%; margin: 0; left: 0; }
}	


@media screen and (max-width:700px) {
#banner-img img { width: 703px !important; height: 189px; max-width: none; position: absolute; left: 50%; margin-left: -350px; }
}
/* end of new styles for banner image */

#page-heading { width: 990px; margin-left: auto; margin-right: auto; padding-top: 202px; }
#page-heading a { color: #fff; text-decoration: none; display: block; }
#page-heading a:hover { text-decoration: underline; }
#page-heading a:focus { outline: 1px dashed #666; outline-offset: 0; }
header h1, #page-heading span { font-family: 'Figtree', Arial, sans-serif; font-weight: bold; color: #fff; margin-left: 0px; padding-left: 16px; font-size: 1.9em; line-height: 1.5em; background-color: #da3949; margin-top: 0px; display: inline-block; padding-right: 70px; margin-bottom: 25px; }



@media screen and (max-width:640px) {
	header h1, #page-heading span {font-size:1.8em;}
	#page-heading {padding-top: 165px;}
}

#top-nav ul#top-nav-menu #living-here, #top-nav ul#top-nav-menu #international { display: none; }

#top-nav { background-color: #fff; position: relative; z-index: 20; line-height: normal; } /* #Sigchange# */
#top-nav .sys_content { height: 40px; background-color: #fff; background-repeat: no-repeat; background-position: top right; position: relative; z-index: 20; padding-left: 0; width: 980px; }
#top-nav ul#top-nav-menu { color: #000; font-family: 'Figtree', Arial, sans-serif; font-size: 1em; list-style-type: none; margin: 0; height: 20px; padding: 0 0 0 10px; }
#top-nav ul#top-nav-menu li a { font-size: 1.11em; color: #000; text-decoration: none; display: block; padding: 0 28px 0 10px; font-family: 'Gabarito', Helvetica Neue, sans-serif; text-transform: uppercase; }
#top-nav ul#top-nav-menu > li > a { background: url('/_design/img/top-link-bg.png') no-repeat center right; padding-top: 10px; padding-bottom: 10px; padding-right: 28px; }
#top-nav ul#top-nav-menu > li > a span { border-right: 1px solid #c6c6c7; padding-right: 28px; margin-right: -28px; display: block; }
#top-nav ul#top-nav-menu li div a { font-family: 'Figtree', Arial, sans-serif; text-transform: none; }
#top-nav ul#top-nav-menu > li, #top-nav ul#top-nav-menu > li > a {float:left;}
/*#top-nav ul#top-nav-menu > li > a.sys_icon-down-open {padding:0px 5px;}*/
.sys_lt-ie8 #top-nav ul#top-nav-menu > li {max-width:24%;}
.sys_lt-ie8 #top-nav ul#top-nav-menu > li.sys_international-link {max-width:38%;}
.sys_lt-ie8 #top-nav ul#top-nav-menu > li > a.sys_icon-down-open span {float:right; padding-top:3px;}
#top-nav ul#top-nav-menu li a.sys_top-nav-home { background: none; padding-right: 10px; display: none; }
#top-nav ul#top-nav-menu li a:hover { color: #da3949; }
#top-nav ul#top-nav-menu li.sys_selected a { color: #da3949; background: url('/_design/img/top-link-bg-close.png') no-repeat center right; }
#top-nav ul#top-nav-menu li a.sys_last span { border-right: none; }
#top-nav #top-nav-menu > li { display: block; float: left; background-color: #fff; }
#top-nav nav { float: left; width: 420px; }
.sys_search-trigger{float:right; padding: 4px 0px 10px 10px;}
.sys_mobile-nav-trigger, .sys_mobile-home-icon { float: left; padding: 10px 15px 10px 0; }
.sys_mobile-home-icon { padding-left: 10px; }
.sys_mobile-nav-trigger.sys_close { padding-left: 10px; padding-right: 2%; }
#top-nav ul#top-nav-menu li.sys_close a { background: none !important; }
.sys_top-nav-home { float: left; margin: 0; padding: 0; }
.sys_top-nav-home a { display: block; padding: 10px 0 10px 0; }
.sys_top-nav-home img { border-right: 1px solid #c6c6c7; padding-right: 8px; }
#top-nav a:focus { outline: 1px dashed #666; }
#top-nav .sys_mega-menu a:focus { outline-offset: 2px; }

.sys_lt-ie8 .sys_mega-menu-link.sys_icon-down-open:after {padding-top:23px;}

@media screen and (min-width:980px) {
	.sys_ie .sys_mega-menu-link.sys_icon-down-open:after {padding-top:23px;}
}
@media screen and (min-width:980px) {
	.sys_lt-ie10 #top-nav ul#top-nav-menu > li > a {padding-right:25px;}
	.sys_lt-ie10 #top-nav ul#top-nav-menu > li > a:after {margin:-18px -20px 0 0px;}
	
}

@media screen and (max-width:980px) {
	body #top-nav ul#top-nav-menu li.sys_brightonlogo-mobile a {padding-left:5px; display: block;}
	body #top-nav ul#top-nav-menu li.sys_brightonlogo-mobile a img {min-width: 170px;}
	.sys_mobile-nav-trigger { float: right; padding-bottom: 20px; pointer-events: initial; }
	#top-nav ul#top-nav-menu { display: none; background-color: #444; height: auto; clear: both; width: 100%; padding: 60px 0 0 0; overflow: auto; pointer-events: initial; }
	
	/* Overthrow CSS: Enable overflow: auto on elements with overthrow class when html element has overthrow class too */
	.sys_overthrow-enabled .sys_overthrow { overflow: auto; -webkit-overflow-scrolling: touch; }

	#top-nav ul#top-nav-menu > li {clear:both; background-color:transparent; font-size: 1.1em; float:none;}
	#top-nav ul#top-nav-menu > li > a { padding:10px 10px 10px 5%; background:0; }	
	#top-nav ul#top-nav-menu > li > a.sys_icon-down-open { float:right; }	
	#top-nav ul#top-nav-menu li.sys_selected > a { background: url('/_design/img/go-header-link-bg-18px-close.gif') no-repeat 100%; }	
	#top-nav ul#top-nav-menu > li.sys_hidden-desktop a { padding-left:10px; }
	#top-nav ul#top-nav-menu > li:first-child a { background:0; }
	#top-nav ul#top-nav-menu li a { padding-top:10px; padding-bottom:10px; border-right:0;}	
	#top-nav ul#top-nav-menu li a:link, #top-nav ul#top-nav-menu li a:visited { color:#fff; float:left; padding:10px 0; }
	#top-nav ul#top-nav-menu li > a { width:95%; background: url('/_design/img/go-header-link-bg-18px-down.gif') no-repeat 100%; padding-right: 10px;}
	#top-nav ul#top-nav-menu li a:hover {color:#999;}
	#top-nav ul#top-nav-menu li a:focus { outline: 2px dotted #fff; }
	body.sys_mobile-nav-enabled {overflow:hidden!important; position: absolute; width:100%;}
	#top-nav ul#top-nav-menu li a { padding-left: 3% !important;}
	#top-nav ul#top-nav-menu li.sys_no-further:first-child {margin-top: 10px;}
	#top-nav ul#top-nav-menu li.sys_no-further { font-family: Arial,sans-serif; font-size: 1em; }
	#top-nav ul#top-nav-menu li.sys_no-further a { background: url('/_design/img/go-header-link-bg-18px.gif') no-repeat 100%; }
	#top-nav ul#top-nav-menu > li > a span { border-right: none; padding-right: 0; margin-right: 0; }
}

#top-nav .sys_site-search { float: right; padding-top: 0; padding-right: 0; width: 513px; }
#top-nav .sys_site-search:focus-within { background-color: #ffe4e7; }
#top-nav .sys_site-search form:focus-within, #top-nav .sys_site-search .sys_textBoxWithRedirect:focus-within  { background-color: #ffe4e7; }
#top-nav .sys_site-search form, #top-nav .sys_site-search .sys_textBoxWithRedirect { display: block; background-color: #e1e1e1; overflow: auto; display: flex; justify-content: space-between; }
#top-nav .sys_site-search label { cursor: auto; background: #323e48; color: #fff; padding:8px 12px; height:14px; line-height: 14px; font-size: 1.1em; margin: 0; width: 48px; }
#top-nav .sys_site-search input {padding: 2px 5px; border-radius: 0; border-color: #929396; color: #333; background-color: transparent; font-size: 1.1em; line-height: 1.2em; height: auto; margin: 0; width: 20%; flex: 1 0 auto;  }
#top-nav .sys_site-search select { width: 104px; background: transparent; padding-left: 8px; box-sizing: border-box; margin: 0; height: auto; border: 1px solid #929396; border-radius: 0;  border-left: 0; }
.sys_site-search input[type="image"]:focus { outline: 2px solid #58c1d2; outline-offset: -2px;  }
#top-nav .sys_site-search select:focus, #top-nav .sys_site-search input:focus { background-color: transparent; outline: 2px solid #58c1d2; outline-offset: -2px; }
#top-nav .sys_site-search input[type="image"] { border: none; height: 30px; width: 30px; padding: 0; background: none; flex-grow: 0; }
#top-nav  span[class*="sys_sys_icon-"]  {font-size: 1.4em; padding: 0px 0 0 5px; float: left; cursor:pointer;}
#top-nav #search-trig span[class*="sys_sys_icon-"], #top-nav .sys_site-search .sys_icon-search  {padding-top:5px;}
#top-nav #search-trig span.sys_icon-up-open {display:none;}
#top-nav #search-trig.sys_active-trig span.sys_icon-up-open {display:block;}
#top-nav #search-trig.sys_active-trig span.sys_icon-down-open {display:none;}

.sys_top-nav-fixed #top-nav .sys_site-search { margin-top: 5px; }

.sys_site-search input:focus { outline: none; box-shadow: 0 0 2px 2px #58c1d2; }

@media screen and (max-width:980px) {
	#top-nav { position: relative; float: none; }
	#banner-and-navs #top-nav .sys_container {padding:0; height: 0; }
	#top-nav .sys_span12 { padding: 0; }
	#top-nav nav { width: 100%; position: relative; top: -65px; pointer-events: none; }
	#top-nav .sys_toggle-trigger, #top-nav #top-nav-menu .sys_mob-side.sys_close { display: none !important; }
	#top-nav .sys_toggle-trigger {margin-top:-38px;}
	#top-nav .sys_site-search { display: none; }
	body.sys_mobile-nav-open #top-nav .sys_site-search { padding: 15px 0; background-color: #444; position: absolute; top: 0; float: none; width: 100%; }
	body.sys_mobile-nav-open #top-nav .sys_site-search form, body.sys_mobile-nav-open #top-nav .sys_site-search .sys_textBoxWithRedirect { width: 90%; margin: auto; position: relative; }
	body.sys_mobile-nav-open #top-nav .sys_site-search form input[type="text"], body.sys_mobile-nav-open #top-nav .sys_site-search .sys_textBoxWithRedirect input[type="text"] { border: none; padding: 3px 8% 3px 1%; }
	#top-nav .sys_site-search select { border: none; border-left: 1px solid #929396; }
	#top-nav .sys_site-search label { display: none; }
	#top-nav #search-trig img {display: block; }
	#top-nav .sys_mobile-home-icon { display: none !important; }
	#top-nav .sys_mobile-nav-trigger img { display: none; }
	#top-nav .sys_mobile-nav-trigger a { width: 35px; height: 35px; display: block; background: url('/_design/img/menu-burger.png') no-repeat left top; background-size: contain; }
	body.sys_mobile-nav-open #top-nav .sys_mobile-nav-trigger a { background: url('/_design/img/close-24px.gif') no-repeat left top; background-size: cover; }
	body.sys_mobile-nav-open #banner-img { position: relative; top: -63px; }
	body.sys_mobile-nav-open #page-heading { padding-top: 0; margin-top: -55px; }
	#top-nav.sys_search-in-menu { width: 100%; max-width: 100%; top: -60px; }
	#top-nav.sys_search-in-menu #top-nav-menu .sys_mob-side.sys_close { padding-bottom: 65px; }
	#top-nav.sys_search-in-menu .sys_site-search { display: block !important; padding: 2%; width: 90%; background: transparent; }
	#top-nav.sys_search-in-menu .sys_site-search input { height: 30px; }
	#top-nav.sys_search-in-menu .sys_site-search input[type="image"] { width: 36px; height: 36px; }
	#top-nav.sys_search-in-menu form, #top-nav.sys_search-in-menu .sys_textBoxWithRedirect { margin: auto; width: 453px; max-width: 100%; }

	#top-nav ul#top-nav-menu  .sys_mobile-mega-header {
		font-size: 1.3em;
		color:#fff;
		float: none;
		padding: 10px 0 10px 3%;
		text-decoration: none;
		display: block;
		font-family: 'Figtree', Helvetica Neue, sans-serif;
		width: auto;
	}
	#top-nav ul#top-nav-menu  .sys_mobile-mega-header-main {
		padding-top: 18px;
	}
	#top-nav ul#top-nav-menu li.sys_sec-in-meg {
		background-color: #666;
		font-size: 1em;
	}
	#top-nav ul#top-nav-menu  .sys_mobile-mega-header.sys_sec-in-meg {
		font-size: 1.2em;
	}
	#top-nav ul#top-nav-menu li.sys_sec-in-meg a { 
		background: #666 url('/_design/img/go-header-link-bg-18px.gif') no-repeat 98%; 
		text-transform: none;
		float: none;
		font-family: 'Figtree', Arial, sans-serif;
		padding-right: 2%;
	}
	#top-nav ul#top-nav-menu li.sys_sec-in-meg.sys_selected a { 
		background-color: #666;
	}
	#top-nav ul#top-nav-menu li.sys_side-nav-divide {
		border-top: 1px solid #818181;
	 }

}

@media screen and (max-width:480px) {
	/*#top-nav .sys_site-search { padding: 15px 5px; right: 0px; -webkit-border-radius: 0px; border-radius: 0px; width: 100%; }*/
}

@media screen and (min-width:980px) {
	#top-nav .sys_site-search {display:block!important;}
	#top-nav ul#top-nav-menu > li.sys_brightonlogo-mobile {display: none!important;}
}

#top-nav-menu .sys_mob-side {float:left; width:45%; clear:none!important;}
#top-nav #top-nav-menu .sys_mob-side.sys_close {opacity:1.0; filter: alpha(opacity=100); width: 80%; float: right;}
#top-nav ul#top-nav-menu li.sys_mob-side.sys_close a {list-style:none; color:#fff!important; border:0; text-align:right; font-size: 0.9em; text-shadow:none; vertical-align: bottom; float: right;}
#top-nav ul#top-nav-menu li.sys_mob-side.sys_close a img {display: inline-block; width: auto; height: auto; margin-left: 10px;}
.sys_close-tab{font-size: 1em; vertical-align: bottom; float: right; padding: 10px; cursor: pointer;}
.sys_close-tab:hover{text-decoration: underline;}
.sys_close-tab img{display: inline-block; width: auto; height: auto; margin-left: 5px;}
@media screen and (max-width:480px) {
	#top-nav ul#top-nav-menu .sys_brightonlogo-mobile {margin:20px 0 0; display: none!important;}
}

#top-nav ul#top-nav-menu .sys_mega-menu { position: absolute; top: 40px; /* left position added for IE7 */ left: 0; width:auto; background-color: #fff; z-index: 1000; display: none; border-top: 1px solid #da3949; border-bottom: 1px solid #da3949; overflow: auto; font-size: 0.8em; }
#top-nav ul#top-nav-menu .sys_mega-col { width: 218px; padding: 16px 24px 12px 8px; float: left; position: relative;}
#top-nav ul#top-nav-menu .sys_mega-col:first-child { padding-left: 24px; }
#top-nav ul#top-nav-menu .sys_mega-col ul { margin: 0; padding-left: 0px; padding-bottom: 5px; list-style-type: none; }

#top-nav ul#top-nav-menu .sys_mega-col ul li.sys_icon-right-open:before {margin-top:5px;}
.sys_lt-ie8 #top-nav ul#top-nav-menu .sys_mega-col ul li.sys_icon-right-open span {font-size:0.8em;}
.sys_lt-ie8 #top-nav ul#top-nav-menu .sys_mega-col ul li.sys_icon-right-open a {float:left; margin:-15px 0 0 10px;}

#top-nav ul#top-nav-menu .sys_mega-col ul li.sys_group-header, #top-nav ul#top-nav-menu .sys_mega-col ul li.sys_group-header-style { border-top: 1px solid #333; padding-left: 0; margin: 8px 0 8px; background: url('/_design/img/mega-menu-header-bg.png') no-repeat right 10px; }
.sys_lt-ie8 #top-nav ul#top-nav-menu .sys_mega-col ul li.sys_group-header span {float:right; font-size:1em; padding-top:3px;}
#top-nav ul#top-nav-menu .sys_mega-col ul li.sys_group-header a, #top-nav ul#top-nav-menu .sys_mega-col ul li.sys_group-header-style a { padding: 6px 12px 0 0; background:0; border:0; padding-left:0; font-family: 'Figtree', Arial, sans-serif; font-weight: bold; font-size: 1.35em; color: #333; display: block; }
#top-nav ul#top-nav-menu .sys_mega-col ul li.sys_group-header-style { border-top: none; margin: 12px 0 6px 0; }
#top-nav ul#top-nav-menu .sys_mega-col ul li { margin-bottom: 9px; padding-left: 0; line-height: 1.5em; clear: both; width: 100%; background: url('/_design/img/mega-menu-header-bg.png') no-repeat right 6px; }
#top-nav ul#top-nav-menu .sys_mega-col ul li a { background:0; border: 0; font-family: 'Figtree', Arial, sans-serif; padding-left:0; color: #333; text-decoration: none; font-size: 1.3em; }
#top-nav ul#top-nav-menu .sys_mega-col ul li.sys_group-header a:hover, #top-nav ul#top-nav-menu .sys_mega-col ul li.sys_group-header-style a:hover { color: #333; text-decoration: underline; }
#top-nav ul#top-nav-menu .sys_mega-col ul li a:hover { color: #797979; text-decoration: underline; }

/* new mega menu styles changehere */
#top-nav ul#top-nav-menu .sys_mega-col ul li.sys_groupheadnolink { border-top: 1px solid #333; margin: 8px 0 8px; background: none; padding: 6px 0 0 0; font-family: 'Figtree', Arial, sans-serif; font-weight: bold; font-size: 1.36em; color: #333; display: block; }
#top-nav ul#top-nav-menu .sys_mega-col ul li.sys_subheadnolink { margin: 0 0 8px; background: none; padding: 6px 0 0 0; font-family: 'Figtree', Arial, sans-serif; font-weight: bold; font-size: 1.2em; color: #333; display: block; }
	
@media screen and (max-width:980px) {
	#top-nav-menu li {width:100%;}
	#top-nav ul#top-nav-menu .sys_mega-col ul {padding-bottom:0;}
	#top-nav ul#top-nav-menu .sys_mega-cta {margin:0;}
	#top-nav ul#top-nav-menu .sys_mega-menu, #top-nav ul#top-nav-menu .sys_mega-menu .sys_mega-col, #top-nav ul#top-nav-menu .sys_mega-menu .sys_mega-cta {position:relative; float:left; clear:both; height:100%; width:100%!important; padding:0; top:0;}
	#top-nav ul#top-nav-menu li .sys_mega-col ul li, ul#top-nav-menu li .sys_mega-col ul li a {background:transparent; border:0;}
	#top-nav ul#top-nav-menu .sys_mega-menu {top:0; background-color:#666; border:0; overflow-x: hidden; height: 100%;}
	#top-nav ul#top-nav-menu li .sys_mega-col ul li.sys_group-header {background-color:#555; margin:0; border:0;}
	#top-nav ul#top-nav-menu li .sys_mega-col ul li {background-color:#555; padding-left: 0; margin:0; border:0; background-color:#666;}
	#top-nav ul#top-nav-menu li #mega-menu-study-here .sys_mega-col ul li { margin-left: 9%; width: auto; }
	#top-nav ul#top-nav-menu li .sys_mega-col ul li:not(.sys_group-header) {display:none;}
	#top-nav ul#top-nav-menu li #mega-menu-study-here .sys_mega-col ul li:last-child a { padding-bottom: 18px; }
	#top-nav ul#top-nav-menu li #mega-menu-study-here .sys_mega-col ul li.sys_groupheadnolink { display: block; cursor: pointer; border: 0; color: #fff; padding: 10px 24px 10px 0; font-size: 1.2em; background: url('/_design/img/go-header-link-bg-18px-down.gif') no-repeat right center; margin: 0 2% 0 3%; box-sizing: border-box; width: auto; }
	#top-nav ul#top-nav-menu li #mega-menu-study-here .sys_mega-col ul li.sys_groupheadnolink:hover { text-decoration: underline; }
	#top-nav ul#top-nav-menu li #mega-menu-study-here .sys_mega-col ul li.sys_groupheadnolink.sys_selected { background: url('/_design/img/go-header-link-bg-18px-close.gif') no-repeat right center; }
	#top-nav ul#top-nav-menu li #mega-menu-study-here .sys_mega-col ul li.sys_group-header-mobile-display { margin-left: 3%; width: 100%;}
	#top-nav ul#top-nav-menu li #mega-menu-study-here .sys_mega-col ul li a { color:#fff; padding-left: 0 !important; }
	#top-nav ul#top-nav-menu li .sys_mega-col ul li.sys_group-header a:hover { color: #fff; }
	#top-nav ul#top-nav-menu .sys_mega-col ul li a:hover { color: #fff; text-decoration: underline; }
	#top-nav ul#top-nav-menu li .sys_mega-col .sys_mega-cta {bottom:0; background: #333;}
	#top-nav ul#top-nav-menu li .sys_mega-col .sys_mega-cta a {border:0; padding:8px 0!important; float: left;}
	#top-nav ul#top-nav-menu .sys_mega-col ul li.sys_group-header a { border: 0; color: #fff; padding: 10px 0; font-size: 1.3em; margin-left: 0; /*width: 80%;*/ background: url('/_design/img/go-header-link-bg-18px.gif') no-repeat 100%; }
	#top-nav ul#top-nav-menu .sys_mega-col ul li.sys_group-header {margin:0; border:0; background:0;}
	#top-nav ul#top-nav-menu .sys_mega-cta a[class*="sys_icon-"] {padding-left:5%;}	
	#top-nav ul#top-nav-menu .sys_mega-cta [class*="sys_icon-"]:after {padding-right:10px;}
	#top-nav ul#top-nav-menu .sys_mega-col ul li.sys_group-header:after {margin: 12px 5% 0 0; color: #fff;}
	/*.sys_logo-img img{width: auto; height: 45px;} UCOMMENT FOR SMALLER LOGO BAR */
    
}

@media screen and (max-width:320px) {
	#top-nav ul#top-nav-menu .sys_mega-cta a[class*="sys_icon-"]:before {padding-left:7%;}
}

#section-nav .sys_content { height: 34px; background-color: #fff;  position: relative; padding-left: 0; width: 980px; border-bottom: 1px solid #99465c; }
#section-nav ul#section-menu { color: #000; font-family: 'Figtree', Arial, sans-serif; font-weight: bold; font-size: 1.1em; list-style-type: none; margin: 0; height: 20px; padding: 0 0 0 1px; }
#section-nav ul#section-menu li a { color: #000; text-decoration: none; display: block; padding-right: 8px; padding-left: 8px; border-right: 1px solid #c6c6c7; }
#section-nav ul#section-menu li a:hover { color: #99465c; }
#section-nav ul#section-menu li a:focus { outline: 1px dashed #666; outline-offset: 0; }
#banner-and-navs #section-nav ul#section-menu li.sys_selected a { color: #fff; border-right: none; }
#banner-and-navs #section-nav ul#section-menu li.sys_selected a:hover { color: #fff; }
#section-nav ul#section-menu li.sys_selected a:focus { outline: 1px dashed #fff; }
#section-nav ul#section-menu li.sys_selected { background-color: #99465c; margin-right: 1px; margin-left: -1px; border-top: 1px solid #fff; }
#section-nav ul#section-menu li:first-child { padding-left: 5px; }
#banner-and-navs #section-nav ul#section-menu li a.sys_last, #banner-and-navs #section-nav ul#section-menu li a.sys_first { border-right: none; }
#section-nav ul#section-menu li { display: block; float: left; background-color: #fff; padding-top: 8px; padding-bottom: 8px; height: 18px; line-height: 18px; }

#active-breadcrumbs { height: 32px; padding-top: 8px; width: 100%; float: left; clear: both;}
/* end of header area styles */
 
/* page body area styles */
#page-body section { padding: 30px 0 30px 0; clear: both; }
.sys_ie #page-body section { padding-top: 18px; }
#page-body section:first-child { padding-top: 24px }
/*.sys_lt-ie8 #page-body section { padding-top:62px; }*/
#page-body section p { font-size: 1.13em; line-height: 1.3em; word-wrap: break-word; overflow-wrap: break-word; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#page-body section p strong, #page-body section p b, #page-body section li strong, #page-body section li b, #masthead-links ul li.sys_accesslink, #masthead-links ul li.sys_accesslinkarts { font-family: 'Figtree', Arial, sans-serif; font-weight: bold; }
}
#page-body section .sys_row:last-child .sys_span12 > p:last-child, #page-body section .sys_span6 > p:last-child, #page-body section .sys_span8 > p:last-child, #page-body section .sys_span12 > ul:last-child, #page-body section .sys_span6 > ul:last-child, #page-body section .sys_span8 > ul:last-child  { margin-bottom: 0; }
#page-body section .sys_section-content .sys_span12 p, #page-body section .sys_section-content .sys_span6 p, #page-body section .sys_section-content .sys_span8 p { margin-bottom: 10px; }
section h1, section h2 { font-family: 'Figtree', Arial, sans-serif; font-weight: bold; color: #000; margin-top: 0px; border-top: none; border-bottom: none; font-size: 2.2em; line-height: 1.2em; margin-bottom: 30px; text-transform: none; padding-top: 0; }
section:first-child h1 { border-top: none; }
section h1 { font-size: 1.9em; }
section h3, section h4, section h5 { font-family: 'Figtree', Arial, sans-serif; font-weight: bold; color: #da3949; font-size: 1.5em; margin-top: 0px; margin-bottom: 16px; line-height: 1.4em; border-top: none; text-transform: none; padding-top: 4px; }
section h4 { font-size: 1.4em; line-height: 1.5em; }
section .sys_span6 h2, section .sys_span8 h2, section .sys_span4 h2, section .sys_section-content-tab h2, section .sys_subheads h2 { border: none; color: #333; font-size: 1.6em; font-family: 'Figtree', Arial, sans-serif; font-weight: bold; text-transform: none; }
section .sys_span6 h3, section .sys_span8 h3, section .sys_span4 h3, section .sys_section-content-tab h3, section .sys_subheads h3 { border: none; color: #333; font-size: 1.5em; font-family: 'Figtree', Arial, sans-serif; font-weight: bold; text-transform: none; }
section .sys_span6 h4, section .sys_span8 h4, section .sys_span4 h4, section .sys_section-content-tab h4, section .sys_subheads h4 { border: none; color: #333; font-size: 1.3em; font-family: 'Figtree', Arial, sans-serif; font-weight: bold; text-transform: none; }
section .sys_span6 h5, section .sys_span8 h5, section .sys_span4 h5, section .sys_section-content-tab h5, section .sys_subheads h5 { border: none; color: #333; font-size: 1.2em; font-family: 'Figtree', Arial, sans-serif; font-weight: bold; text-transform: none; }
section .sys_span6 h6, section .sys_span8 h6, section .sys_span4 h6, section .sys_section-content-tab h6, section .sys_subheads h6 { border: none; color: #333; font-size: 1em; font-family: 'Figtree', Arial, sans-serif; font-weight: bold; text-transform: none; }
/*section .sys_subheads h2, section .sys_subheads h3, section .sys_subheads h4, section .sys_subheads h5, section .sys_subheads h6 { font-family: 'Figtree', Arial, sans-serif; font-weight: bold; text-transform: none; }*/
/* #page-body section .sys_span6 p, #page-body section .sys_span4 p, #page-body section .sys_span8 p { font-size: 1em; } */
section address { font-size: 1em; line-height: 1.1em; }

section blockquote { color: #999; font-size: 1.5em; font-weight: normal; line-height: 1.2em; border: none; margin: 0; padding: 60px 8px 8px 8px; background: url('/_design/img/quote-mark-grey-large.png') no-repeat 6px top; }
#page-body section .sys_highlight-box blockquote { background: url('/_design/img/quote-mark-white-large.png') no-repeat 6px top }
#page-body section blockquote p, #page-body section .sys_section-content blockquote p { line-height: 1.1em; color: #999; }
#page-body section .sys_highlight-box blockquote p { color: #fff; }
#page-body section .sys_section-content .sys_span6 blockquote p { margin: 0; } 

section ul { font-size: 1.1em; margin-left: 16px; list-style-image: url('/_design/img/icon-arrow-10px-light.png'); }
section ul ul { list-style-image: url('/_design/img/icon-arrow-10px-nested.png'); font-size: 1em; }
section ol { font-size: 1.1em; }
#page-body section ol li { margin-bottom: 3px; }
section table { width: 100%; margin-bottom: 16px; }
section table caption { text-align: left; padding-bottom: 8px; padding-top: 8px; font-family: 'Figtree', Arial, sans-serif; font-weight: bold; color: #333; font-size: 1.1em; }
section table caption strong { font-weight: normal; }
section table ul { margin-bottom: 0; }
section table, section table th, section table td { border: 1px solid #c6c6c7; border-collapse: collapse; }
section table th, section table td { padding: 6px; vertical-align: top; font-size: 1.1em; line-height: 1.3em; }
#page-body section table p, #page-body section .sys_section-content table p, #page-body .sys_section-content [class*="sys_span"] table p { margin: 0; font-size: 1em; line-height: 1.3em; }
section table th { text-align: left; font-family: 'Figtree', Arial, sans-serif; font-weight: bold; color: #333; }
section table th strong { font-weight: normal; }
@media screen and (max-width:398px) {
	/* fix for long email addresses pushing tables out of page width on mobiles */
	#page-body section table a[href^="mailto:"] { word-break: break-all; }
}

@media screen and (max-width:768px) {
	section h2 { font-size: 1.8em; line-height: 1.9em; }
	section h3 { font-size: 1.3em; }
    section .sys_span6 blockquote, section .sys_span4 blockquote { margin-top: 32px; }
}

/* #page-body section .sys_dark-grey-section p { font-size: 1.1em; line-height:1.3em;} */
/* not sure what this class is */
.sys_with-image img { float: right; margin-left: 16px; }
.sys_with-image .sys_video-image img { float: none; margin-left: 0; }
/* video image with caption and play arrow that highlights on hover */
.sys_video-swap { cursor: pointer; }
/* #Sigchange# */ .sys_video-image { position: relative; } /* #Sigchange# */
.sys_video-image.sys_video-padding { padding-bottom: 16px; }
.sys_video-image .sys_caption { background-color: #000000; /* <- fallback for IE*/ background-color: rgba(0, 0, 0, 0.6); height: 40px; position: absolute; bottom: 16px; /* left position added for IE7 */ left: 0; width: 100%; overflow: hidden; }
.sys_video-image.sys_video-padding .sys_caption { bottom: 32px; }
.sys_video-image .sys_play-arrow { height: 40px; background: url('/_design/img/play-arrow-salmon.png') no-repeat top right; }
.sys_video-image .sys_play-arrow-hover { background: url('/_design/img/play-arrow-white.png') no-repeat top right; }
#page-body .sys_video-image .sys_caption p { font-size: 0.9em; line-height: 1.3em; padding: 5px 45px 0 8px; color: #fff; }

/* inner-content wraps content in each section */ 
.sys_inner-content { padding-bottom: 32px; }
section .sys_inner-content p { font-size: 1em;  }
/*#page-body section p.sys_intro-para, #page-body section .sys_intro-para p, #page-body section span.sys_intro-para { font-size: 1.1em; font-family: 'Figtree', Arial, sans-serif; font-weight: bold;  } */
#page-body section .sys_intro-para p:first-child, .intro-para { font-size: 1.2em !important; font-family: 'Figtree', Arial, sans-serif; font-weight: bold;  }
/* fix for first paragraphs inside tables, to remove the above styling */
#page-body section .sys_intro-para table p:first-child { font-family: 'Figtree', Arial, sans-serif; font-size: 1.05em !important; }
ul.intro-para { font-family: 'Figtree', Arial, sans-serif; }


/* iframe YouTube embeds */
iframe { margin-bottom: 16px; }
iframe.sys_youtube, iframe.sys_respiframe { border: none; width: 100%; }
.sys_span6 iframe.sys_youtube, .sys_span6  iframe.sys_respiframe, .sys_span6 .sys_video-swap { max-width: 487px; height: 274px; } 
.sys_section-content-tab .sys_span6 iframe.sys_youtube, .sys_section-content-tab .sys_span6 iframe.sys_respiframe, .sys_section-content-tab .sys_span6 .sys_video-swap { max-width: 471px; height: 265px;} 
.sys_span4 iframe.sys_youtube, .sys_span4 iframe.sys_respiframe, .sys_span4 .sys_video-swap { max-width: 319px; height: 179px; } 
.sys_span8 iframe.sys_youtube, .sys_span8 iframe.sys_respiframe, .sys_span8 .sys_video-swap { max-width: 655px; height: 368px; } 
.sys_span12 iframe.sys_youtube, .sys_span12 .sys_video-swap { max-width: 990px; height: 555px; } 
.sys_span12 iframe.sys_respiframe { max-width: 990px; height: 500px; } 
#page-body section iframe.sys_matterport + p.videocaption { margin-top: -16px; font-size: 1rem !important; }
@media screen and (min-width:770px) {
	#unibuddy-popcard-iframe { margin-bottom: -16px; }
}

.sys_youtube-replace { background-color: #eee; }
.sys_youtube-replace p { margin: 0; padding: 30px; }
/*.sys_span4 .sys_youtube-replace { height: 179px; } 
.sys_span6 .sys_youtube-replace { height: 274px; } 
.sys_span8 .sys_youtube-replace { height: 368px; } 
.sys_span12 .sys_youtube-replace { height: 555px; }
.sys_section-content-tab .sys_span6 .sys_youtube-replace { height: 265px; } */
section .sys_youtube-replace p a, section .sys_youtube-replace .videocaption a, section .sys_youtube-replace .sys_captionunderlined a { color: #c03240 !important; }

@media (min-width:768px) and (max-width:979px) {
	.sys_span6 .sys_video-swap { height: 187px; }
	.sys_span4 .sys_video-swap { height: 117px; } 
	/*.sys_span12 .sys_youtube-replace { height: 430px !important; }
	.sys_span12 iframe.sys_youtube, */ .sys_span12 .sys_video-swap { max-width: 990px; height: 376px; }
}
@media (max-width:767px) {
	/*.sys_span12 iframe.sys_youtube, */.sys_span12 .sys_video-swap {
		max-width: 100%;
		height: 376px;
	}
	/*.sys_span12 .sys_youtube-replace {
		max-height: 430px;
	}*/
}
@media (max-width:400px){
	.sys_span6 .sys_video-swap, .sys_span4 .sys_video-swap { height: 169px; }
	/*.sys_span12 .sys_youtube-replace {
		max-height: 450px;
	}*/
}

/* new lite YouTube embed styles */
.sys_youtube-replace, .sys_youtube-playlist-replace {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    background: #eee;
    margin: 0 0 24px 0;
  }

  .sys_youtube-replace iframe, .sys_youtube-playlist-replace iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: transparent;
  }

  .sys_youtube-replace img, .sys_youtube-playlist-replace img {
    object-fit: cover;
    display: block;
    left: 0;
    bottom: 0;
    margin: auto !important;
    max-width: 100%;
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    height: auto;
    cursor: pointer;
    -webkit-transition: 0.4s all;
    -moz-transition: 0.4s all;
    transition: 0.4s all;
  }

  .sys_youtube-replace img:hover, .sys_youtube-playlist-replace img:hover {
    -webkit-filter: brightness(75%);
  }

  .sys_youtube-replace .play, .sys_youtube-playlist-replace .play {
    height: 72px;
    width: 72px;
    left: 50%;
    top: 50%;
    margin-left: -36px;
    margin-top: -36px;
    position: absolute;
    background: url('/_design/img/play-youtube-lite.png') no-repeat;
    cursor: pointer;
  }

  .sys_youtube-short {
	padding-bottom: 130%;
  }
  .sys_youtube-short img {
  	height: 100%;
	overflow: hidden;
  }

.sys_contact-us-ctas img { padding-bottom: 8px; }

/* signposts refers to the large signpost tiles on key pages */ 
section .sys_signposts a { display: block; text-decoration: none; border-bottom: none;}
.sys_signposts img { padding-bottom: 0; border-bottom: none; border-radius: 4px; margin-bottom: 0; }
section .sys_signposts h2, section .sys_signposts h3, section .sys_signposts h4, section .sys_signposts h5, section .sys_signposts h6 { margin: 4px 0 4px; border: none; font-family: 'Figtree', Arial, sans-serif; font-weight: bold; color: #333; line-height: 1.4em; text-transform: none; }
/* two block heading text size */
section .sys_signposts .sys_span6 h2, section .sys_signposts .sys_span6 h3, section .sys_signposts .sys_span6 h4, section .sys_signposts .sys_span6 h5, section .sys_signposts .sys_span6 h6 { font-size: 1.3em; margin-top: 8px; }
/* three block heading text size */
section .sys_signposts .sys_span4 h2, section .sys_signposts .sys_span4 h3, section .sys_signposts .sys_span4 h4, section .sys_signposts .sys_span4 h5, section .sys_signposts .sys_span4 h6 { font-size: 1.25em; margin-top: 8px; }
/* four block heading text size */
section .sys_signposts .sys_span3 h2, .sys_signposts .sys_span3 h3, .sys_signposts .sys_span3 h4, .sys_signposts .sys_span3 h5, .sys_signposts .sys_span3 h6 { font-size: 1em; }
#page-body .sys_signposts p { margin-bottom: 24px; }
.sys_signposts .sys_span4 p, .sys_signposts .sys_span3 p { font-size: 1em; }
section .sys_signposts h2 a, section .sys_signposts h3 a, section .sys_signposts h4 a, section .sys_signposts h5 a, section .sys_signposts h6 a { display: block; color: #333; text-decoration: none; background: url('/_design/img/go-header-link-bg-round-23px.png') no-repeat right 2px; padding-right: 26px; border-bottom: none; }
.sys_signposts h2 a:hover, .sys_signposts h3 a:hover, .sys_signposts h4 a:hover, .sys_signposts h5 a:hover, .sys_signposts h6 a:hover { text-decoration: underline; }
section .sys_signposts a:focus { outline: 1px dashed #333; outline-offset: 0; }

/*.sys_signposts .sys_span4 { padding-bottom: 32px; }*/

/* smaller text sizes for signposts on three column pages (rather than two column) */

.sys_signposts [class*="sys_span"] { padding-bottom: 8px; }
@media screen and (max-width:768px) {
	.sys_signposts [class*="sys_span"] { padding-bottom: 40px; }
}


/* signposts styles for sets of links without image tiles */
.sys_signposts-linksonly ul { list-style-type: none; list-style-image: none; margin-left: 0; margin-bottom: 0; }
#page-body .sys_signposts-linksonly li { margin-bottom: 0; }
.sys_signposts-linksonly li a, .sys_signposts-linksonly li a:visited { font-family: 'Figtree', Arial, sans-serif; font-weight: bold; color: #333; display: block; background: url('/_design/img/go-header-link-bg-14px.gif') no-repeat right 6px; padding: 4px 16px 4px 0; border-top: 1px solid #c6c6c7; border-bottom: none; }
.sys_signposts-linksonly li a:hover { text-decoration: underline; border-bottom: none; }
.sys_signposts-linksonly li:first-child a { border-top: none; }




/* CTA aside */
aside[class*="sys_cta"] { /*background-color: #e3e2e2; padding: 16px 16px 16px 16px;*/ border-bottom: none; }
aside[class*="sys_cta"] img { border-radius: 4px; }
aside[class*="sys_cta"]  h2, aside[class*="sys_cta"]  h3, aside[class*="sys_cta"] h4, aside[class*="sys_cta"] h5, aside[class*="sys_cta"] h6 { font-size: 1.15em; margin-bottom: 4px; padding-top: 4px; border-bottom: none; border-top: none; }
aside[class*="sys_cta"] h2 a, aside[class*="sys_cta"] h3 a, aside[class*="sys_cta"] h4 a, aside[class*="sys_cta"] h5 a, aside[class*="sys_cta"] h6 a { background: url('/_design/img/go-header-link-bg-round-23px.png') no-repeat right center; display: block; padding-right: 26px; text-decoration: none; }
aside[class*="sys_cta"] h2 a:hover, aside[class*="sys_cta"] h3 a:hover, aside[class*="sys_cta"] h4 a:hover, aside[class*="sys_cta"] h5 a:hover, aside[class*="sys_cta"] h6 a:hover { text-decoration: underline; }
aside[class*="sys_cta"] img { margin-bottom: 8px; }
@media screen and (max-width:768px) {
	aside[class*="sys_cta"] { padding-top: 24px; }
	aside[class*="sys_cta"] img { display: none; }
}

/* up arrow that scrolls you back up to previous story on long pages */
.sys_previous-heading-link { display: block; width: 29px; height: 29px; background: url('/_design/img/prev-heading-grey-on-grey.png') no-repeat top left; margin: 10px auto -31px auto;  cursor: pointer; }
.sys_grey .sys_previous-heading-link { background: url('/_design/img/prev-heading-grey-on-white.png') no-repeat top left;  }
aside.sys_quote .sys_previous-heading-link { margin-bottom: 1px; }

/* set of tabs within an individual section */
ul.sys_section-tabs { font-size: 0.9em; list-style-type: none; font-family: 'Figtree', Arial, sans-serif; font-weight: normal; margin: auto auto 16px; padding-left: 0; clear: both; }
ul.sys_section-tabs li { display: block; line-height: 30px; float: left; margin-bottom: 12px; margin-right: 12px; background-color: #fff; border-radius: 4px; border: 2px solid #08e8de; }
ul.sys_section-tabs li a { color: #da3949; text-decoration: none; display: block; padding: 2px 12px; text-transform: none; font-size: 1.25em; } 
ul.sys_section-tabs li.sys_selected { background-color: #e7e7e7; } 
.sys_grey ul.sys_section-tabs li { background-color: #fff; }
ul.sys_section-tabs li a { color: #FA706A; }
ul.sys_section-tabs li.sys_selected a { color: #fff; }
ul.sys_section-tabs li a:focus { outline: 1px solid #777; outline-offset: -1px; }

.sys_grey ul.sys_section-tabs li { background-color: #fff; }
.sys_grey ul.sys_section-tabs li.sys_selected { background-color: #fff; }

/* styles added for mobile tab expanders */
.sys_tabs-opener { background: #fae927; border-top: 6px solid #fff; margin-bottom: 2px; font-size: 1.2em; margin-top: -2px; } 
.sys_tabs-opener a { color: #333; display: block; cursor: pointer; padding: 8px 16px 8px 28px; background: url("/_design/img/icon-plus-10px-light.png") no-repeat 10px center; } 
.sys_tabs-opener a.sys_opener-open { background: url("/_design/img/icon-minus-10px-light.png") no-repeat 10px center; } 
.sys_tabs-opener a:hover { text-decoration: none; } 
.sys_firstOpener { border: none; } 

/* scripts have been hung from the change in this style rule at this breakpoint in tab-controller.js and mobile-tab.js */
/**/ #page-body ul.sys_section-tabs { /*display: none;*/ }
/***********************************************************************************************************************/

section .sys_section-content { background-color: #e7e7e7; margin: 0 auto 0 auto; padding: 0; clear: both; border-radius: 8px; }

.sys_lt-ie8 section .sys_section-content { margin-top: -16px; }
.sys_section-content-tab .sys_span6 { width: 471px; }
.sys_section-content-tab .sys_span6:first-child { padding-left: 16px; width: 471px; min-height: 255px; }
.sys_section-content-tab .sys_span8 { width: 630px; }
.sys_section-content-tab .sys_span8:first-child { padding-left: 16px; width: 630px; min-height: 255px; }
.sys_section-content-tab .sys_span4 { width: 311px; }
/* #Sigchange # */ .sys_section-content-tab .sys_span12:first-child { padding-left: 16px; padding-right: 16px; /*width: 90%;*/ width: 958px; max-width: 958px; } /* #Sigchange # */ 
/* .sys_section-content h3, */#page-body .sys_section-content .sys_span6 .sys_tabHeading, #page-body .sys_section-content .sys_span12 .sys_tabHeading, #page-body .sys_section-content .sys_span8 .sys_tabHeading { font-family: 'Figtree', Arial, sans-serif; font-weight: bold; font-size: 1.2em; color: #333; margin-top: 0px; }
#page-body .sys_section-content h2, #page-body .sys_section-content h3, #page-body .sys_section-content h4, #page-body .sys_section-content h5 { font-size: 1.2em; margin-top: 16px; }
#page-body .sys_cta4 h2, #page-body .sys_cta4 h3, #page-body .sys_cta4 h4, #page-body .sys_cta4 h5, #page-body .sys_cta4 h6, #page-body .sys_section-content .sys_highlight-box h2, #page-body .sys_section-content .sys_highlight-box h3, #page-body .sys_section-content .sys_highlight-box h4, #page-body .sys_section-content .sys_highlight-box h5, #page-body .sys_section-content .sys_highlight-box h6 { margin-top: 0; } 
section .sys_tabbed-area { padding-top: 8px; }
@media (min-width:768px) and (max-width:979px){
.sys_section-content-tab .sys_span6, .sys_section-content-tab .sys_span6:first-child { width: 332px; }
.sys_section-content-tab .sys_span8, .sys_section-content-tab .sys_span8:first-child { width: 459px; }
.sys_section-content-tab .sys_span4 { width: 214px; }
}

#page-body .sys_section-content p { font-size: 1em; color: #333; margin-top: 16px; line-height: 1.3em; }
#page-body .sys_section-content [class*="sys_span"] p { font-size: 1.1em; }
/* class added to allow users to align the tops of two columns of text in a tab */
#page-body .sys_section-content p.tabtext-align, #page-body .sys_section-content h2.tabtext-align, #page-body .sys_section-content h3.tabtext-align, #page-body .sys_section-content h4.tabtext-align, #page-body .sys_section-content h5.tabtext-align, #page-body .sys_section-content h6.tabtext-align, .tabtext-align  { margin-top: 36px; }
.sys_section-content ul { padding-left: 15px; margin-left: 0; }
.sys_section-content li { font-size: 1em; color: #333; line-height: 1.3em; margin-bottom: 3px; }
.sys_section-right { float: right; padding-left: 16px; width: 385px; min-height: 255px; }

/* section-tabs styles removed here */
.sys_grey .sys_section-content { background-color: #fff; }
section .sys_section-content-tab { min-height: 200px;  padding-top: 16px; padding-bottom: 19px; } 

.sys_span8 .sys_section-content-tab .sys_span12 { width: auto; }

.sys_multi-row-tab { clear: both; overflow: auto; padding-bottom: 16px; } 
.sys_multi-row-tab .sys_span6:first-child, .sys_multi-row-tab .sys_span8:first-child, .sys_multi-row-tab .sys_span4:first-child, .sys_multi-row-tab .sys_span12:first-child { padding-left: 16px; min-height: 100px; }
#page-body .sys_multi-row-tab .sys_span8 p:first-child, #page-body .sys_multi-row-tab .sys_span4 p:first-child, #page-body .sys_multi-row-tab .sys_span6 p:first-child, #page-body .sys_multi-row-tab .sys_span12 p:first-child { margin-top: 0; }
#page-body .sys_section-content .sys_multi-row-tab h2, #page-body .sys_section-content .sys_multi-row-tab h3, #page-body .sys_section-content .sys_multi-row-tab h4, #page-body .sys_section-content .sys_multi-row-tab h5, #page-body .sys_section-content .sys_multi-row-tab h6 { margin-top: 0; }

/* back to top arrow just above page footer */
.sys_back-to-top { background-color: transparent; margin-top: -16px; }
.sys_back-to-top a { display: block; width: 29px;  margin: auto; }
.sys_back-to-top a img { border: none; }

/* end of page body styles */ 

/* footer styles */
footer { background-color: #2e2e2e; padding-top: 40px; font-family: 'Figtree', Arial, sans-serif; }
footer .sys_content { overflow: auto; }
footer .sys_footer-block { color: #fff; margin-right: 16px; padding-bottom: 40px; float: left; }
footer .sys_fiveColWidth { width: 380px; }
footer .sys_fourColWidth { width: 288px; padding-left: 8px; padding-right: 8px; }
footer .sys_threeColWidth { width: 244px; margin-right: 0; }
footer .sys_fiveColWidth .sys_threeColWidth { width: 228px; float: left; margin-right: 16px; }
footer .sys_fiveColWidth .sys_twoColWidth { width: 136px; float: left; }
footer .sys_fiveColWidth .sys_twoAndAHalfColWidth { width: 182px; float: left; }
footer .sys_fiveColWidth .sys_twoAndAHalfColWidth p:first-child { padding-top: 6px; }
footer .sys_fiveColWidth .sys_twoAndAHalfColWidth.sys_footerColPadding { margin-right: 16px; }
footer .sys_fourColWidth .sys_twoColWidth { width: 144px; float: left; }
footer .sys_footer-block h2 { font-family: 'Gabarito', Arial, sans-serif; font-size: 1.2em; color: #fff; font-weight: normal; border-top: 1px solid #7a7b7d; border-bottom: 1px solid #7a7b7d; margin-bottom: 8px; line-height: 45px; text-transform: uppercase; margin-top: 2px; }
footer .sys_footer-block h2 a { width: 100%; display: block; }
footer .sys_footer-block p, footer .sys_footer-block address, footer .sys_footer-block li { font-size: 1.1em; line-height: 1.2em; }
footer .sys_footer-block a { color: #fff; }
footer .sys_footer-block a:focus { outline: 1px dashed #fff; outline-offset: 2px; text-decoration: none; }
footer .sys_footer-block p a:hover { text-decoration: underline; }
footer .sys_footer-block ul { margin: 35px 0 10px 0; list-style-type: none; }
footer .sys_footer-block li a { background: none; padding-right: 3px; padding-top: 6px; display: block; }
footer .sys_footer-block li a::after, footer .sys_footer-block li a:after { content: " \a0\3e"; color: #da3949; }
footer .sys_spacelistsleft li a { margin-right: 12px; }
footer .sys_spacelistsright li a { margin-left: 10px; }
footer .sys_footer-block select { color: #929292; font-size: 0.95em; line-height: 1.15em; }

footer .sys_footer-block ul.sys_footer-social { list-style-type: none; margin: 0; padding: 0; }
footer .sys_footer-social li { display: inline-block; margin-left: 8px; }
footer .sys_footer-social li:first-child { margin-left: 0; }
footer .sys_footer-social li a { background: none; }
footer .sys_footer-social li a::after, footer .sys_footer-social li a:after { content: none; }
footer .sys_footer-social li img { max-height: 40px; width: auto; } 
footer .sys_footer-contacts h2 { margin-top: 36px; margin-bottom: 2px; border: none; text-transform: none; font-size: 30px; font-family: 'Figtree', Arial, sans-serif; }
footer .sys_footer-contacts p, footer .sys_footer-contacts address { font-size: 1.1em; line-height: 1.4em; letter-spacing: 0.5px; }
footer .sys_footer-contacts a { color: #fff; font-weight: bold; letter-spacing: 0.5px; }
footer .sys_footer-contacts a:hover, footer .sys_footer-contacts a:focus { color: #fff; }
footer .sys_footer-contacts a.sys_sublink { color: #fff; font-weight: normal; letter-spacing: 0.5px; }
footer .sys_footer-contacts a.sys_sublink::after, footer .sys_footer-contacts a.sys_sublink:after { content: " \a0\3e"; color: #da3949; }
footer div > img { position: absolute; height: 0; }

@media screen and (max-width:1100px) { 
	footer .sys_footer-social li { margin-left: 2px; }
	footer .sys_footer-social li a { padding-right: 0px; }
}

@media screen and (max-width:990px) { 
	footer { text-align: center; padding-bottom: 40px; }
	footer .sys_row { margin-top: 0; padding-top: 50px; }
	footer .sys_footer-social li { margin-left: 30px; }
	footer .sys_footer-contacts h2 { margin-top: 50px; font-size: 1.8em; }
	footer .sys_footer-contacts p, footer .sys_footer-contacts address { font-size: 1.4em; }
	footer .sys_footer-contacts address br { display: none; }
	footer .sys_footer-contacts { padding-bottom: 40px; }
	footer .sys_footer-links { padding-bottom: 0; }
	footer .sys_footer-links h2 { margin: 0 0 -1px 0; background: url('/_design/img/burger-icon.png') no-repeat center left; cursor: pointer; }
	footer .sys_footer-links ul { margin-top: 20px; margin-bottom: 20px; }
	footer .sys_footer-links ul a { display: block; line-height: 2.1em; }
	.js footer .sys_footer-links ul { display: none; }
	footer .sys_fourColWidth { width: 80%; max-width: 100%; margin: auto; float: none; }
}
@media screen and (max-width:640px) {
	footer .sys_footer-block { width: 100%; max-width: 100%; }
    footer .sys_fiveColWidth .sys_threeColWidth, footer .sys_fiveColWidth .sys_twoColWidth, footer .sys_fiveColWidth .sys_twoAndAHalfColWidth, footer .sys_fourColWidth .sys_twoColWidth { float: none; width: 100%; max-width: 100%; padding-right: 0; padding-left: 0; }
	footer .sys_fourColWidth { padding-right: 0; padding-left: 0; }
	footer .sys_spacelistsleft li a, footer .sys_spacelistsright li a { margin-left: 0; margin-right: 0; }
}
@media screen and (max-width:580px) { 
	footer .sys_footer-social li { margin-left: 8px; }
	footer .sys_footer-social li img { max-height: 45px; width: auto; }
}
@media screen and (max-width:480px) { 
	footer .sys_footer-contacts p, footer .sys_footer-contacts address { font-size: 1.2em; }
	footer .sys_footer-links h2  { font-size: 1em; background-size: 20px; }
	footer .sys_footer-social li img { max-height: 38px; width: auto; }
}
/* ********************************************** */
/* special fix to style drop-down arrow on select */
div.sys_styled-select {
    overflow:hidden; /* this hides the select's drop button */
    padding:0; 
    margin:0;
    background: #fff url('/_design/img/formelements-select.png') no-repeat center right;
    /* this is the new drop button, in image form */
    width:100%; 
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
    border: solid 1px #ccc;
}
div.sys_styled-select select {
    width:115% /* this percentage effectively extends the drop down button out of view */;
    background-color:transparent /* this hides the selects background making any styling visible from the div */;
    background-image:none;
    -webkit-appearance: none /* this is required for Webkit browsers */;
    border:none;
    box-shadow:none;
	padding:0.1em 0.2em; /* padding should be added to the select, not the div */
	margin-bottom: 0;
	height: 25px;
}
/* fix for IE7 */
.sys_lt-ie8 div.sys_styled-select {border:none; }
.sys_lt-ie8 div.sys_styled-select select {
    width:100%;
    background-color:white;
    border: solid 1px #ccc;
    padding:0.3em 0.5em;
}
/* ********************************************** */

/* end of footer styles */

/* styles for when each top element is docked (generic to all pages) */
body.sys_top-nav-fixed #top-nav { background-color: #da3949; position: fixed; z-index: 20; top: 0px; left:0; margin-left: 0; width: 100%; } 
body.sys_top-nav-fixed #page-heading { padding-top: 200px; }
body.sys_top-nav-fixed #top-nav ul#top-nav-menu li a.sys_top-nav-home { display: block; }

body.sys_top-header-fixed #page-heading { background-color: #da3949; position: fixed; top: 40px; left: 50%; width: 100%; margin-left: -50%; padding-top: 0; height: 40px;}
body.sys_top-header-fixed header h1, body.sys_top-header-fixed #page-heading span { width: 974px; display: block; padding-right: 0px; margin-left: auto; margin-right: auto; margin-bottom: 0px;  }


@media screen and (max-width:640px) {
	body.sys_top-header-fixed h1, body.sys_top-header-fixed #page-heading span {padding-left:30px;}
	}

body.sys_top-header-fixed #top-nav { margin-bottom: 0px; }

/* end of docked styles */


h4.sys_icon-right-open:before {float:right;}

/* special width adjustments to try to bring the header and footer into Bootstrap but with their own widths */
#masthead .sys_container, #masthead .sys_span12 { width: 990px; padding: 0; max-width: 100%; }

#top-nav .sys_container, #top-nav .sys_span12 { width: 990px; max-width: 100%; }
#top-nav .sys_container {height: 40px; background-color: #fff; position: relative; z-index: 20; padding: 0; }

footer .sys_container { width: 970px; max-width: 100%; padding-left: 10px; padding-right: 10px; margin-left: auto; margin-right: auto; } 
footer .sys_span12 { width: 970px; max-width: 100%; }

.sys_lt-ie9 #masthead .sys_container, .sys_lt-ie9 #masthead .sys_span12 { width: 990px; max-width: 990px; }
.sys_lt-ie9 #top-nav .sys_container, .sys_lt-ie9 #top-nav .sys_span12 { width: 980px; max-width: 990px; }
.sys_lt-ie9 footer .sys_container { width: 970px; max-width: 970px;} 
.sys_lt-ie9 footer .sys_span12 { width: 970px; max-width: 970px; }

@media screen and (max-width:980px) {
	.sys_more-on-topic {color:#000;}
}

/* ie7 style fixes */
/*.sys_lt-ie8 body { font-family: Arial, sans-serif; }*/
.sys_lt-ie8 .sys_video-image .sys_caption { background-color: #000000; }


/* Common Classes */
.sys_displaynone {display:none;}
.sys_displayblock {display:block;}
.sys_floatleft {float:left;}
.sys_floatright {float:right;}
.sys_width100 {width:100%;}
.sys_middle {margin:auto; display:block; clear:both; float:none!important;}
.sys_textcenter {text-align:center;}
.sys_textleft {text-align:left;}
.sys_textright {text-align:right;}
.sys_clear {clear:both; }
.sys_bold {font-weight:bold;}
.sys_uppercase {text-transform:uppercase;}
.sys_low-zindex img {z-index:-1;}
.alignright { float: right; }
/* alignright fixed for course fee amounts on course pages */
#fees .sys_fees-list .alignright { float: none; position: absolute; right: 0px; }

@media screen and (max-width:980px) {
	.sys_select-list-ul-container {float:left; clear:both; width:100%; padding:5px 0;}
	.sys_select-list-ul-container .sys_hidden-desktop {float:left; width:100%; padding:5px 10px;}
	.sys_select-list-ul-container select {float:left; width:100%; margin:5px 0;}
	#page-body section.sys_top {padding-top:10px;}
	#banner-and-navs {height: auto;}
	#page-heading h1, body #page-heading span {width: 100%!important; margin-bottom: 0; padding-left: 0;}
	#page-heading h1 a, #page-heading h1 span, #page-heading span a { display: inline-block; padding-left: 12px; width:auto;}
	#page-heading h1 span { display: inline; }
	.sys_section-content-tab { width: auto;}
	/* .sys_section-content-tab .sys_span12:first-child { width: auto; max-width: 780px;} */
	/* #Sigchange# - NOT SURE */ .sys_section-content-tab .sys_span12:first-child { width: 100%; padding-right: 30px; } /* #Sigchange# - NOT SURE */ 
	/* section-tabs styles removed here */
	

}

@media screen and (max-width:767px) {
/* #Sigchange# */ .sys_section-content-tab .sys_span12:first-child { padding-right: 0; } /* #Sigchange# */
.sys_toggle-section h2, .sys_toggle-section h3 { font-size: 1.4em; line-height: 1.6em; }

/* scripts have been hung from the change in this style rule at this breakpoint in tab-controller.js and mobile-tab.js */
/* section-tabs styles removed here */
/***********************************************************************************************************************/

.sys_section-tabs { display: none !important;} 
.sys_tabHeading { display: none; } 

.sys_section-content-tab{display: block; max-width: 100%; }
.sys_section-content-tab .sys_span6, .sys_section-content-tab .sys_span6:first-child, .sys_section-content-tab .sys_span8, .sys_section-content-tab .sys_span8:first-child, .sys_section-content-tab .sys_span4 { width: auto; min-height: 10px; }
.sys_section-content-tab .sys_span6:first-child, .sys_section-content-tab{min-height: 100%; margin-bottom: 20px;}
.sys_section-content-tab .sys_span6 img{margin-bottom: 20px;}
#page-body .sys_toggle-section { padding: 24px 0; }
.sys_toggle-section h2, .sys_toggle-section h3{margin: 12px 0;}
#equivsDiv-tab h2, #equivsDiv-tab h3 { background: none; }
.sys_links-tab{word-wrap:break-word;}
}

@media screen and (min-width:767px) { 
	.sys_tabs-opener { display: none; } 
}

/*
div:empty, span:empty,
li:empty, p:empty,
td:empty, th:empty {padding: 0.5em; background: yellow;}

*[style], font, center {outline: 5px solid red;}
*[class=""], *[id=""] {outline: 5px dotted red;}

img[alt=""] {border: 3px dotted red;}
img:not([alt]) {border: 5px solid red;}
img[title=""] {outline: 3px dotted fuchsia;}
img:not([title]) {outline: 5px solid fuchsia;}

table:not([summary]) {outline: 5px solid red;}
table[summary=""] {outline: 3px dotted red;}
th {border: 2px solid red;}
th[scope="col"], th[scope="row"] {border: none;}

a[href]:not([title]) {border: 5px solid red;}
a[title=""] {outline: 3px dotted red;}
a[href="#"] {background: lime;}
a[href=""] {background: fuchsia;}
*/

.sys_select-list-ul-mobile-tabs {width:100%;}

/*.sys_map_key_element img { height: auto; width: auto; }
.sys_map_key_element { width: 100%; display: block!important; margin: 10px 0; }*/

/*----------------------------------------------------------------------------------------------------------------
A11y up!
-----------------------------------------------------------------------------------------------------------------*/

.sys_screenreader{position: absolute; left: -999em; top: -999em;}

.sys_skiplinks{ position: relative; z-index: 100; margin: 0px; border: 0px; padding: 0px;}
.sys_skiplinks li a{ white-space:nowrap;}
.sys_skiplinks li a span{font-size: 1.5em;}
.sys_skiplinks li, .sys_skiplinks li a{ position: absolute; display: block; background-color: transparent; top: -100px; left: 0px; margin: 0px; border: 0px; padding: 0px; font-weight:bold; outline: solid; outline-color:#fff;}
.sys_skiplinks a:focus, .sys_skiplinks a:active{ position: absolute; display: block; background-color: #FFF; top: 100px; left: 0px; margin: 0px; border: 0px; padding: 1em; color: #000; outline: solid; outline-color:#fff;}
.sys_skiplinks a:focus { outline: 2px dashed #000; }

.sys_icon-doc, .sys_icon-facebook-rect, .sys_icon-twitter{width: 100%;}
.sys_side-nav-divide{ margin-top: 6px; padding-top: 6px; }

@media screen and (max-width:640px) {
.sys_flexible-container {
	width: 100%;
	max-width: 100%;	
}

.sys_flexible-container iframe,
.sys_flexible-container object,
.sys_flexible-container embed {
    max-width: 100% !important;
    z-index: -1;
}
}

/* #Sigchange# - not sure about map */

.sys_map-container .sys_map { width: 780px!important; } /* not sure this can go here */ 

.sys_flex-video { position: relative; padding-top: 1.5625em; padding-bottom: 67.5%; height: 0; margin-bottom: 1em; overflow: hidden; }
.sys_flex-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* #Sigchange# - not sure about map */

.sys_flexible-container #map_canvas { width: 100% !important; }

@media screen and (max-width:767px) {

.sys_site-search input[type='text']{font-size:16px;}

/*.sys_grey .sys_carousel-control-next{height: 100%!important;}*/

}

iframe { border: none;}

/* Image bar CTAs */
.sys_cta-bar-primary, .sys_cta-bar-secondary { width: 100%; max-width: 487px; height: auto; color: #fff; font-size: 1.35em; margin-bottom: 24px; position: relative; overflow: hidden; border-radius: 16px; margin-top: 24px; } 
.sys_cta-bar-primary:first-child, .sys_cta-bar-secondary:first-child { margin-top: 0; }
.sys_cta-bar-secondary { height: auto; } 
.sys_cta-bar-secondary.sys_nosubtext { height: auto; }
.sys_cta-bar-primary { background: url('/_design/img/cta-bg-arrow-only-round-inverted.png') no-repeat right center #da3949; }
.sys_cta-bar-secondary { background: url('/_design/img/cta-bg-arrow-only-round.png') no-repeat right center #323e48; z-index: 1; }
.sys_cta-bar-no-arrow { background-image: none; background: #da3949; }
.sys_cta-bar-no-arrow.sys_cta-bar-secondary { background-image: none; background: #939598; }
#page-body .sys_cta-bar-primary p, #page-body .sys_cta-bar-secondary p { margin: 0; color: #fff; }
section .sys_cta-bar-primary p a, section .sys_cta-bar-secondary p a { font-size: 1.2rem; color: #fff; display: block; height: auto; padding: 23px 70px 23px 22px; position: relative; top: 0; left: 0; right: 0; z-index: 2; text-decoration: none; line-height: 1.2em; border-bottom: none; }
section .sys_cta-bar-secondary p a { font-family: 'Figtree', Arial, sans-serif; font-weight: bold; height: 3.4rem; padding: 6px 70px 16px 12px; }
section .sys_cta-bar-primary p a:visited, section .sys_cta-bar-secondary p a:visited, section .sys_cta-bar-primary p a:hover, section .sys_cta-bar-secondary p a:hover { color: #fff; }
.sys_cta-bar-secondary.sys_nosubtext a { height: auto; padding: 23px 70px 23px 22px; }
.sys_cta-bar-primary a { font-family: 'Gabarito', Arial, sans-serif; font-weight: bold; text-transform: uppercase; }
section .sys_cta-bar-primary p a:focus, section .sys_cta-bar-secondary p a:focus { text-decoration: underline; }
#page-body .sys_cta-bar-no-arrow p.sys_cta-no-arrow-header { font-family: 'Gabarito', Arial, sans-serif; font-size: 1.3em; font-weight: normal; color: #fff; display: block; height: 52px; padding: 8px 8px 6px 12px; /*position: absolute; top: 0; left: 0; right: 0;*/ z-index: 2; text-decoration: none; text-transform: uppercase; width: auto; }
#page-body .sys_nosubtext p.sys_cta-no-arrow-header { line-height: 1.1em; }
#page-body .sys_cta-bar-primary p.sys_cta-subtext, #page-body .sys_cta-bar-secondary p.sys_cta-subtext, #page-body .sys_cta-bar-no-arrow p.sys_cta-subtext { position: absolute; top: 26px; left: 12px; right: 70px; z-index: -1; display: block; font-size: 1.1rem; }
.sys_cta-bar-primary p, .sys_cta-bar-secondary.sys_nosubtext p { display: table; width: 100%; height: 100%; }
.sys_cta-bar-primary p a, .sys_cta-bar-secondary.sys_nosubtext p a { display: table-cell; vertical-align: middle; position: static; }
.sys_cta-bar-primary p.sys_cta-subtext { display: none; }
.sys_cta-bar-secondary p.sys_cta-subtext, #page-body .sys_cta-bar-no-arrow p.sys_cta-subtext { left: 12px; }
#page-body .sys_cta-bar-no-arrow p.sys_cta-subtext { font-size: 1.3em; clear: both; z-index: 3; right: 0; }
#page-body .sys_cta-bar-no-arrow.sys_cta-bar-secondary p.sys_cta-subtext { font-size: 1.05em; }
#page-body .sys_cta-bar-no-arrow p.sys_cta-subtext span { left: 0; padding-left: 0; }
.sys_enquiryno span { font-family: Arial, sans-serif; display: block; position: relative; }
.sys_enquiryno span a { padding: 0; font-family: Arial,sans-serif; font-size: 1.05em; }
.sys_enquiryno p > a { height: 29px; font-size: 1em; font-family: Arial, sans-serif; padding: 4px 0 0; display: block; }
.sys_cta-globe a { background: none; }
.sys_cta-qmark a { background: none; }
.sys_cta-fbook a { background: none; }
.sys_cta-twttr a { background: none; }
.sys_cta-linkedin a { background: none; }
.sys_cta-instagram a { background: none; }
.sys_cta-360 a { background: none; }
.sys_cta-phone p.sys_cta-no-arrow-header { background: none; }
.sys_cta-download a { background: none; }
.sys_cta-money a { background: none; }
.sys_cta-bar-secondary.sys_cta-globe a { background: none; }
.sys_cta-bar-secondary.sys_cta-qmark a { background: none; }
.sys_cta-bar-secondary.sys_cta-download a { background: none; }
.sys_cta-bar-secondary.sys_cta-print a { background: none; }
.sys_cta-bar-secondary.sys_cta-money a { background: none; }

@media screen and (max-width:980px) {
.sys_cta-globe a, .sys_cta-qmark a, .sys_cta-fbook a, .sys_cta-twttr a, .sys_cta-linkedin a, .sys_cta-instagram a, .sys_cta-money a, .sys_cta-bar-secondary.sys_cta-globe a, .sys_cta-download a, .sys_cta-bar-secondary.sys_cta-download a, .sys_cta-bar-secondary.sys_cta-qmark a, .sys_cta-360 a, #page-body .sys_cta-phone p.sys_cta-no-arrow-header { background: none; }
.sys_cta-bar-primary p.sys_cta-subtext, .sys_cta-bar-secondary p.sys_cta-subtext, #page-body .sys_cta-bar-no-arrow p.sys_cta-subtext { left: 8px; } 
#page-body .sys_cta-bar-no-arrow p.sys_cta-no-arrow-header { font-size: 1.1em; }
}

@media screen and (max-width: 980px) and (min-width: 767px) {
#page-body .sys_cta-bar-secondary p.sys_cta-subtext { display: none; }
}

@media screen and (max-width:767px) {
.sys_cta-bar-primary p.sys_cta-subtext, .sys_cta-bar-secondary p.sys_cta-subtext, #page-body .sys_cta-bar-no-arrow p.sys_cta-subtext { left: 8px; display: block; } 
#page-body .sys_cta-bar-no-arrow p.sys_cta-no-arrow-header { font-size: 1.3em; }
.sys_span6 > .sys_cta-bar-primary:first-child, .sys_span6 > img:first-child, .sys_span4 > .sys_cta-bar-primary:first-child, .sys_span4 > img:first-child, .sys_span6 > .sys_cta-bar-secondary:first-child, .sys_span4 > .sys_cta-bar-secondary:first-child, .sys_span6 > .sys_generalsearch-search-control:first-child, .sys_span4 > .sys_generalsearch-search-control:first-child  { margin-top: 16px; }
}

@media screen and (max-width:398px) {
.sys_cta-bar-primary, .sys_cta-bar-secondary { max-width: 100%; }
.sys_cta-bar-primary a, .sys_cta-bar-secondary a { /*line-height: 52px;*/ line-height: 18px; }
#page-body .sys_cta-bar-primary p.sys_cta-subtext, #page-body .sys_cta-bar-secondary p.sys_cta-subtext { display: none; }
#page-body .sys_cta-bar-no-arrow p.sys_cta-subtext { left: 0; }
}
@media screen and (max-width:290px) {
.sys_cta-globe a, .sys_cta-qmark a, .sys_cta-fbook a, .sys_cta-twttr a, .sys_cta-linkedin a, .sys_cta-instagram a, .sys_cta-360 a, .sys_cta-download a, .sys_cta-money a, .sys_cta-bar-secondary.sys_cta-globe a, .sys_cta-bar-secondary.sys_cta-qmark a, .sys_cta-bar-secondary.sys_cta-download a, .sys_cta-phone p.sys_cta-no-arrow-header, .sys_cta-bar-secondary.sys_cta-money a { background: none; line-height: 24px; }
#page-body .sys_cta-bar-no-arrow p.sys_cta-subtext { left: 8px; } 
}


/* Google maps specific styling */
#map_key { padding: .5em 0; display: none; }
.sys_map_key_element { display: table-cell; padding-right: 1em; }
section .sys_map_key_element img { vertical-align: middle; margin-right: .5em; display: inline; }

iframe.sys_gmap360{width: 100%; height: 425px}
.sys_map_key_element {
   display: inline;
}
/* for text under a in panel blockquote so that it is the same colour */
.underquote, #page-body section .underquote { color: #333; margin-left: 8px; display: block; font-weight: bold; }
#page-body section .sys_section-content .underquote { color: #333; margin-top: 0; }

/* for text under an image to create a simple caption */
.imagecaption, #page-body section .imagecaption { color: #333; display: block; font-size: 0.95em !important; margin-top: 24px; margin-bottom: 24px !important; }
#page-body section .sys_dark-grey-section .imagecaption { }

/* for text under a video to create a simple caption */
.videocaption, #page-body section .videocaption { color: #000; display: block; font-size: 0.95em !important; padding-top: 4px; margin-top: 0; margin-bottom: 24px !important; }
#page-body section .videocaption.sys_captionunderlined { border-bottom: 1px solid #ccc; padding-bottom: 8px; margin-top: -16px; padding-left: 10px; padding-right: 0; margin-bottom: 4px; line-height: 1.5em; }
/*#page-body section .sys_youtube-replace-msg { height: auto; }*/
#page-body section .sys_dark-grey-section .videocaption { }

/* for links in image and video captions and under quotes */
.imagecaption a, #page-body section .imagecaption a, .videocaption a, #page-body section .videocaption a, .underquote a, #page-body section .sys_section-content .underquote a { color: #da3949; }

/* to remove paragraph bottom margin - for use above ul's etc */
.removeBottomSpace, #page-body section .sys_section-content .sys_span12 p.removeBottomSpace, #page-body section .sys_section-content .sys_span6 p.removeBottomSpace, #page-body section .sys_section-content .sys_span8 p.removeBottomSpace {margin-bottom:0px !important;}

/* to remove paragraph margins completely - useful when images get p tags placed around them */
.removeAllSpace, #page-body section .removeAllSpace, #page-body .sys_section-content .sys_span6 .removeAllSpace, #page-body .sys_section-content .sys_span4 .removeAllSpace {margin:0px !important;}

/* to remove top margins  */
.removeTopSpace, #page-body section .removeTopSpace {margin-top:0px !important;}

/* added to make news listing control rss placement behave */
span.sys_rss-link, span.sys_atom-link { position: relative; overflow: visible !important; width: 6rem !important; }
span.sys_atom-link { right: 5.5rem !important; }
.sys_theme-simple .sys_rss-link a, .sys_theme-simple .sys_button-subscribe-rss a, .sys_theme-simple .sys_atom-link a, .sys_theme-simple .sys_button-subscribe-atom a { overflow: visible !important; white-space: normal !important; }

/* added for 3 col text links on landing pages with heading link and paragraph text underneath - no images */
.sys_signposts-plink ul { list-style-type: none; list-style-image: none; margin-left: 0; }
.sys_signposts-plink .sys_span4 a, .sys_signposts-plink .sys_span6 a { font-family: 'Figtree', Arial, sans-serif; font-weight: bold; color: #333; display: block; background: url('/_design/img/go-header-link-bg-round-23px.png') no-repeat right 5px; padding: 4px 26px 4px 0; border-bottom: 1px solid #c6c6c7; }
.sys_signposts-plink .sys_span4 h2, .sys_signposts-plink .sys_span4 h3, .sys_signposts-plink .sys_span4 h4, .sys_signposts-plink .sys_span4 h5, .sys_signposts-plink .sys_span4 h6, .sys_signposts-plink .sys_span6 h2, .sys_signposts-plink .sys_span6 h3, .sys_signposts-plink .sys_span6 h4, .sys_signposts-plink .sys_span6 h5, .sys_signposts-plink .sys_span6 h6 { font-size: 1.16em; margin-bottom: 8px; }
#page-body .sys_signposts-plink .sys_span4 p, #page-body .sys_signposts-plink .sys_span6 p  { margin-top: 0; margin-bottom: 24px; }
.sys_signposts-plink .sys_span4 a:focus, .sys_signposts-plink .sys_span6 a:focus { text-decoration: none; outline: 1px dashed #333; outline-offset: 0; }

/* split signposts box with image on left and text on right */
section .sys_signposts-split h2 a, section .sys_signposts-split h3 a, section .sys_signposts-split h4 a { border-bottom: 1px solid #000; padding-bottom: 4px; }

/* Fix for Simple template on Event listings, Location item */
.sys_theme-simple .sys_events-control .sys_subitem .sys_events-summary dl dt.sys_events-location { width: 80px !important;}

/* generic search web control */
#page-body section .sys_searchcontrol { background-color: #323e48; padding: 32px 32px 40px 32px; display: flex; flex-direction: row; flex-wrap: wrap; border-radius: 8px; gap: 16px; overflow: auto; } 
section .sys_span6 .sys_searchcontrol, section .sys_span4 .sys_searchcontrol { margin-bottom: 8px; } 
section .sys_searchcontrol h2 { color: #fff; border-bottom: 1px solid #fff; border-top: none; margin-bottom: 16px; }
section .sys_searchcontrol label { display: block; font-family: 'Gabarito', Arial, sans-serif; font-size: 1.67em; font-weight: normal; line-height: 1.4em;color: #fff; border-bottom: none; flex: 0 0 100%; margin-bottom: 0; border-top: none; margin-top: 0; text-transform: uppercase;  }
section .sys_searchcontrol input[type="text"] { box-sizing: border-box; border-radius: 8px; flex: 1 1 auto; width: auto; max-width: none; line-height: 22px; height: 40px; padding: 4px; border-width: 1px; margin-bottom: 0; font-family: 'Figtree', Arial, sans-serif; }
section .sys_searchcontrol input[type="image"] { margin: 0; flex: 0 0 40px; box-sizing: border-box; border-radius: 8px; } 
section .sys_searchcontrol .sys_searchboxheader { display: none; }
section .sys_searchcontrol input:focus {  outline: none; box-shadow: 0 0 2px 2px #58c1d2; }
section .sys_coursesearch .sys_searchboxheader { display: block; font-family: 'Gabarito', Arial, sans-serif; font-size: 1.67em; font-weight: normal; line-height: 1.4em;color: #fff; border-bottom: 1px solid #fff; border-top: none; margin-bottom: 10px; margin-top: 0; text-transform: uppercase; }
section .sys_coursesearch label { font-size: 1em; font-family: 'Figtree', Arial, sans-serif; text-transform: none; border-bottom: none; }

@media screen and (max-width:1100px) and (min-width: 980px) {
	section .sys_span4 .sys_searchcontrol input[type="text"] { width: 190px; }
}

@media screen and (max-width:980px) and (min-width: 767px) {
	#page-body section .sys_span4 .sys_searchcontrol { padding: 18px; }
	section .sys_span4 .sys_searchcontrol label { font-size: 1.3em; }
	section .sys_span4 .sys_searchcontrol input[type="text"] { flex: 0 1 auto; width: 108px; }
}

/* override default curved edges on bootstrap text boxes */
input[type="text"] { border-radius: 0; }

/* 360 Tour icon */
.sys_touricon{
    background-image: url("/_design/img/360/360-touricon.jpg");
    background-position: 0 0;
    cursor: pointer;
    height: 85px;
    width: 85px;
}
.sys_touricon:hover{background-image: url("/_design/img/360/360-touricon-hover.jpg");}

.map360Infoview{min-width: 220px;}
.map360Infoview img{margin-left: 1em;}
.map360Infoview h4{margin-top: 0;}
.map360Infoview .sys_touricon{float: left; clear: both;}
.sys_gmap360_canvas img{max-width:none !important;}
.gmapMarkerLabel {
    text-shadow: 1px 1px 1px #fff;
	color: #222;
	font-size: 11pt;
	line-height: 1.1em;
	padding-bottom: 0.2em;
}

/* system-generated form styles */
#page-body .sys_cms-form-control ul.sys_cms-form-body { padding: 0; }
#page-body .sys_cms-form-control ul.sys_cms-form-body li.sys_cms-form-item { padding-left: 0; font-size: 1.1em; }

#page-body .sys_cms-form-control ul.sys_cms-form-body li.sys_cms-form-item div { color: #333; }
#page-body .sys_cms-form-control ul.sys_cms-form-body li label { color: #333; }
#page-body .sys_cms-form-control ul.sys_cms-form-body li input, #page-body .sys_cms-form-control ul.sys_cms-form-body li select, #page-body .sys_cms-form-control ul.sys_cms-form-body li textarea, #page-body .sys_cms-form-control ul.sys_cms-form-body li label, #page-body .sys_cms-form-control ul.sys_cms-form-body li .sys_legend, #page-body .sys_cms-form-control ul.sys_cms-form-body li .sys_fieldlabel { color: #333; }
#page-body .sys_cms-form-control ul.sys_cms-form-body li button { font-weight: bold; font-family: Arial,sans-serif; padding: 8px 12px; border: none; background-color: #1377a9; color: #fff; font-size: 1em; }
.sys_pagebreak div button:first-child { margin-right: 8px; }

#page-body .sys_cms-form-confirmation-content { font-size: 1.1em; text-align: left; padding: 20px 0; }
#page-body .sys_cms-form-control ul.sys_cms-form-body li.sys_sectionbreak .sys_sectionbreak-header { color: #333; font-family: 'Figtree', Arial, sans-serif; font-weight: bold; font-size: 1.3em; margin: 0 0 8px; }
@media screen and (max-width:398px) {
	#page-body .sys_cms-form-body .sys_sidebyside span { white-space: normal; }
	.g-recaptcha iframe, .g-recaptcha div { max-width: 100%; }
}

/* style changes to improve printed pages */
@media print { 
#masthead-links, #top-nav, #banner-img, #section-nav, #active-breadcrumbs, #footer, .sys_back-to-top, #course-nav, ul.sys_section-tabs, section#related, section#searchagain { display: none; }
#masthead { height: auto; }
#masthead a img { display: none; }
#masthead a { margin: 0; }
#masthead a:after { content: "University of Brighton"; font-size: 2.1em; font-family: 'Gabarito', Arial; }
#banner-and-navs { height: auto;  }
header h1 { margin-bottom: 0; padding-left: 0; margin-left: -10px; }
#page-heading span, body.sys_top-header-fixed #page-heading span { display: none; }
header h1 a[href]:after, #page-heading span a[href]:after { content: normal; }
#page-heading { padding-top: 10px !important; }
body.sys_top-header-fixed #page-heading { position: static; margin-left: 0; }
#page-wrapper { padding: 10px; }
section img { width: auto !important; }
.sys_dark-grey-section { margin-left: 0; padding: 0; }
.sys_section-content-tab { display: block !important; padding-bottom: 5px; }
.sys_section-content-tab .sys_span6:first-child { min-height: 0; }
.sys_span6 { width: 46% !important; margin-left: 2%; float: left !important; }
.sys_span8 { width: 62% !important; margin-left: 2%; float: left !important; }
.sys_span4 { width: 30% !important; margin-left: 2%; float: left !important; }
.sys_cta-bar-primary a, .sys_cta-bar-secondary a { position: static; padding: 0;  height: auto; }
.sys_cta-bar-primary p.sys_cta-subtext, .sys_cta-bar-secondary p.sys_cta-subtext { position: static; }
}

/* added as test for google tag manager */
.CTA_link{}

/* For hidden form elements */
li[class*="sys_hidden_formfield"] { display: none;}

/* prevent Google Adwords iframe from adding space below the footer */
#page-wrapper > iframe { display: none; }

.sys_cms-form-validationsummary,
#page-body .sys_cms-form-body .sys_fieldcontent label.sys_cms-form-error{color: #ac0000;}

/* Colours for the event calendar (can be overidden by accessibility if needed */
#event-calendar-container .sys_cal-event-cell { background-color: white;}
#event-calendar-container .sys_fc-state-highlight { background-color: #FFBDB7;} /* Light salmon */
#event-calendar-container h2{ color: #da3949;} /* Salmon */

#event-calendar-container .sys_cal-event-normal{     background-color: #137bac; border-color: #333; color: #fff; } /* Study here blue */
#event-calendar-container .sys_cal-event-compact{    background-color: #99465c; border-color: #333; color: #fff; } /* Interesting wine */
#event-calendar-container .sys_cal-event-he-sv{      background-color: #00837b; border-color: #333; color: #fff; } /* About us taupe */
#event-calendar-container .sys_cal-event-postgrad{   background-color: #79122d; border-color: #333; color: #fff; } /* Research red */
#event-calendar-container .sys_cal-event-applicant{  background-color: #7d1d91; border-color: #333; color: #fff; } /* International purple */
#event-calendar-container .sys_cal-event-ug-campus{  background-color: #577c09; border-color: #333; color: #fff; } /* Living here green */
#page-body #event-calendar-container .sys_cal-event-campus-tour { background-color: #c05306; border-color: #333; color: #fff; } /* Darkened orange for contrast */
@media screen and (max-width:398px) {
	#event-calendar-container h2 { white-space: normal; text-align: left; font-size: 1em; }
}

/* Styles for edublogs feed reader */
.sys_edublogs-header { margin-bottom: 4px; }
.sys_edublogs-list { list-style-type: none; margin-left: 18px; }
.sys_edublogs-list li { font-family: 'Figtree', Arial, sans-serif; font-weight: bold; margin-top: 8px; }

/* cookie bar styles */
#cookie-bar, #emerg { text-align: center; background-color: #58595B; display: none; }
#cookie-bar p, #emerg p { margin: 0; padding-top: 2px; padding-bottom: 4px; color: #fff; font-size: 0.9em; }
#cookie-bar a, #cookie-bar a:hover, #emerg a, #emerg a:hover { color: #fff; text-decoration: underline; }
#cookie-bar .sys_dismiss-cookie { background: url("/_design/img/go-header-link-bg-13px-close.gif") no-repeat right center; padding-right: 18px; padding-left: 4px; }
#emerg { padding: 10px 20px; background-color: #da3949; display: block; } 
#emerg p { font-size: 1.7em; line-height: 1.1em; font-weight: bold; }
@media screen and (max-width:980px) {
#cookie-bar, #emerg { position: relative; top: 40px; }
}
@media screen and (max-width:590px) {
#cookie-bar, #emerg { border-bottom: 1px solid #ccc; padding: 0 16px; text-align: left; padding-top: 8px; }    
#cookie-bar .sys_dismiss-cookie { display: block; background-position: left center; padding-left: 18px; padding: 8px 8px 8px 18px; }
.sys_skiplinks li, .sys_skiplinks li a { outline: none; }
#emerg { padding: 15px 10px; }
#emerg p { font-size: 1.4em; }
}

/* related links */
section .sys_related-links a:link, section .sys_related-links a:visited { font-family: 'Figtree', Arial, sans-serif; font-weight: bold; color: #333; display: block; background: url("/_design/img/go-header-link-bg-14px.gif") no-repeat scroll right 6px transparent; padding: 4px 16px 4px 0px; border-top: 1px solid #c6c6c7; border-bottom: none; }
section .sys_related-links a:hover, section .sys_related-links a:active { text-decoration: underline; }
.sys_related-links p:first-child a { border-top: none; }
@media screen and (max-width:767px) {
	.sys_related-links { padding-top: 16px; }
}

/** SEARCH results **/
#SearchResults_List h3.sys_subitem-heading.sys_search-subheading a{
    display: block;
}

/* Generic image icons */
.search-res-theme .sys_icon.sys_0 {
	background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/0.gif");
}
.search-res-theme .sys_icon.sys_1 {
	background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/1.gif");
}
.search-res-theme .sys_icon.sys_2 {
	background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/2.gif");
}
.search-res-theme .sys_icon.sys_3 {
	background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/3.gif");
}
.search-res-theme .sys_icon.sys_5 {
	background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/5.gif");
}
.search-res-theme .sys_icon.sys_6 {
	background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/6.gif");
}
.search-res-theme .sys_icon.sys_7 {
	background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/7.gif");
}
.search-res-theme .sys_icon.sys_8 {
	background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/8.gif");
}
.search-res-theme .sys_icon.sys_9 {
	background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/9.gif");
}
.search-res-theme .sys_icon.sys_11 {
	background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/11.gif");
}
.search-res-theme .sys_icon.sys_12 {
	background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/12.gif");
}
.search-res-theme .sys_icon.sys_13 {
	background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/13.gif");
}
.search-res-theme .sys_icon.sys_14 {
	background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/14.gif");
}
.search-res-theme .sys_icon.sys_15 {
	background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/15.gif");
}
.search-res-theme .sys_icon.sys_16 {
	background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/16.gif");
}
.search-res-theme .sys_icon.sys_17 {
	background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/17.gif");
}
.search-res-theme .sys_icon.sys_18 {
	background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/18.gif");
}
.search-res-theme .sys_icon.sys_19 {
	background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/19.gif");
}
.search-res-theme .sys_icon.sys_21 {
	background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/21.gif");
}
.search-res-theme .sys_icon.sys_22 {
	background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/22.gif");
}
.search-res-theme .sys_icon.sys_23 {
	background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/23.gif");
}
.search-res-theme .sys_icon.sys_24 {
	background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/24.gif");
}
.search-res-theme .sys_icon.sys_25 {
	background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/25.gif");
}
.search-res-theme .sys_icon.sys_27 {
	background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/27.gif");
}
.search-res-theme .sys_icon.sys_28 {
	background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/28.gif");
}
.search-res-theme .sys_icon.sys_29 {
	background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/29.gif");
}
.search-res-theme .sys_icon.sys_30 {
	background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/30.gif");
}
.search-res-theme .sys_icon.sys_31 {
	background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/31.gif");
}
.search-res-theme .sys_icon.sys_32 {
	background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/32.gif");
}
.search-res-theme .sys_icon.sys_33 {
	background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/33.gif");
}
.search-res-theme .sys_icon.sys_34 {
	background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/34.gif");
}
.search-res-theme .sys_icon.sys_35 {
	background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/35.gif");
}
.search-res-theme .sys_icon.sys_37 {
	background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/37.gif");
}
.search-res-theme .sys_icon.sys_38 {
	background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/38.gif");
}
.search-res-theme .sys_icon.sys_39 {
	background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/39.gif");
}
.search-res-theme .sys_icon.sys_40 {
	background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/40.gif");
}
.search-res-theme .sys_icon.sys_41 {
	background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/41.gif");
}
.search-res-theme .sys_icon.sys_42 {
	background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/42.gif");
}
.search-res-theme .sys_icon.sys_43 {
	background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/43.gif");
}
.search-res-theme .sys_icon.sys_44 {
	background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/44.gif");
}
.search-res-theme .sys_icon.sys_45 {
	background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/45.gif");
}
.search-res-theme .sys_icon.sys_46 {
	background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/46.gif");
}
.search-res-theme .sys_icon.sys_50 {
	background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/50.gif");
}
.search-res-theme .sys_icon.sys_51 {
	background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/51.gif");
}
.search-res-theme .sys_icon.sys_52 {
	background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/52.gif");
}
.search-res-theme .sys_icon.sys_53 {
	background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/53.gif");
}
.search-res-theme .sys_icon.sys_54 {
	background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/54.gif");
}
.search-res-theme .sys_icon.sys_55 {
	background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/55.gif");
}
/* Icon */
.search-res-theme .sys_itemslist div.sys_icon,
.search-res-theme div.sys_thumbnail {
	float: left;
	margin: -2px 15px 6px 0px;
	padding:0;
	position:relative;
	z-index:999;
	width:32px;
	height:32px;
	background-position:0 0;
	background-repeat:no-repeat;
  	z-index: 0;
}
/* Header/links */
.search-res-theme .sys_subitem-heading.sys_search-subheading,
.search-res-theme .sys_subitem-heading.sys_generic_list-subheading{
    font-size: 1.1em;
	border-bottom: 1px solid #222;
	background: url("/_design/img/go-header-link-bg.gif") no-repeat right 2px;
	font-weight: normal;
	line-height: 1.4em;
	clear: both;
}
.search-res-theme .sys_subitem-heading.sys_search-subheading a,
.search-res-theme .sys_subitem-heading.sys_generic_list-subheading a { color: #222;}
.search-res-theme .sys_subitem-heading.sys_search-subheading a:hover,
.search-res-theme .sys_subitem-heading.sys_generic_list-subheading a:hover{text-decoration: none;}
/*Remove headers and improve formatting*/
.search-res-theme dt.sys_search-description,
.search-res-theme dt.sys_generic_list-description,
.search-res-theme dt.sys_search-url{ display: none !important;}
.search-res-theme dd.sys_search-description,
.search-res-theme dd.sys_generic_list-description { display: block; float: none; margin-top: -0.5em; margin-left: 0; }
.search-res-theme dd.sys_search-url { font-style: italic; color: #005580; display: none; }
/*change header back to normal*/
.search-res-theme .sys_search-control .sys_search-title.sys_standardlist-title{
    color: #00837b;;
    font-size: 1.7em;
    border-top: 1px solid #c6c6c7;
    border-bottom: 1px solid #c6c6c7;
    margin-bottom: 1em;
}
/* Always hide date picker until it should appear */
#ui-datepicker-div{ display: none;}

/* override Skype helper plugin styles to phone numbers remain readable */
#page-body section span.skype_c2c_container, #page-body section span.skype_c2c_container * { color: #6d6e71 !important; }
#page-body .sys_cta-bar-primary span.skype_c2c_container, #page-body .sys_cta-bar-primary span.skype_c2c_container *, #page-body .sys_cta-bar-secondary span.skype_c2c_container, #page-body .sys_cta-bar-secondary span.skype_c2c_container *, footer span.skype_c2c_container, footer span.skype_c2c_container * { color: #fff !important; }


/*== styling from simple theme forms stylesheet ==*/
.sys_cms-form-control ul, .sys_cms-form-control ul li { list-style-type: none; list-style: none; }
.sys_cms-form-control ul, .sys_cms-form-control ul li, .sys_cms-form-control ul li label { font-size: 100%; margin: 0; padding: 0; }
ul.sys_cms-form-body { font-size: small; margin: 0; padding: 10px; list-style-type: none; margin-bottom: 1.5em; }
.sys_cms-form-body .sys_cms-form-item { margin: 0 0 5px 0; padding: 6px 0 8px 1%; position: relative; background: none; background-image: none; color: #333; font-size: small; width: 99%; }
.sys_cms-form-body .sys_cms-form-item .sys_hiddenfield { padding: 0; margin: 0; } 
ul.sys_cms-form-body:after, .sys_cms-form-body li:after { content: "..."; display: block; clear: both; height: 0; line-height: 0; visibility: hidden; overflow: hidden; }
.sys_cms-form-body .sys_fieldlabel { display: block; font-weight: bold; padding-top: .2em; padding-bottom: .3em; }
.sys_cms-form-body .sys_fieldcontent { float: left; width: 100%; }
.sys_cms-form-body .sys_instructions { display: none; top: 0; left: 100%; position: absolute; border: 1px solid #cfd6d7; color: #474c50; background: #eceff0; margin-top: 5px; margin-left: 10px; padding: 6px 8px; width: 45%; font-size: 0.8em; }
.sys_labels-left .sys_cms-form-body .sys_instructions,
.sys_labels-right .sys_cms-form-body .sys_instructions {width: 25%;}
.sys_showinstructions .sys_cms-form-body .sys_cms-form-item { width: 64%;}
.sys_showinstructions.sys_labels-left .sys_cms-form-body .sys_cms-form-item,
.sys_showinstructions.sys_labels-right .sys_cms-form-body .sys_cms-form-item {width: 74%;}
.sys_showinstructions .sys_cms-form-body .sys_instructions {display: block;}

/* Setting Up the Form Body */
.sys_cms-form-body li input, .sys_cms-form-body li select, .sys_cms-form-body li textarea, .sys_cms-form-body li label, .sys_cms-form-body li .sys_legend, .sys_cms-form-body li .sys_fieldlabel { color: #333; font-size: 100%; font-family: 'Figtree', Arial, sans-serif; font-weight: bold; margin: auto; }
.sys_cms-form-body li div label { display: block; font-size: 90%; padding: .2em 0 .5em 0; }

/* Inputs */
.sys_cms-form-body input, .sys_cms-form-body textarea {padding: 2px;}
.sys_cms-form-body input.sys_small, .sys_cms-form-body select.sys_small {width: 25%;}
.sys_cms-form-body input.sys_medium, .sys_cms-form-body select.sys_medium {width: 50%;}
.sys_cms-form-body input.sys_large, .sys_cms-form-body select.sys_large {width: 97.6%;}

/* Textarea */
.sys_cms-form-body textarea.sys_small, .sys_cms-form-body textarea.sys_medium, .sys_cms-form-body textarea.sys_large {width: 98%;}
.sys_cms-form-body textarea.sys_small {height: 5em;}
.sys_cms-form-body textarea.sys_medium {height: 12em;}
.sys_cms-form-body textarea.sys_large {height: 22em;}

/* Validation Error */
.sys_cms-form-body .error, .sys_cms-form-body .sys_cms-form-error { color: #a33f49; font-size: .9em; font-weight: bold; width: 100%; }

/* Section Heading */
.sys_cms-form-body .sys_sectionbreak { padding-top: 15px; padding-bottom: 15px; }
.sys_cms-form-body .sys_sectionbreak-header { float: left; width: 100%; cursor: text; color: #333; font-size: 1.5em; margin: 0; padding: 0; }
section .sys_cms-form-body .sys_sectionbreak-text { float: left; width: 100%; cursor: text; color: #333; font-size: 1em; margin: 0; padding: 0; }

/* Name */
.sys_cms-form-body .sys_namesubelement { float: left; width: 48%; margin: 0 2% 0 0; }
.sys_cms-form-body .sys_namesubelement input { width: 96%; }

/* Last Name */
.sys_cms-form-body .sys_lastnamesubelement { width: 49%; margin-right: 0 !important; }
.sys_cms-form-body .sys_lastnamesubelement input { width: 96%; }

/* Date */
/* Review - jQuery Datepicker may insert an image to trigger date picker */
.sys_cms-form-body li.sys_date input { float: left; margin-right: 4px; } 
.sys_cms-form-control ul.sys_cms-form-body li.sys_date img { float: left; margin-top: 2px; cursor: pointer; }
.sys_cms-form-body .sys_checkbox input, .sys_cms-form-body .sys_radio input { float: left; width: 13px; height: 13px; display: block; padding: 0; margin: 4px 4px 0 0; }
.sys_cms-form-body .sys_checkbox label, .sys_cms-form-body .sys_radio label { line-height: 150%; padding: .2em 0; }

/* Other */
.sys_cms-form-body .sys_choices_other { clear: both; }
.sys_cms-form-body .sys_choices_other .sys_otherlabel { float: none; display: block; clear: both; width: 120px; height: auto; padding: .2em 0; margin: 0; }
.sys_cms-form-body .sys_choices_other .sys_medium { float: none; display: block; clear: both; width: 120px; height: auto; padding: 2px 0; margin: 0; }

/* Time */
.sys_cms-form-body .sys_time .sys_timesubelement { float: left; width: 50px; margin: 0 5px 0 0; }
.sys_cms-form-body .sys_time select { padding: 1px 1px 1px 0; min-height: 20px; }
.sys_cms-form-body .sys_time input { width: 38px; } 

/* Address */
.sys_cms-form-body .sys_address label { padding-top: .7em; padding-bottom: .15em; }

/* Side By Side */
.sys_cms-form-body .sys_sidebyside span { width: auto; white-space: nowrap; padding-right: 8px; }
.sys_cms-form-body .sys_sidebyside input { float: none; display: inline; vertical-align: top; } 
.sys_cms-form-body .sys_sidebyside span label { float: none; display: inline; font-size: 1em; }

/* Columns */
.sys_cms-form-body .sys_onecolumn span { display: block; margin: 0; width: 100%; }
.sys_cms-form-body .sys_twocolumns span { width: 48%; margin: 0 5px 0 0; float: left; }
.sys_cms-form-body .sys_threecolumns span { float: left; width: 30%; margin: 0 5px 0 0; } 
.sys_cms-form-body .sys_boxclearer { clear: left; }

/* Captcha */
#recaptcha_area { margin-left: 16px; }
#captchaStatus { margin-left: 16px; margin-top: 8px; color: #a33f49; font-weight: bold; }
.sys_cms-form-body .sys_legend { font-weight: bold; }
.sys_cms-form-body .sys_legend .sys_required { position: static; display: inline; margin: 0; padding: 0; font-size: 110%; float: none; }
.sys_required { margin-left: 4px; color: #a33f49; }

/* Top Label Positioning */
.sys_labels-top .sys_sidebyside .sys_legend { width: 100%; }

/* Left Label Positioning */
.sys_labels-left .sys_legend, .sys_labels-left .sys_fieldlabel { float: left; width: 31%; padding-right: 1.5%; }
.sys_labels-left .sys_cms-form-body .sys_fieldcontent { float: left; width: 65%; }

/* Right Label Positioning */
.sys_labels-right .sys_legend, .sys_labels-right .sys_fieldlabel { float: left; text-align: right; width: 31%; padding-right: 3%; }
.sys_labels-right .sys_cms-form-body .sys_fieldcontent { float: left; width: 65%; }
.sys_form-progress { position: absolute; z-index: 9999; width: 150px; height: 18px; color: #fff; padding: 12px; background: #3f4245; text-align: center; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; margin: 1px 10px 0 0; border: 3px solid #7c7f82; border-radius: 5px; background: #3f4245 url("/aspnet_client/ContensisThemes/simple/Forms/images/progress.gif") no-repeat 9px 9px; }

/* Set IE10/IE11 File Upload Input Background */
.sys_cms-form-body input[type="file"]::-ms-value { background: white; }
.sys_hiddenfield { display: none; }

/* Special addition for CTA bars */
.sys_theme-simple div.sys_cta-bar-primary { background: url('/_design/img/cta-bg-primary-noicon.png') no-repeat right top; } 
.sys_theme-simple div.sys_cta-bar-secondary { background: url('/_design/img/cta-bg-secondary-noicon.png') no-repeat right top; } 

/*== end of styling from simple theme forms stylesheet ==*/

/* styles for page rating form - individual colours set in each section stylesheet*/
.sys_rating-form-wrapper { position: relative; overflow: hidden; top: 29px; width: 812px; margin: auto; z-index: 20; }
.sys_rating-form { display: none; width: 50%; padding-top: 8px; background-color: #58595b; padding-left: 16px; padding-right: 24px; color: #fff; float: right; clear: both; }
.sys_rating-form-title { font-size: 1.1em; cursor: pointer; display: inline-block; height: 30px; line-height: 30px; font-family: 'Figtree', Arial, sans-serif; font-weight: bold; padding-left: 12px; padding-right: 12px; background-color: #58595b; color: #fff; }
.sys_rating-form-wrapper ul.sys_cms-form-body { padding: 0; }
.sys_rating-form-wrapper .sys_cms-form-body .sys_cms-form-item { padding-left: 8px; padding-right: 0; }
.sys_rating-form ul.sys_cms-form-body { margin-top: 6px; margin-bottom: 0; }
.sys_rating-form .sys_cms-form-body li .sys_legend, .sys_rating-form .sys_cms-form-body li label { color: #fff; }
.sys_rating-form ul.sys_cms-form-body li button { font-weight: bold; font-family: Arial,sans-serif; padding: 8px 12px; border: none; background-color: #fff; color: #58595b; font-size: 1em; }
.sys_rating-form .sys_cms-form-confirmation-content { padding-bottom: 8px; padding-top: 4px; }
.sys_rating-form .sys_cms-form-confirmation-content p { margin-bottom: 0; }
.sys_back-to-top a { z-index: 40; position: relative; }
.sys_back-to-top a:focus { outline: 1px dashed #fff; outline-offset: -2px; }

/* star styles */
.sys_star-rating { overflow: hidden; display: inline-block; font-size: 0; position: relative; }
.sys_star-rating .sys_fieldcontent { padding-top: 8px; margin-left: -8px; }
.sys_star-rating input { float: right; width: 16px; height: 16px; padding: 0; margin: 0 0 0 -16px; opacity: 0; }
.sys_rating-form .sys_cms-form-body li div.sys_legend, .sys_rating-form .sys_cms-form-body li label { font-size: 1.1em; }
.sys_star-rating:hover label:hover, .sys_star-rating:hover label:hover ~ label, .sys_star-rating input:checked ~ label, .sys_star-rating label.hovered, .sys_star-rating label.hovered-sel { background-position: 0 0 !important; }
.sys_star-rating label, .sys_star-rating:hover label { position: relative; float: left; display: block; width: 24px; height: 24px; background: url('/_design/img/ratings-star-24px.png') 0 -24px; }
.sys_star-rating span.sys_boxclearer { display: inline; clear: none; }
#page-body .sys_cms-form-control ul.sys_cms-form-body .sys_star-rating span label, #page-wrapper .sys_cms-form-control ul.sys_cms-form-body .sys_star-rating span label { padding: 0; color: transparent; }
.sys_cms-form-body .sys_star-rating span input { width: 4px; }
.sys_cms-form-body .sys_rating-link { float: right; width: 300px; padding-top: 4px; padding-bottom: 0; }
.sys_cms-form-body .sys_rating-link div { color: #fff; font-size: 1.1em; float: right; }
.sys_rating-link a { display: inline; color: #fff; text-decoration: underline; }
.sys_rating-form .sys_showinstructions .sys_cms-form-body .sys_cms-form-item { width: 100%; }
@media screen and (max-width:812px) {
	.sys_rating-form-wrapper { width: auto; max-width: 95%; margin-left: 10px; }
	.sys_rating-form { width: 90%; }
	.sys_rating-form .sys_cms-form-body textarea { width: 90%; }
  	.sys_cms-form-body .sys_rating-link { float: none; width: auto; max-width: 80%; }
}
@media screen and (max-width:590px) { 
	.sys_rating-form .sys_cms-form-body textarea.sys_small { width: 90%; }
    .sys_rating-form { width: auto; }
}
/* end of styles for page rating form */

/* styles for stats in coloured circles */
.sys_discstat { text-align: center; width: 85%; font-family: 'Figtree', Arial, sans-serif; font-weight: bold; font-size: 1.2em; margin: auto; }
.sys_discstat-inner { background-color: #0065bd; color: white; height: 150px; width: 150px; margin: auto; border-radius: 50%; text-align: center; display: table; font-size: 2.7em !important; margin-bottom: 12px; font-family: 'Gabarito', Arial, san-serif; font-weight: 600; }
.sys_discstat-inner span { display: table-cell; vertical-align: middle; }
.sys_discstat a, .sys_discstat a:visited { color: #da3949; border-bottom: 1px dashed #da3949; }
.sys_discstat a:hover { text-decoration: none; color: #006da4; border-bottom: 1px dashed #006da4; }
.sys_disc-small-text .sys_discstat-inner { font-size: 1.5em !important; }
@media screen and (max-width:767px) { 
	.sys_discstat { margin-bottom: 36px; }
}

/* new style heading for Choose Brighton */
.subheadcoloured, #page-body section h2.subheadcoloured, #page-body section h3.subheadcoloured, #page-body section h4.subheadcoloured, #page-body section h5.subheadcoloured, #page-body section h6.subheadcoloured { font-family: 'Figtree', Arial, sans-serif; font-weight: bold; color: #0065bd; font-size: 1.4em; margin-bottom: 6px; padding-top: 4px; line-height: 1.1em; }

/* highlight-box phone number links */
a.sys_phone-highlight { font-size: 2em; text-decoration: none; color: #000; line-height: 1em; border-bottom: none; }

/* stretch images to new column widths */
@media screen and (min-width:990px) {
	#page-body section [class*="sys_span"] img { width: 100%; }
	#page-body section [class*="sys_span"] .sys_map_key img { width: auto; }
	#page-body #prospectus_stack label img { width: auto; }
}

/* add focus style additional elements for accessibility */
.usabilla_live_button_container:focus, img[id^="C4A_btn"]:focus {
    outline: 1px solid #58c1d2;
    box-shadow: 0 0 3px 4px #58c1d2;
}
.leaflet-container:focus, .leaflet-touch .leaflet-bar a:focus, .leaflet-control-attribution a:focus, #VideoAudioPlayer:focus, .sys_360-tour-lightbox:focus {
    outline: 2px solid #58c1d2 !important;
}

.sys_cta-large-button a {
	margin: auto auto 18px auto;
	text-align: center;
	font-size: 2.3em;
	font-family: 'Gabarito', Arial, sans-serif;
	text-transform: uppercase;
	padding: 26px 40px;
	background: #da3949;
	color:#fff;
	display: table;
	max-width: 90%;
	line-height: 1.2em;
	border: 3px solid #da3949;
}

.sys_cta-large-button a:hover {
	background: #fff;
	color:#da3949;
}

/* new pop-up styling for slide-in from side */
/* university pop-ups */
.sys_site-pop-up {
	display: block;
	position: fixed; /* Stay in place */
	z-index: 2147484000; /* Sit on top of everything including Unibuddy */
	right: -500px;
	top: 18%;
	width: 500px;
	max-width: 100%;
	overflow: auto; /* Enable scroll if needed */
}
.sys_site-pop-up-inner {
	background-color: #fefefe;
	padding: 20px 40px 40px 40px;
	border: 1px solid #888;
	position: relative;
}
.sys_site-pop-up-inner h2 {
	font-size: 1.6rem;
	line-height: 2rem;
}
.sys_site-pop-up-inner p {
	font-size: 1.3rem;
	line-height: 1.8rem;
	margin: 24px 0 32px 0;
}
.sys_pop-up-button {
	display: block;
	margin: 22px auto 0 auto;
	color: #fff;
	background-color: #da3949;
	text-transform: uppercase;
	text-align: center;
	padding: 18px 23px;
	font-size: 1.2rem;
	line-height: 1.8rem;
	max-width: 50%;
}
.sys_pop-up-button:hover {
	text-decoration: underline;
	color: #fff;
}
.sys_close-pop-up {
	position: absolute;
	top: 20px;
	right: 20px;
	cursor: pointer;
}
@media screen and (max-width:700px) { 
	.sys_site-pop-up {
		max-width: 90%;
		top: 5%;
	}
	.sys_site-pop-up-inner h2 {
		font-size: 1.2rem;
		line-height: 1.5rem;
	}
	.sys_site-pop-up-inner p {
		font-size: 1.1rem;
		line-height: 1.4rem;
		margin: 24px 0 32px 0;
	}
	.sys_pop-up-button {
		font-size: 1rem;
		line-height: 1.2rem;
	}
}

/* highlight block panel */
.sys_highlight-block { 
	background: #da3949; 
	padding: 24px 50px 12px 50px;
	font-size: 1.4em;
	margin: auto;
	text-align: center;
	box-sizing: border-box;
	color: #fff;
}
#page-body section .sys_highlight-block h2, #page-body section .sys_highlight-block h3, #page-body section .sys_highlight-block  h4 {
	font-family: 'Gabarito', Arial, sans-serif;
	text-align: center;
	text-transform: uppercase;
	font-size: 1.4em; 
	color: #fff; 
}
#page-body section .sys_highlight-block p a { 
	padding: 2px 45px;
	font-size: 1.2em;
	margin-top: 12px;
	line-height: 1.9em;
	display: inline-block;
	background: #fff;
	text-transform: uppercase;
	border: none;
	font-family: 'Gabarito', Arial, sans-serif; border: 1px solid #fff; 
}
#page-body section .sys_highlight-block p a:hover, #page-body section .sys_highlight-block p a:active, #page-body section .sys_highlight-block p a:focus {
	background-color: #da3949;
	border: 1px solid #fff;
	color: #fff;
}
#page-body section .sys_highlight-block p a:focus  {
	outline: none; 
}
@media screen and (max-width:1100px) {
	#page-body section .sys_highlight-block p a {
		font-size: 1em;
		margin-top: 16px;
	}
}
@media screen and (max-width:767px) {
	#page-body section .sys_highlight-block {
	  	font-size: 1.2em;
	}
}

/* focus styling for Click4Assistance button */
img[id^=C4A]:focus {
    outline: 3px solid #c1001f;
    outline-offset: 2px;
}

/* styled numbered lists */
ol.num-list-circles, .num-list-circles {
  list-style: none;
  counter-reset: item;
  margin-left: 0;
}
ol.num-list-circles li {
  counter-increment: item;
  padding-bottom: 12px;
  position: relative;
  padding-left: 36px;
}
ol.num-list-circles li:before {
  margin-right: 10px;
  content: counter(item);
  background: #da3949;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  display: inline-block;
  position: absolute;
  top: 2px;
  left: 0;
  width: 26px;
  line-height: 26px;
}
@media screen and (min-width:767px) {
 .sys_span12 ol.num-list-circles {
   columns: 2;
   column-gap: 24px;
 }
 .sys_span12 .sys_section-content ol.num-list-circles {
	columns: 1;
 }
 .sys_span12 ol.num-list-circles li {
   break-inside: avoid;
 }
}
@media screen and (min-width:980px) {
 .sys_span12 ol.num-list-circles {
   columns: 3;
 }
 .sys_span12 .sys_section-content ol.num-list-circles {
	columns: 1;
 }
}
@media screen and (min-width:1100px) {
  .sys_span12 ol.num-list-circles li:before {
    line-height: 1.79rem;
    width: 1.79rem;
  }
}

/* stat cards - mobile first */
.sys_stat-cards {
	display: flex;
	flex-direction: column;
	gap: 16px;
	align-items: stretch;
	max-width: 400px;
	margin: auto;
}
.sys_stat-card {
	background: #fb76c8;
	border-radius: 16px;
	color: #000;
	padding: 25px 35px;
	text-align: center;
	box-sizing: border-box;
	font-size: 1rem;
}
#page-body section .sys_stat-card p:last-child {
	margin-bottom: 0;
}
.sys_stat-card strong {
	font-size: 2.8rem;
	text-transform: uppercase;
	font-weight: 900;
	display: block;
	margin-bottom: 16px;
	line-height: 3.6rem;
}
#page-body section .sys_stat-card p.stat-attr, .stat-attr {
	font-size: 0.9rem;
}
.sys_stat-card a, .sys_stat-card a:link, .sys_stat-card a:visited {
	color: #000;
	border-bottom-color: #000;
}
.sys_stat-card a:hover, .sys_stat-card a:active {
	border-bottom: 1px solid #000;
	color: #000;
}
.sys_stat-card a.CTA_link {
	display: inline-block;
	padding: 8px 18px;
	border: 1px solid #000;
	border-radius: 24px; 
}
.sys_stat-card a.CTA_link:hover {
	background: #000;
	color: #fb76c8;
}
.sys_stat-card a.CTA_link:focus {
	outline-offset: 3px;
}
.sys_stat-card ul {
	text-align: left;
	padding-left: 20px;
}
@media screen and (min-width:767px) {
	.sys_stat-cards {
		flex-direction: row;
		max-width: none;
		justify-content: center;
		margin-left: 16px;
		position: relative;
		margin-bottom: 26px;
	}
	.sys_stat-card {
		flex: 1 0 33%;
		font-size: 1.1rem;
		padding: 55px 45px;
	}
	.sys_stat-card:nth-child(2) {
		position: relative;
		top: 26px;
	}
	.sys_stat-card strong {
		font-size: 3.3rem;
		margin-bottom: 26px;
	}
}

/* featured content carousel */
.sys_featured-content-carousel-container { margin-top: 5px; width: 100%; overflow: hidden; box-sizing: border-box; }
.sys_featured-content-carousel-container div { box-sizing: border-box; }
.sys_row:first-child .sys_featured-content-carousel-container { margin-top: 10px; }
.sys_featured-content-carousel-item { display: none; }
.sys_featured-content-carousel-item:first-child { display: block; }
.sys_featured-content-carousel-container .sys_carousel-text, .sys_featured-content-carousel-container .sys_carousel-img { width: 50%; height: 309px; }
.sys_featured-content-carousel-container .sys_carousel-img { float: right; }
.sys_featured-content-carousel-container .sys_carousel-img img { width: 100%; max-width: 100%; height: 309px; }
.sys_featured-content-carousel-container .sys_carousel-text { background: #323e48; float: left; padding: 36px 48px; color: #fff; }
.sys_featured-content-carousel-container .sys_carousel-text h2, .sys_featured-content-carousel-container .sys_carousel-text h3 { font-family: 'Figtree', Arial, sans-serif; font-weight: bold; font-size: 2em; text-transform: none; margin-bottom: 20px; color: #fff; }
#page-body section .sys_featured-content-carousel-container .sys_carousel-text p, #page-body section .sys_featured-content-carousel-container .sys_carousel-text p:first-child { font-size: 1.1rem !important; color: #fff; line-height: 1.79rem; font-weight: normal;}
#page-body section .sys_featured-content-carousel-container .sys_carousel-text p a:link, #page-body section .sys_featured-content-carousel-container .sys_carousel-text p a:visited  { color: #fff; border-bottom-color: #fff; }
#page-body section .sys_featured-content-carousel-container .sys_carousel-text p a:hover { border-bottom-style: solid; color: #fff; }
#page-body section .sys_featured-content-carousel-container .sys_carousel-text p a:focus { outline: 2px dotted #fff; }
.sys_featured-content-carousel-container .sys_carousel-text a.cta-button { display: inline-block; color: #fff; border-color: #fff; padding: 2px 16px; text-transform: uppercase; line-height: 42px; border: 1px solid #fff; text-align: center; color: #fff; font-family: 'Gabarito', Arial, sans-serif; font-size: 0.9em; margin-top: 9px;}
#page-body section .sys_featured-content-carousel-container .sys_carousel-text a.cta-button:hover, #page-body section .sys_featured-content-carousel-container .sys_carousel-text a.cta-button:focus { color: #333; background: #fff; }
.sys_featured-content-carousel-container .slick-dots { width: auto; background: #fff; height: 35px; position: static; }
.sys_featured-content-carousel-container .slick-dots li button { color: #000; }
.sys_featured-content-carousel-container .slick-dots li.slick-active button::before { opacity: 1; color: #000; }
.sys_featured-content-carousel-container .slick-dots li button::before { opacity: .35; color: #000; }

@media screen and (max-width:1279px) {
	.sys_featured-content-carousel-container .sys_carousel-text { padding: 36px 42px; }
	.sys_featured-content-carousel-container .sys_carousel-text h2 { font-size: 1.9em; margin-bottom: 14px; }
	.sys_featured-content-carousel-container .sys_carousel-text p { font-size: 1.05em; }
	.sys_featured-content-carousel-container .sys_carousel-text a.cta-button { margin-top: 5px; font-size: 1em; padding: 1px 15px; line-height: 40px; }
}
@media screen and (max-width:1100px) {
	.sys_featured-content-carousel-container .sys_carousel-text, .sys_featured-content-carousel-container .sys_carousel-img { height: 278px; }
	.sys_featured-content-carousel-container .sys_carousel-img img { max-width: 100%; max-height: 100%; }
}
@media screen and (max-width:990px) {
	.sys_featured-content-carousel-container { width: 550px; max-width: 100%; margin-left: auto; margin-right: auto;} 
	.sys_row:first-child .sys_featured-content-carousel-container { margin-top: 0; }
	.sys_featured-content-carousel-container .sys_carousel-text, .sys_featured-content-carousel-container .sys_carousel-img { width: 100%; }
	.sys_featured-content-carousel-container .sys_carousel-text { height: auto; text-align: center; padding: 26px 42px 12px 42px; }
	.sys_featured-content-carousel-container .sys_carousel-img { height: 309px; }
	.sys_featured-content-carousel-container .sys_carousel-text { background: #fff; }
	#page-body section .sys_featured-content-carousel-container .sys_carousel-text h2, #page-body section .sys_featured-content-carousel-container .sys_carousel-text h3 { color: #333; }
	#page-body section .sys_featured-content-carousel-container .sys_carousel-text p { color: #333; }
	#page-body section .sys_featured-content-carousel-container .sys_carousel-text p a:link, #page-body section .sys_featured-content-carousel-container .sys_carousel-text p a:visited  { color: #da3949; border-bottom-color: #da3949; }
#page-body section .sys_featured-content-carousel-container .sys_carousel-text p a:hover { border-bottom: 1px dashed #006da4; color: #006da4; }
#page-body section .sys_featured-content-carousel-container .sys_carousel-text p a:focus { outline: 2px dotted #da3949; }
	#page-body section .sys_featured-content-carousel-container .sys_carousel-text a.cta-button { border-width: 2px; }
	#page-body section .sys_featured-content-carousel-container .sys_carousel-text a.cta-button:link, #page-body section .sys_featured-content-carousel-container .sys_carousel-text a.cta-button:visited { color: #333; border-color: #da3949; }
	#page-body section .sys_featured-content-carousel-container .sys_carousel-text a.cta-button:hover, #page-body section .sys_featured-content-carousel-container a.cta-button:focus { color: #fff; background: #da3949; }
}
@media screen and (max-width:767px) {
	.sys_featured-content-carousel-container .sys_carousel-text a.cta-button { height: auto; }
}
@media screen and (max-width:480px) {
	.sys_featured-content-carousel-container .sys_carousel-text { padding: 15px 30px; }
	.sys_featured-content-carousel-container .sys_carousel-img { max-width: 100%; height: auto; }
	.sys_featured-content-carousel-container .sys_carousel-img img { height: auto; }
}
@media screen and (max-width:360px) {
	.sys_featured-content-carousel-container .sys_carousel-text { padding: 15px 20px; }
}