@charset "utf-8";
/* CSS Document 

* {
 line-height: 1.5 !important;
 letter-spacing: 0.12em !important;
 word-spacing: 0.16em !important;
}

p{
 margin-bottom: 2em !important;
}*/

#supercontainer { position: relative; padding: 0; margin: 0; height: 100%; }
#adminbar {
	height: 44px;
	width: 100%;
	padding: 5px 180px 5px 180px;
	background: #586875 url(/images/cakepresstiny.jpg) no-repeat 15px center;
	border-bottom: 1px solid #D5D8C2;
	z-index: 999;
	position:fixed;
	color: #ffffff;
	top:0;
}

#adminbar h1 {
	font-family: 'myriad-pro';
	font-size: 170%;
	float: left;
	color: #ffffff;
	margin: 0;
	padding: 2px 0 0 0;
}
@media (max-width: 520px){
#adminbar h1{ display: none;}
}

#adminbar a {
	color: #ffffff;
	text-decoration: underline;
}
#adminbar a{ text-decoration: none;}
#adminbar p.page{
	width: 200px;
	margin: 0 auto 0 auto;
	text-align: center;
	border: 2px dashed #FFF;
}
#adminbar p.page a{ display: inline-block; width:100%; height:100%; padding: 4px 0px 4px 0px; background: #8797A5;}
#adminbar p.page a:hover{
	background: #517A80;
}
#adminbar p.logout{ position: absolute; top:3px; right:10px; background:url(/images/icon-exit.png) no-repeat left center; padding:7px 10px 10px 40px;}


@media (max-width: 880px){
#adminbar .name{ display: none;}
}
@font-face {
    font-family: 'opensans';
    src: url('fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('fonts/opensans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
  font-family: 'Gotham';
  src: url('fonts/Gotham-Book.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Gotham';
  src: url('fonts/Gotham-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Gotham';
  src: url('fonts/Gotham-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Gotham';
  src: url('fonts/Gotham-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Gotham';
  src: url('fonts/Gotham-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Gotham';
  src: url('fonts/Gotham-Thin.woff') format('woff');
  font-weight: 100;
  font-style: normal;
  font-display: auto;
}


html { height: 100%; }

.table     { display: table; }
.tablerow  { display: table-row; }
.tablecell { display: table-cell; }
.invisible { position: absolute; width:0; height:0; overflow: hidden; }

* { margin: 0; padding: 0; box-sizing: border-box;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; }

img { border: none; }

*:not{.featuredimage} + h2, h3, h5, h6 { font-weight: normal; clear: both; }
h1, h2, h3, h5, h6 { font-weight: normal;  }

table { border-collapse: collapse; }

article, aside, figure, figcaption, footer, header, hgroup, nav, section, summary { display: block; }

.clearfix:before,
.clearfix:after {
    content: " "; 
    display: table;
}
.clearfix:after {
    clear: both;
}

.clear{ clear: both;}


body{ font-family: "Gotham"; 
	overflow-x: hidden;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
	text-rendering: optimizeLegibility;
	line-height: 150%;
	color:#47494B;
	
}

#topcookie {
	padding: 10px 20px;
	color: #ffffff;
	text-align: center;
	background-color: #3C6E71;
	font-size:80%;
	margin-bottom:20px;
}

#topcookie a {
	color: #ffffff;
}

#topcookie a:hover {
	color: #ffffff;
	text-decoration: none;
}



#heroimage{ height:25vw;  position:relative; min-height:200px; position:relative;

}
#heroimage h1{  color: #fff; font-weight:900; font-size:6vw; position: absolute; left:45%; top:45%; line-height:6vw; margin-top:-5%;}
#heroimage h1 span{ font-weight:500; font-size:4vw;}
#herogradient{ 
	background: rgb(28,133,139);
	background: linear-gradient(90deg, rgba(28,133,139,1) 0%, rgba(67,109,148,1) 41%, rgba(115,80,160,1) 100%);
}

.index #heroimage{ height:35vw;  position:relative; min-height:110px;}
p.hometext{ display: none;}
#heroimage p.hometext{ display: block;}
.index #heroimage span{ background:#7c439a; padding:10px 20px 15px 20px; font-size:44px; line-height: 47px; color: #fff; position:absolute; right: 50px; bottom:50px; text-align: right; max-width: 550px;}
#heroimage span:first-child{ bottom:110px;}

@media (max-width: 1300px){
	.index #heroimage span{font-size:35px; line-height: 37px; padding:7px 17px 12px 17px; }
	#heroimage span{ font-size:35px; line-height: 37px; padding:7px 17px 12px 17px;}
	.index #heroimage{ height:35vw;}
	#heroimage span:first-child{ bottom:100px;}
}

@media (max-width: 900px){
	.index #heroimage span, #heroimage span{font-size:25px; line-height: 27px; padding:5px 15px 10px 15px;}
	#heroimage span:first-child{ bottom:90px;}
}
@media (max-width: 777px){
	.index #heroimage span{bottom:25px; right: 25px;}
	#heroimage span:first-child{ bottom:60px;}
}
@media (max-width: 500px){
	.index #heroimage{ margin-bottom: 80px;}
	.index #heroimage span, #heroimage span{font-size:20px; line-height: 19px; padding:5px 10px 7px 10px;}
	.index #heroimage span{bottom:-40px; right: 15px;}
	#heroimage span:first-child{ bottom:-13px;}

}
/*@media (max-width: 900px){
	p.hometext{ display: block; font-size: 35px; text-align:center; padding:50px 20px 0 20px; font-weight: bold; line-height:50px; color: #7c439a}
	#heroimage p.hometext span{ display: none;} 
	p.hometext span{ display:inline-block; }
}*/

@media (max-width: 900px){	p.hometext{ font-size: 30px; line-height:45px;}}
@media (max-width: 750px){	p.hometext{ font-size: 25px; line-height:32px;  }}


#topnav{
	background: rgb(28,133,139);
	background: linear-gradient(90deg, rgba(28,133,139,1) 0%, rgba(67,109,148,1) 41%, rgba(115,80,160,1) 100%);
	height:144px; 
	padding:40px 0;
	position:relative;
	-webkit-box-shadow: 6px 7px 35px -16px rgba(0,0,0,0.45);
	-moz-box-shadow: 6px 7px 35px -16px rgba(0,0,0,0.45);
	box-shadow: 6px 7px 35px -16px rgba(0,0,0,0.45);
}

#topnav .logo{ width:200px; position:absolute; left:50px; top: 25px;}
#topnav .logo img{ max-width: 80%; height:auto !important; display: inline-block;}
#topnav .logo a {display: block; height:auto;}
#topnav .search{ width:50px; position:absolute; right:50px; top: 56px;}
#topnav .search a{width:40px; height:40px; display: inline-block;}
#topnav .search a:focus{ border: 2px solid #fff; }

@media (max-width: 1300px){

#topnav .search{ width:50px; position:absolute; right:50px; top: 43px;}
}


#respnav-button {
	display: none;
}

#respnav-button a{ 
	color:#FFF; 
	text-decoration: none; 
	display:block; 
	width:100%; 
	height:100%;
	background: url(/userfiles/images/icon_burger.svg) no-repeat right center;
	padding: 10px;
}
#respnav-button a span{ position:absolute; width:0; height:0; overflow: hidden;}
#navonecontainer{ display:block;}

#navonecontainer ul{ width:calc(100% - 250px); display:table; max-width:1050px; margin: 7px auto 0 auto; padding:0 0 0 100px;}
#navonecontainer li{ width:15%; display:inline-block; text-align:center; display: table-cell; transition: all 0.5s; height:100px;  position:relative; vertical-align:top;}
#navonecontainer a{ color: #fff; text-decoration: none; font-weight:500; height:100%; display: inline-block;}
#navonecontainer a:hover, #navonecontainer a:focus{ text-decoration: underline; }
#navonecontainer ul > li:hover > ul{ display:block;}
#navonecontainer ul ul{ display: none; position:absolute; left:-40px; top:90px; background:#47494B; z-index:1000; width:250px; padding: 0; 	-webkit-box-shadow: 6px 7px 35px -16px rgba(0,0,0,0.45);
	-moz-box-shadow: 6px 7px 35px -16px rgba(0,0,0,0.45);
	box-shadow: 6px 7px 35px -16px rgba(0,0,0,0.45);}
#navonecontainer ul ul li{width:100%; text-align:left; display:block; height: auto;}
#navonecontainer ul ul li a{ display:block; padding:20px; border-bottom: #fff 1px solid; font-weight: 400;}
#navonecontainer ul ul li:last-of-type a{border-bottom: none;}
#navonecontainer ul ul li a:hover{ text-decoration:none; background: #18818A;}
#navonecontainer ul ul li:nth-of-type(6n+2) a:hover{background: #367591;}
#navonecontainer ul ul li:nth-of-type(6n+3) a:hover{background: #326697;}
#navonecontainer ul ul li:nth-of-type(6n+4) a:hover{background: #556399;}
#navonecontainer ul ul li:nth-of-type(6n+5) a:hover{background: #65589C;}
#navonecontainer ul ul li:nth-of-type(6n+6) a:hover{background: #6F529F;}
#navonecontainer-responsive{ display: none;}

@media (max-width: 1300px){
	#navonecontainer{ display: none;}
	#navonecontainer-responsive{ position: absolute; width:350px; background:#47494B; left:0; z-index:1000; top: 119px; }
	#navonecontainer-responsive ul{ 
	display:table; width: 100%; padding: 0 50px 0 50px; margin:0;}
	#navonecontainer-responsive ul ul{ display: none; position: absolute; width:0; height:0; overflow: hidden;}
	#navonecontainer-responsive li{
		transition: all 0.5s; position:relative; vertical-align:top;
		 width:100%; text-align:left; display:block; height:auto;}
	#navonecontainer-responsive a{ 
	color: #fff; text-decoration: none; font-weight:500; height:100%; 
	display:block; padding:15px; border-bottom: #fff 1px solid;}
	#navonecontainer-responsive a:hover{ text-decoration: none; background: #18818A;}
	#navonecontainer-responsive a:focus{ text-decoration: underline;}
	#navonecontainer-responsive li:nth-of-type(6n+2) a:hover{background: #367591;}
	#navonecontainer-responsive li:nth-of-type(6n+3) a:hover{background: #326697;}
	#navonecontainer-responsive li:nth-of-type(6n+4) a:hover{background: #556399;}
	#navonecontainer-responsive li:nth-of-type(6n+5) a:hover{background: #65589C;}
	#navonecontainer-responsive li:nth-of-type(6n+6) a:hover{background: #6F529F;}
	#navonecontainer-responsive li:last-of-type a{ border-bottom: none;}
	#respnav-button { position:absolute; left:50px; top:35px; height:50px; width:50px; display:block;}
	#topnav .logo{ width:200px; position:relative; margin: -37px auto 0 auto; }	
}


@media (max-width: 1300px){
	#topnav{height:120px;}
	#topnav .logo{ width:150px; position:absolute; left:50px; top: 20px;}
	#topnav .logo{ width:200px; position:relative; margin: -50px auto 0 auto; }	
}

@media (max-width: 650px){
	#respnav-button { position:absolute; left:20px; height:50px; width:50px; display:block;}
	#topnav .search{ width:50px; position:absolute; right:20px;}
	#topnav .logo{  left: 20px;}
}

.floatleft{ float:left; }

.imagecol{
	float: left;
	width:30%;
	margin-top:10px;
}
.imagecol img{ max-width: 100%;}
.textcol{
	float: left;
	width:55%;
	margin: 0 0 0 10%;
}


#intro{ margin:80px 0 40px 0;}
@media (max-width: 850px){
.imagecol{
	float: none;
	width:100%;
	margin:10px 0 50px 0;
	text-align:center;
}
@media (max-width:500px){
	.imagecol{
	display: none;
	}
}
.textcol{
	float: none;
	width:100%;
	margin: 0;
}
#intro{ margin:40px 0 40px 0;}
}
#intro p { margin: 0 0 40px 0; font-size:26px; line-height: 38px;}
.container { width:1200px; margin: 0 auto;}
@media (max-width: 1300px){
	.container { width:100%; padding:0 4.5%;}
}

#introlist{ background:#18818A; color: #fff; padding:80px 0;}
#introlist p { margin: 0 0 40px 0; text-align: center;}
#introlist h2 { margin: 0 0 60px 0; text-align: center;}
#introlist ol {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
	column-gap:10%;
	counter-reset: list-counter;
}
#introlist li{ font-size:18px; margin: 0 0 2em 0; list-style-type: none; position: relative; padding:0 0 0 4em;}
#introlist li:last-of-type{margin: 0 0 0 0;}
#introlist ol li:before {
    margin: 0 20px 10px 0;
    content: counter(list-counter, decimal-leading-zero);
    counter-increment: list-counter;
    font-size: 2.2em;
	display:inline-block;
	position:absolute;
	top: 10px;
	left:0;
}
@media (max-width: 750px){
	#introlist{padding:40px 0 60px 0;}
	#introlist ol {
    columns: 1;
	}
}

#content {margin:60px 0 60px 0;}
@media (max-width: 870px){
	#content{margin:60px 0 40px 0;}
}
#content h1{ font-size: 55px; line-height: 80px; text-align: center;}
@media (max-width: 750px){
	#content h1{ font-size: 40px; line-height: 60px;}
}
#content img, #supportpanel img{ max-width:100%;}
#content p, #content ul, #content ol{ margin: 0 0 40px 0; font-size:16px; line-height: 28px;}
#content ul, #content ol { margin:  0 0 40px 40px;}
#content p.centre{margin: 0 0 60px 0;}
#navcontent{ background: #EDEEED; padding:80px 0 20px;}
.navcontent { float:left; width: 25%; margin: 0 12.5% 60px 0; text-align:center;}
.navcontent:nth-of-type(3n+3) { margin: 0 0 60px 0;}
.navcontent:nth-of-type(3n+1){ clear: left;}
@media (max-width: 800px){
	.navcontent { float:left; width: 44%; margin: 0 12% 50px 0; text-align:center;}
	.navcontent:nth-of-type(3n+3) { margin:0 12% 50px 0;}
	.navcontent:nth-of-type(2n+2) { margin:0 0 50px 0;}
	.navcontent:nth-of-type(3n+1){ clear: none;}
	.navcontent:nth-of-type(2n+1){ clear: left;}
}
@media (max-width: 500px){
	.navcontent { float:none; width: 100%; margin: 0 0 30px 0; text-align:left;}
	.navcontent:nth-of-type(3n+3) { margin:0 0 30px 0;}
	.navcontent:nth-of-type(2n+2) { margin:0 0 30px 0;}
	.navcontent:nth-of-type(2n+1){ clear: none;}
}



.navcontent a{ font-size:27px; color:#47494B; text-decoration: none; transition:all 0.5s; font-weight: 500;}
@media (max-width: 950px){
	.navcontent a{ font-size:24px; font-weight: 500;}
}
@media (max-width: 500px){
	.navcontent a{ font-size:20px; font-weight: 500;}
}



.navcontent span{ width: 100%; padding-top:100%; display:block; background:#18818A; border-radius: 50%; margin-bottom:20px; transition:all 0.5s; }
@media (max-width: 500px){
	.navcontent span{ width: 100px; padding-top:100px; float:left; margin-right: 30px; margin-top: -25px; background-size: 50px 50px !important;}
}
.navcontent:nth-of-type(6n+1) span{ background:#6F529F;}
.navcontent:nth-of-type(6n+2) span{ background:#326697;}
.navcontent:nth-of-type(6n+3) span{ background:#65589C;}
.navcontent:nth-of-type(6n+4) span{ background:#367591;}
.navcontent:nth-of-type(6n+5) span{ background:#556399;}
.navcontent:nth-of-type(6n+6) span{ background:#18818A;}
.navcontent a:hover span{ background: #47494B;}

#contactpanel{ background: #47494B; padding:80px 0 40px 0; color: #fff; text-align:center;}
#contactpanel p{ margin: 0 0 40px 0;}
#contactpanel a{ width:270px; display:block; margin: 0 auto 0 auto; padding:20px; border: 3px solid #fff; color: #fff; text-decoration: none; text-transform: uppercase; transition:all 0.5s; border-radius: 4px;}
#contactpanel a:hover{ background: #6F529F;}
#supportpanel{ text-align:center; padding:80px 0 40px 0; }
#supportpanel p{font-size:26px; margin:0 0 40px 0;}
#supportpanel p.smalllogos img{
	-webkit-filter: saturate(100%);
    filter: saturate(100%);
	margin: 0 20px;
	width:150px !important;
	height: 100px !important;
}
#supportpanel p.smalllogos img:hover{
	-webkit-filter: saturate(0%);
    filter: saturate(0%);
}
footer{ background:#1F1F1F; color: #fff; padding:60px 0;}
footer a{ color: #fff; text-decoration: none; transition: all 0.5s; }



footer a:hover, footer a:focus{ text-decoration: underline;}
footer a span{ position:absolute; width:0; height:0; overflow:hidden;}
footer li{ list-style-type: none; line-height:200%;}
footer #footercol2 li{ display: inline-block;}
footer #footercol2 a{  display:inline-block; width:50px; height:50px; border:2px solid #fff; text-align:center; border-radius:5px; transition: all 0.5s; margin:0 0 0 10px;}
footer a.sm_twitter{ background:url(/userfiles/images/icon_tw.svg) no-repeat center center;}
footer a.sm_linkedin{ background:url(/userfiles/images/icon_li.svg) no-repeat center center;}
footer a.sm_email{ background:url(/userfiles/images/icon_em.svg) no-repeat center center;}

footer a.sm_twitter:hover, footer a.sm_twitter:focus{ background: #326697 url(/userfiles/images/icon_tw.svg) no-repeat center center;}
footer a.sm_linkedin:hover, footer a.sm_linkedin:focus{ background: #18818A url(/userfiles/images/icon_li.svg) no-repeat center center;}
footer a.sm_email:hover, footer a.sm_email:focus{ background: #367591 url(/userfiles/images/icon_em.svg) no-repeat center center;}


footer ul{ margin:40px 0 0 0;}
#footercol1{ width:50%; float:left;}
#footercol2{ width:50%; float:left; text-align:right;}
@media (max-width: 800px){
#footercol1{ width:100%; float:none; text-align:center;}
#footercol2{ width:100%; float:none; text-align:center;}
}
.imageright{ float: right; margin: 0 0 40px 100px;}
.centre{ text-align:center;}


#maincontent{ background: #EDEEED; padding:80px 0 20px;}
@media (max-width: 870px){
	#maincontent{ background: #EDEEED; padding:40px 0 40px;}
}
#maincontent.hidemaincontent{padding:0;}
#maincontent.hidemaincontent .container{ height:0 !important;}
.searchresults #maincontent.hidemaincontent, .Sitemap #maincontent.hidemaincontent{padding:80px 0 20px;}
.searchresults #maincontent.hidemaincontent .container, .Sitemap #maincontent.hidemaincontent .container{ height: auto !important;}
.toplevel #maincontent, .centerednowidget #maincontent{ background: #fff; padding:0 0 20px;}
#maincontent p { font-size:18px; line-height:27px; margin-bottom:30px; clear:both;}

#maincontent main ol, #maincontent main ul{ margin:0 0 30px 0px;}
#maincontent main ol ol, #maincontent main ul ul, #maincontent main ol ul, #maincontent main ul ol{ margin:30px 0 30px 0px;}
#maincontent main li { font-size:18px; line-height:27px; margin-bottom:10px;}
#maincontent main ol li{ list-style-type: none; padding:0 0 0 25px;}
#maincontent main ol, #maincontent ol.searchresultslist {
	counter-reset: list-counter;
}
#maincontent main > ol li, #maincontent ol.searchresultslist li { font-size:18px; margin: 0 0 2em 0; list-style-type: none; position: relative; padding:0 0 0 4em;}
#maincontent main > ol li:before, #maincontent ol.searchresultslist li:before {
    margin: 0 20px 10px 0;
    content: counter(list-counter, decimal-leading-zero);
    counter-increment: list-counter;
    font-size: 2.2em;
	display:inline-block;
	position:absolute;
	top: 10px;
	left:0;
}

#maincontent ol.searchresultslist li:before {
    margin: 0 20px 10px 0;
    content: counter(list-counter, decimal);
    counter-increment: list-counter;
    font-size: 2.2em;
	display:inline-block;
	position:absolute;
	top: 10px;
	left:0;
}
#maincontent ol.searchresultslist a{ text-decoration: none;}
#maincontent main .moreinfo-container ol {
	counter-reset: list-counter;
}
#maincontent main .moreinfo-container ol li:before {
    margin: 0 10px 10px 0;
    content: counter(list-counter, decimal-leading-zero);
    counter-increment: list-counter;
    font-size: 1.5em;
	display:inline-block;
	position:absolute;
	top: 0px;
	left:0;
}
#maincontent main .moreinfo-container ol li{font-size:16px; margin: 0 0 1.2em 0; list-style-type: none; position: relative; padding:0 0 0 2.5em;}

#maincontent main ul li{ list-style-type: none; padding:0 0 0 2em; position:relative;}
#maincontent main ul li:before{ content: ""; display: inline-block; position: absolute; width:20px; height:20px; background: #18818A; border-radius: 50%; left:0; top: 5px;}
#maincontent main ul li:nth-of-type(10n+2):before{background: #367591;}
#maincontent main ul li:nth-of-type(10n+3):before{background: #326697;}
#maincontent main ul li:nth-of-type(10n+4):before{background: #556399;}
#maincontent main ul li:nth-of-type(10n+5):before{background: #65589C;}
#maincontent main ul li:nth-of-type(10n+6):before{background: #6F529F;}
#maincontent main ul li:nth-of-type(10n+7):before{background: #65589C;}
#maincontent main ul li:nth-of-type(10n+8):before{background: #556399;}
#maincontent main ul li:nth-of-type(10n+9):before{background: #326697;}
#maincontent main ul li:nth-of-type(10n+10):before{background: #367591;}

#maincontent main h2{ color:#326697; font-size:30px; font-weight: normal; margin:60px 0 30px 0; line-height:45px;}
#maincontent main h3{ color:#333; font-size:18px; font-weight: bold; margin:30px 0 10px 0; line-height:27px;}
#maincontent main h2:first-child, #maincontent aside h2:first-child {margin:0 0 15px 0}
#maincontent a, #tracksharemodal a{ color:#326697; }
#maincontent a:hover, #tracksharemodal a:hover{ color:#6F529F; text-decoration: none; }
#maincontent a:visited, #tracksharemodal a:visited{ color:#6F529F; }
#maincontent main a:focus, #tracksharemodal a:focus{ background: #6F529F; color:#fff; text-decoration: none; }
#maincontent blockquote{ background: #fff url(/userfiles/images/icon_quote.png) no-repeat top left; padding:30px 30px 1px 60px; margin:0 0 30px 0; border-radius:5px;
-webkit-box-shadow: 6px 7px 35px -16px rgba(0,0,0,0.45);
-moz-box-shadow: 6px 7px 35px -16px rgba(0,0,0,0.45);
box-shadow: 6px 7px 35px -16px rgba(0,0,0,0.45);
clear:both;
}
main{ width:63%; float:left;}
@media (max-width: 870px){
	main{ width:100%; padding: 0 4.5%; float: none;}
}
.toplevel main, .centerednowidget main { width:750px; float:none; margin:0 auto;}
@media (max-width: 870px){
	.toplevel main, .centerednowidget main { width:100%; padding:4.5%;}
}

.toplevel aside, .centerednowidget aside { display: none;}


main img{ max-width: 100% !important; height: auto !important;}

#maincontent main .moreinfo-block:last-of-type{ margin-bottom:30px;}
#maincontent main .moreinfo-block h2, #maincontent .moreinfo-block h3{
	background:#47494B;
	margin: 0 0 10px 0;
	font-size:16px;
	border-left: 20px solid #18818A;
	transition:all 0.5s;
	font-weight: normal;
	line-height:24px;
}
.moreinfo-container{ padding:20px 0 0 0;}
#maincontent .moreinfo-block:nth-of-type(10n+2) h2, #maincontent .moreinfo-block:nth-of-type(10n+2) h3{border-left: 20px solid #367591;}
#maincontent .moreinfo-block:nth-of-type(10n+3) h2, #maincontent .moreinfo-block:nth-of-type(10n+3) h3{border-left: 20px solid #326697;}
#maincontent .moreinfo-block:nth-of-type(10n+4) h2, #maincontent .moreinfo-block:nth-of-type(10n+4) h3{border-left: 20px solid #556399;}
#maincontent .moreinfo-block:nth-of-type(10n+5) h2, #maincontent .moreinfo-block:nth-of-type(10n+5) h3{border-left: 20px solid #65589C;}
#maincontent .moreinfo-block:nth-of-type(10n+6) h2, #maincontent .moreinfo-block:nth-of-type(10n+6) h3{border-left: 20px solid #6F529F;}
#maincontent .moreinfo-block:nth-of-type(10n+7) h2, #maincontent .moreinfo-block:nth-of-type(10n+7) h3{border-left: 20px solid #65589C;}
#maincontent .moreinfo-block:nth-of-type(10n+8) h2, #maincontent .moreinfo-block:nth-of-type(10n+8) h3{border-left: 20px solid #556399;}
#maincontent .moreinfo-block:nth-of-type(10n+9) h2, #maincontent .moreinfo-block:nth-of-type(10n+9) h3{border-left: 20px solid #326697;}
#maincontent .moreinfo-block:nth-of-type(10n+10) h2, #maincontent .moreinfo-block:nth-of-type(10n+10) h3{border-left: 20px solid #367591;}


#maincontent .moreinfo-block:nth-of-type(10n+1) h2:hover, #maincontent .moreinfo-block:nth-of-type(10n+1) h3:hover{background: #18818A;}
#maincontent .moreinfo-block:nth-of-type(10n+2) h2:hover, #maincontent .moreinfo-block:nth-of-type(10n+2) h3:hover{background: #367591;}
#maincontent .moreinfo-block:nth-of-type(10n+3) h2:hover, #maincontent .moreinfo-block:nth-of-type(10n+3) h3:hover{background: #326697;}
#maincontent .moreinfo-block:nth-of-type(10n+4) h2:hover, #maincontent .moreinfo-block:nth-of-type(10n+4) h3:hover{background: #556399;}
#maincontent .moreinfo-block:nth-of-type(10n+5) h2:hover, #maincontent .moreinfo-block:nth-of-type(10n+5) h3:hover{background: #65589C;}
#maincontent .moreinfo-block:nth-of-type(10n+6) h2:hover, #maincontent .moreinfo-block:nth-of-type(10n+6) h3:hover{background: #6F529F;}
#maincontent .moreinfo-block:nth-of-type(10n+7) h2:hover, #maincontent .moreinfo-block:nth-of-type(10n+7) h3:hover{background: #556399;}
#maincontent .moreinfo-block:nth-of-type(10n+8) h2:hover, #maincontent .moreinfo-block:nth-of-type(10n+8) h3:hover{background: #556399;}
#maincontent .moreinfo-block:nth-of-type(10n+9) h2:hover, #maincontent .moreinfo-block:nth-of-type(10n+9) h3:hover{background: #326697;}
#maincontent .moreinfo-block:nth-of-type(10n+10) h2:hover, #maincontent .moreinfo-block:nth-of-type(10n+10) h3:hover{background: #367591;}

#maincontent .moreinfo-block h2:focus, #maincontent .moreinfo-block h3:focus, #maincontent .moreinfo-block h2 a:focus, #maincontent .moreinfo-block h3 a:focus{background: #000;}

#maincontent main .moreinfo-block .moreinfo-container h2, #maincontent .moreinfo-block .moreinfo-container h3{
	background: none;
	color: #47494B;
	font-size:18px;
	margin: 0 0 20px 0;
	border: none;
}
#maincontent main .moreinfo-block .moreinfo-container h2:hover, #maincontent .moreinfo-block .moreinfo-container h3:hover{ background: none;}

#maincontent .moreinfo-block h2 a, #maincontent .moreinfo-block h3 a{
	color: #fff;
	 text-decoration: none;
	 display:block;
	 width:100%;
	 height:100%;
	 padding:10px;
	 transition:all 0.5s;
	 position:relative;
	 padding-right:50px;
	 transition: all 0.5s;
	 
}


#maincontent .moreinfo-block h2 a::after, #maincontent .moreinfo-block h3 a::after {
    content: url(/userfiles/images/icon_arrow_accord.png);
    -moz-transition: 0.5s all;
    -webkit-transition: 0.5s all;
    transition: 0.5s all;
    -webkit-transform-origin: 50% 45%;
    -moz-transform-origin: 50% 45%;
    transform-origin: 50% 45%;
	position:absolute;
	right:12px;
	top:12px;
}
#maincontent .moreinfo-block h2 a:hover::after, #maincontent .moreinfo-block h3 a:hover::after {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}

#maincontent .moreinfo-container p, #maincontent .moreinfo-container li { font-size:16px;}

#maincontent table{ 
font-size:16px; background: #fff; margin: 0 0 30px 0;  
-webkit-box-shadow: 6px 7px 35px -16px rgba(0,0,0,0.45);
-moz-box-shadow: 6px 7px 35px -16px rgba(0,0,0,0.45);
box-shadow: 6px 7px 35px -16px rgba(0,0,0,0.45);
 width:100%;
 max-width: 100%;
 }


#maincontent table p{ font-size:16px;}
#maincontent table th{ color: #fff; padding: 20px; text-align:left; vertical-align:top;  font-weight:500; }
#maincontent table td{  padding: 20px; text-align:left;  vertical-align:top;}
#maincontent table td h3{ margin:0;  font-size:16px;}
#maincontent table td:first-of-type{border-left: none;}
#maincontent table tr:nth-of-type(odd){
	background-color: #DEE0DE;
}
#maincontent table thead tr:nth-of-type(n+1){background: rgb(28,133,139);
    /*background: linear-gradient(90deg, rgba(28,133,139,1) 0%, rgba(67,109,148,1) 41%, rgba(115,80,160,1) 100%);*/}

@media (max-width: 500px){
	#maincontent table, #maincontent table th, #maincontent table td{ 
		display:  block;
		background: none;
		padding: 0;
		-webkit-box-shadow:  none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	#maincontent table thead tr{ position:absolute; width:0; height:0; overflow: hidden;}
	#maincontent table tr:nth-of-type(odd){ 	background: none !important;}
	#maincontent table tr td:last-of-type{ padding:0;}
	#maincontent table tr td:last-of-type p:last-of-type{ margin-bottom:0;}
	#maincontent table td h3{ margin:30px 0 10px 0;  font-size:18px;}
}

aside{ width:27%; float:right;}
@media (max-width: 870px){
	aside{ width:100%; padding: 1px 4.5% 0 0; float: none;}
}
#maincontent aside li{ list-style-type: none;}
#maincontent aside h2{ color:#326697; font-size:30px; font-weight: normal; margin:30px 0 15px 0; line-height:45px;}
#maincontent aside h3{ color:#333; font-size:18px; font-weight: bold; margin:15px 0 10px 0; line-height:27px;}
#maincontent aside ul.sectionsiblings{ margin-left: -30px;}
#maincontent aside ul.sectionsiblings li { position:relative; transition: all 0.5s;}
#maincontent aside ul.sectionsiblings li a{ color: #47494B; text-decoration: none; padding:13px 20px; display:inline-block; transition: all 0.5s; margin:0 0 0 8px; width:100%;}
#maincontent aside ul.sectionsiblings li.current a{ background: #326697; color: #fff;}
#maincontent aside ul.sectionsiblings li span{ display:inline-block; width:8px; position:absolute; left:0; top: 15px; transition: all 0.5s;}
#maincontent aside ul.sectionsiblings li.current span{ 
	border-top: 8px solid transparent;
	border-right: 8px solid #326697;  
	border-bottom: 8px solid transparent;
	width:0;
	height:0;	
}


#maincontent aside ul.tags li { display:inline-block; margin: 8px 16px 8px 0; position:relative; transition: all 0.5s;}
#maincontent aside ul.tags li a{background: #47494B; display:block; color: #fff;  padding:10px; transition: all 0.5s; margin:0 8px 0 0; text-decoration: none; font-size:14px;}
#maincontent aside ul.tags li span{ display:inline-block; position:absolute; right:0; top: 15px;
	border-top: 8px solid transparent;
	border-left: 8px solid #47494B;  
	border-bottom: 8px solid transparent;
	width:0;
	height:0;
	transition: all 0.5s;
}


#maincontent aside ul li.current:hover a, #maincontent aside ul.tags li:hover a{ background: #146B73; color: #fff; text-decoration: none;}
#maincontent aside ul li a:hover, #maincontent aside ul li a:focus{text-decoration: underline; }
#maincontent aside ul li.current:hover span{border-right: 8px solid #146B73;}
#maincontent aside ul.tags li:hover span{border-left: 8px solid #146B73;}


#breadcrumb{ margin:20px 0 0 0;}
#breadcrumb li{ list-style: none; display: inline; margin:0 6px 0 0; color: #666; font-size:14px;}
#breadcrumb li a{ color: #707070; text-decoration: none;}
#breadcrumb li a:hover, #breadcrumb li a:focus{text-decoration: underline;}
#breadcrumb li:first-of-type span{ display: none;}
#breadcrumb li:first-of-type a { background:url(/userfiles/images/icon_home.png) no-repeat center center; width: 20px; height:17px; display: inline-block;}
#breadcrumb li:after {content: "\002F";}
#breadcrumb li:first-of-type:before, #breadcrumb li:last-of-type:after {content: "";}
#breadcrumb li:first-of-type a:hover, #breadcrumb li:first-of-type a:focus{background:url(/userfiles/images/icon_home_hover.png) no-repeat center center; }


.widget { margin: 0 0 30px 0;}					

@media (max-width: 870px){
	.widget:nth-of-type(odd) { float:left; width: 44%; margin:0 4.5% 30px 0;}
	.widget:nth-of-type(even) { float:left; width: 50%; margin:0 0 30px 0;}
}
@media (max-width: 550px){
	.widget:nth-of-type(odd), .widget:nth-of-type(even) { float:none; width: 100%; margin:60px 4.5%;}
	.widget:first-of-type { margin:30px 4.5%;}
}

.col50{ width:45%; float:left; margin: 0 5% 0 0;}

@media (max-width: 700px){
.col50{ width:100%; float:none; margin: 0 0 0 0;}
}
#signup{background: #47494B; color: #fff; padding:80px 0;}
#signup h2, #signup p{ text-align:center; margin-bottom:30px;}
#signupform{
	width: 50%;
	min-width:350px;
	margin:0 auto;
}
#searchmodalcontent {
	height: 100vh;
}
#searchmodalform label{ 
	text-align:center; 
	color: #fff;
	font-size:18px;
	clear:both;
	display:block;
	margin:0 0 20px 0;
}
#searchmodalform input[type="text"], #signupform input[type="text"]{
	padding: 14px;
	border: 1px solid #fff;
	width: 100%;
	border-radius: 4px;
	margin:0 0 20px 0;
	background: #fff;
	color:#333;
	font-size:18px;
}

#searchmodalform input[type="submit"], #signupform button[type="submit"] {
    padding: 14px 10px;
    background: #15757D;
    color: #FFF;
    text-transform: uppercase;
     border: solid 2px #fff;;
    width: 100%;
	border-radius: 4px;
	font-size:18px;
	transition: all 0.5s ease;
}

#searchmodalform input[type="text"]:focus, #signupform input[type="text"]:focus{
	background: #eeeeee;
}

#searchmodalform input[type="submit"]:hover, #searchmodalform input[type="submit"]:focus, #col1 input[type="submit"]:hover,#col1 input[type="submit"]:focus {
      background: #18818A;
}
#signupform button[type="submit"]{
	background: none;
	cursor: pointer;
}
#signupform button[type="submit"]:hover, #signupform button[type="submit"]:focus{
	background: #6F529F;
}

#searchmodalclose span{ position:absolute; width: 0; height:0;overflow: hidden;}
#searchmodalclose{width: 50px; height:50px; display:block; margin: 0 auto; background:url(/userfiles/images/icon_close.svg) no-repeat center center;}

#searchmodalform {

	position: absolute;
  	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
  	/*margin-left: -20px;*/
  	color: #ffffff;
}
#searchmodalclose {

	position: absolute;
	top: 100px;
	left: 50%;
	/*margin-left: -25px;*/
	transform: translate(-50%, -50%);
	color: #ffffff;
}

#searchmodalbg {

position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: #333;
visibility: hidden;
opacity: 0;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
z-index: 2000;
}

#searchmodalbg.open {
visibility: visible;
opacity: 0.95;
}



body.searchresults .navcontent {
	width: 100%;
	float: none;
	margin: 0 0 0 0;
	clear: both;
	border-bottom: 1px solid #fff;
	padding: 0 0 0 0;

	text-align: left;
}
body.searchresults .navcontent:nth-of-type(odd){}
body.searchresults .navcontent:last-child{ border-bottom: none;}
body.searchresults .navcontent img{ float:left; width: 100px; margin:0 20px 0 0; }
body.searchresults .navcontent h2{ 
	position:relative; 
	top:auto;  
	font-size:16px; 
	float: none;
	width: 100%; 
	border: none;
	clear:none;
	margin:0;
	padding: 10px 10px 10px 130px;

}

body.searchresults .navcontent a{ display:block; width:100%; height:100%; color: #326697;}
body.searchresults .navcontent a:hover{
	background-color: #FCFCFC;
}
body.searchresults .navcontent .links{ display: none;}
body.searchresults .navcontent .excerpt{ display: none;}
body.searchresults .navcontent .navcontent_date{ display:block; font-style:italic; color:#666; font-size:85%; margin-bottom:5px;}
body.searchresults #col2{ display:none;}
body.searchresults #col1{ width:100%; float: none;}
body.searchresults #col1+p{ margin:20px 0; font-style:italic;}

#tracksharemodal{
	width: 500px;
	max-width:100%;
}




#tracksharemodal input[type="submit"] {
    padding: 14px 10px;
    background: #15757D;
    color: #FFF;
    text-transform: uppercase;
     border: solid 2px #fff;;
    width: 100%;
	border-radius: 4px;
	font-size:18px;
	transition: background 0.5s;
	cursor: pointer;
}
#tracksharemodal input[type="submit"]:hover, #tracksharemodal input[type="submit"]:focus {
      background: #326697;
}


#skiplink a{ position:absolute; width:0; height: 0; overflow: hidden; display:block;}
#skiplink a:focus{ width: auto; height:auto; padding:10px; text-align:center; color: #fff; background: #333; border: 2px dashed #fff; text-decoration: none; z-index:1001; }



.logos{ width:150px !important; height: auto !important; float:right; margin: 0px 0 30px 30px;}

#signupform label { display: block; margin: 10px 0; }
#signupform input { width: 100%; margin: 10px 0; }
#signupform button { display: block; margin: 10px 0; }
.formError {
	font-size: 16px;
	padding: 5px 10px;
	display: inline-block;
	border-radius: 4px;
	background: #1f1f1f;
	color: #fff;
}

.formErrorContent, .formError span.arrow{ position:relative;}
.formErrorContent span.arrow, .formError span.arrow{ 
	border-right: 8px solid transparent;
	border-bottom: 8px solid #1f1f1f;  
	border-left: 8px solid transparent;
	width:0;
	height:0;
	position:absolute;
	top:-10px;	
	display: inline-block;
    width: 8px;
    left: 15px;
    transition: all 0.5s;	
}
.smallicon{ width: 64px !important; height:auto !important;}

.socmed{ width: 30%; float:left; margin:0 5% 0 0; text-align:center;}
.socmed:nth-of-type(3n+3){  margin:0 0 0 0;}
.socmed h2{ margin-bottom: 30px;}


#socialmedia{ background:#18818A; padding:60px 0 20px 0; color:#fff;}
#socialmedia p{ margin: 0 0 40px 0; font-size:16px; line-height: 28px;}
#socialmedia a{ color:#fff;}
#socialmedia a:hover{ text-decoration: none;}

@media (max-width: 800px){
.socmed{ width: 50%; min-width:350px; float:none; margin:0 auto 40px auto; text-align:left;}
.socmed:nth-of-type(3n+3){   margin:0 auto 40px auto;}
.socmed h2{ margin-bottom: 20px;}
#socialmedia p{ margin: 0 0 20px 0; font-size:16px; line-height: 24px;}
#socialmedia .socmed p.iconimage{ float:left; width:64px; margin:0 30px 0 0;}
}


#responsemsg{ background: #000; padding:10px; width:50%; margin: 0 auto; border-radius:4px;}
#responsemsg a{color: #fff;}


a#backtotop{ 
	background: #333 url(/userfiles/images/icon_scroll.svg) no-repeat center center;
	width:45px;
	height:45px;
	display:inline-block;
	border-radius:22.5px;
	position:fixed;
	right:20px;
	bottom: 20px;
	border: none;
	display: none;
	
}
a#backtotop span{
	position:absolute;
	width:0;
	height:0;
	overflow: hidden;
}
#__ba_launchpad{ height: 50px; background:#fff; margin:10px 0; text-align: center;}
#__ba_launchpad button:focus, .logo a:focus{ border: 2px solid #444;}
.navcontent a:focus{ text-decoration: underline;}

#searchmodalcontent a:focus{ border: 2px solid #fff;}


.media_embed {

    position: relative;

    padding-bottom: 56.25%;

    padding-top: 30px; height: 0; overflow: hidden;

	margin:0 0 20px 0;

}

.sound_embed {

    position: relative;

    padding-bottom: 20%;

    padding-top: 30px; height: 0; overflow: hidden;

	margin:0 0 20px 0;

}

 

.media_embed iframe, .media_embed object, .media_embed embed,

.sound_embed iframe, .sound_embed object, .sound_embed embed {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;
	border: none;

}



h2.media_embed, h2.sound_embed{ padding:0; height:auto;}


#contactcaptchacontainer {
	width: 304px; 
	margin:12px 20px 0 0;
	float: left;
}

#contactsubmitcontainer {
	width: calc(100% - 324px); 
	margin: 12px 0 0 0;
	float: left;
}

textarea[name="g-recaptcha-response"] {
    display: block !important;
    position: absolute;
    margin: -78px 0 0 0 !important;
    width: 302px !important;
    height: 76px !important;
    z-index: -999999;
    opacity: 0;
}

@media (max-width: 950px){

	#contactcaptchacontainer {
		width: 100%; 
		margin: 0 0 20px 0;
		float: none;
		background: #222;
	}

	#contactsubmitcontainer {
		width: 100%; 
		margin: 0;
		float: none;
	}

}



.textDiv{
    background: #CD4518 !important;
    border: #CD4518;
    color: white;
	font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
	position: relative;
    display: inline-block;
    font-family: "Open Sans", Arial, sans-serif;
	padding: 10px 20px !important;
    height: 44px;
    min-width: 15px;
	border-radius: 22px;
	text-align: center;
	margin: 10px auto;
}
.textDiv:hover{
	background: #A13612 !important;
    border: #A13612;
	}
#__ba_panel{ text-align: center !important;}