@charset "utf-8";
/*  - corporate #c95513 darkened for links as #c64027 to meet accessibility criteria on http://www.colorsontheweb.com/Color-Tools/Color-Contrast-Analyzer */
html * {
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-top: 0;
	padding-left: 0;
	padding-bottom: 0;
	padding-right: 0;
	padding-top: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	display: block;
}
audio, canvas, video {
	display: inline-block;
}
audio:not([controls]), [hidden], span.menuRowHighlightLink, .hideDiv, .print, #menuBtn {
 display: none;
}
html {
	overflow-y: scroll;
}
body {
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.95em;
}
h1, h2, h3, h4 {
	font-weight: normal;
	font-family: Verdana, Calibri, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
}
h1, h4 {
	color: #c95513; 
/*	color: #002e40; */
}
h2, h3 {
	color: #013171;
}

label a, label a:link, label a:visited, div.section a, div.section a:link, div.section a:visited, div.boxed a, div.boxed a:link, div.boxed a:visited, li.blueBullet a, li.blueBullet a:link, li.blueBullet a:visited, #rightCol a, #rightCol a:link, #rightCol a:visited {
	color: #013171;/*vertical-align: top;*/
}
a, a:link, a:visited, .pretendLink, a:link.orange {
	color: #c64027;
	text-decoration: none;
}
label a, label a:link, label a:visited, div.section a, div.section a:link, div.section a:visited, li.blueBullet a, li.blueBullet a:link, li.blueBullet a:visited, #rightCol a, #rightCol a:link, #rightCol a:visited {
	margin-bottom: 0.4em;
}
#rightCol li br+a:link, #rightCol li br+a:visited {
	color: #c64027;
	display: inline-block;
}
a:hover, .pretendLink:hover {
	text-decoration: underline;
	cursor: pointer;
}
img {
	border: none;
}
img[usemap] {
	max-width: 100%;
	height: auto;
}
/* DEBUGGING */
span.debugMsg {
	color: #CC0000;
	font-size: 80%;
	background-color: #FFFF99;
	display: inline;
}
/* HEADER */
#header {
	background-repeat: no-repeat;
	min-height: 8em;
	position: relative;
	width: 100%;
}
#shortcuts {
	float: left;
	width: 0.8em;
}
#shortcuts a {
	display: block;
	height: 0.5em;
}
/* comments box */ 
.commentsBox {
	z-index: 30;
	background-color: #FFF;
	padding: 1%;
	border-radius: 0.8em;
	box-shadow: 0.4em 0.4em #333;
	border: 0.1em solid #013171;
}
.commentsBox span {
	cursor: pointer;
	display: block;
	width: 96%;
	border: dashed 1px #999;
	padding: 0.5em;
	color: #F00;
}
.commentsBody {
	background: #fff;
}
.greyOverlay {
	background-image: url(https://resources.bgs.ac.uk/images/translucentGrey.png);
	background-repeat: repeat;
	width: 100%;
	height: 100em;
	z-index: 50;
	position: absolute;
}
#pageTitle {
	font-style: italic;
	width: 60%;
	border: none;
}
#slogan {
	font-style: italic;
	padding: 0.5%;
/*	text-shadow: 0.075em 0.075em #111; */
}
#slogan a:link, #slogan a:visited, #slogan {
	color: #fff;
}
.boxed.blue {
	background-color: #013171;
	/*border: solid 2px #b0b1b3;*/
	min-height: 4em;
}
.blue p {
	font-size: 130%;
	vertical-align: middle;
}
.boxed.blue p.white, .boxed.blue p a.white, .boxed.blue li a.white {
	color: #fff;
}
.boxed.blue li {
	list-style-image: url(https://resources.bgs.ac.uk/images/whiteBullet.gif);
}
/* NAVIGATION */
#footer {
	background: rgb(138,160,198);
	background: -moz-linear-gradient(top, rgba(138,160,198,1) 0%, rgba(1,49,113,1) 60%);
	background: -webkit-linear-gradient(top, rgba(138,160,198,1) 0%, rgba(1,49,113,1) 60%);
	background: linear-gradient(to bottom, rgba(138,160,198,1) 0%, rgba(1,49,113,1) 60%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8aa0c6', endColorstr='#013171', GradientType=0 );
	color: #FFFFFF;
	font-family: Verdana, Arial, sans-serif;
}
#leftCol .sectionBox:not(:first-child) {
	margin-top: 1em;
}
#leftCol h1, #leftCol .sectionBox .sectionHead, #rightCol h1, #rightCol div.sectionBox div.sectionHead, div.menuHeader {
	margin-top: 0;
	padding: 0.3em;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(226,227,228,1) 60%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(226,227,228,1) 60%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(226,227,228,1) 60%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2e3e4', GradientType=0 );
	box-shadow: 0.1em 0.1em 0.1em #b0b1b3;
	color: #013171;
	font-size: 1.35em;
	font-weight: normal;
	border-top-left-radius: 0.2em;
	border-top-right-radius: 0.2em;
	font-weight: normal;
	text-align: left;
	overflow: hidden;
}
#rightCol .sectionHead a:link, #rightCol .sectionHead a:visited {
	color: #013171;
}
#footer {
	margin-top: 0.1em;
}
#navigation {
	padding-top: 0.1em;
	padding-left: 1%;
	width: 99%;
	background: #000;
	background: -moz-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,1) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,1) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%, rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000', endColorstr='#000000', GradientType=0 );
	color: #fff;
}
.navigator div.topLevel > a:link, .navigator div.topLevel > a:visited {
	padding: 0.5em 0.6em;
}
/* topNav/Header drop down menu */
.navigator div.topLevel > a:link, .navigator div.topLevel > a:visited, .navigator div.topLevel > span {
	color: #fff;
	display: block;
	font-size: 1.1em;
}
.navigator div.secondLevel {
	padding: 0.5%;
}
.navigator div.topLevel {
	float: left;
	display: block;
	margin-right: 0.5%;
}
.navigator div.secondLevel p {
	font-size: 1.1em;
}
.navigator div.secondLevel p, .navigator div.secondLevel p a {
	color: #013171;
}
.navigator div.topLevel .climate {
	color: #25abc6;
}
.navigator div.topLevel .geology {
	color: #3b693d;
}
.navigator div.topLevel .hazards {
	color: #921f30;
}
.navigator div.topLevel .time {
	color: #71285e;
}
/*--- DROPDOWN lists ---*/
.navigator div.secondLevel {
	background: #fff;
	background: rgba(251,253,255,0.92);
	position: absolute;
	left: -200em;
	color: #000;
	z-index: 120;
}
.navigator div.secondLevel a {
	color: #000;
}
.topPadd {
	margin-top: 2em;
}
.navigator ul {
	padding-left: 1.5em;
	padding-right: 1em;
}
.navigator ul li {
	list-style-image: none;
	margin-left: 0.2em;
}
.navigator > div.topLevel > a:hover {
	text-decoration: underline;
	background-color: #e7c311;
	color: #000;
}
.navigator div.topLevel:hover div.secondLevel {
	left: 0;
	display: block;
}
.navigator .eventsDiv a {
	clear: both;
	display: block;
}
#navLinks.navigator .secondLevel.oneCol ul li {
	list-style: none;
	vertical-align: top;
	margin: 0.3em;
	display: inline-block;
}
#navLinks.navigator .secondLevel.oneCol ul li a:not(.borderless) {
	padding-right: 0.8em;
	padding-left: 0.8em;
}
#qSearchForm {
	position: absolute;
	left: 0;
	background-color: #000;
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: 3em;
	z-index: 150;
}
#searchBtnImg {
	clear: both;
	display: block;
}
/* End drop-down */

#headerNav {
	background: #595959;
	background: rgba(0,0,0,0.65);
	padding: 0.2em;
	padding-top: 0.3em;
	padding-left: 0.5%;
	margin: 0.5%;
	border-radius: 0.5em;
	margin-right: 2em;
	position: relative;
}
/* Enter button */
input.EnterBtn, input#EnterBtn, input[type='submit']:not(#qSearchBtn), input[type='reset'] {
	text-align: center;
	font-weight: bold;
	color: #013171;
	margin-top: 0.4em;
	margin-bottom: 0.4em;
	cursor: pointer;
	margin-right: auto;
	margin-left: auto;
	font-size: 1.1em;
}
input[type="submit"]#qSearchBtn {
	display: inline;
	background: none;
	border: none;
	padding: 0.4em;
	width: 2em;
	color: #fff;
	background-image: url(https://resources.bgs.ac.uk/images/icons/search.png);
	background-size: contain;
	background-repeat: no-repeat;
}
/* BREAD CRUMBS */
#breadCrumbs {
	color: #8aa0c6;
	font-size: 80%;
	padding: 0.5em;
	text-indent: 0.8em;
	background: #fff;
	clear: both;
	margin-top:5px;
}
#breadCrumbs a:link, #breadCrumbs a:visited {
	color: #8aa0c6;
}
#breadCrumbs a:hover {
	color: #CC0000;
}
/* LEFT COLUMN */
#leftCol {
	padding-bottom: 4em;
	padding-right: 0.2%;
	margin-bottom: 0.8em;
}
.large, p.intro, div.section > a:not([rel=lightbox]), div.sectionTop > a:not([rel=lightbox]), div.menuChild a {
	font-size: 1.1em;
}
div.menuGrandChild a {
	font-size: 1.15em;
}
div.menuGreatGrandChild a {
	font-size: 1.1em;
}
#leftCol img {
	max-width: 100%;
}
#leftCol .sectionImage img {
	width: 100%;
}
#leftCol object, #leftCol iframe, #leftCol embed {
	width: 100%;
	overflow: hidden;
	padding-bottom: 0.4em;
	padding-top: 0.4em;
	background-color: #4a4a4a;
}
#rightCol div.menuChild {
	padding-left: 0.1em;
}
#leftCol .sectionHead, #leftCol h1, #rightCol .sectionHead, #rightCol h1 {
	box-shadow: 0.1em 0.15em 0.1em rgba(0,1,2,0.8);
}
#leftCol .sectionBody {
	padding-top: 0.1em;
}
.contacts {
	display: block;
	float: left;
	width: 7em;
}
.menuRow, .menuRowIndex {
	padding: 0.3em;
	padding-left: 4%;
	padding-right: 0.5%;
	border-bottom: #444 dashed 0.1em;
	margin-top: 0.4em;
}
#leftCol div.menuRowHighlight, #leftCol .AccordionPanelContent div.menuRowHighlight {
	border-left: 0.8em solid #aaa;
	padding-left: 0.4em;
	display: block;
}
#leftCol .AccordionPanelContent div.menuRowHighlight {
	border-left: 0.8em solid #666;
}
#leftCol div.sectionHead div.menuRowHighlight, #leftCol div.menuChild.menuRowHighlight {
	border: none;
}
#leftCol .AccordionPanelContent div.menuRowHighlight {
	padding-left: 4%;
}
#leftCol .AccordionPanelContent div.menuRowIndex.menuRowHighlight a:link, #leftCol .AccordionPanelContent div.menuRowIndex.menuRowHighlight a:visited, #leftCol .AccordionPanelContent div.menuRow.menuRowHighlight a:link, #leftCol .AccordionPanelContent div.menuRow.menuRowHighlight a:visited {
	color: #000;
	display: block;
}
#leftCol div.menuRowHighlight a:link, #leftCol div.menuRowHighlight a:visited {
	font-style: italic;
}
div.menuChild, div.menuGrandChild, div.menuGreatGrandChild {
	padding: 0.4em;
	box-shadow: 0.2em 0.2em 0.1em #b0b1b3;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(226,227,228,1) 60%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(226,227,228,1) 60%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(226,227,228,1) 60%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2e3e4', GradientType=0 );
	font-size: 1.05em;
}
#leftCol h1 a, #leftCol div.sectionHead a, div.menuChild a, div.menuGrandChild a, div.menuGreatGrandChild a {
/*	color: #002e40; */
	color: #c95513; 
}
div.menuChild {
	border-left: solid 2px #b0b1b3;
}
div.menuGrandChild {
	border-left: solid 6px #b0b1b3;
}
div.menuGreatGrandChild, div.menuHeader {
	border-left: solid 8px #b0b1b3;
}
#leftCol .menuRow a:link, #leftCol .menuRow a:visited {
	color: #000;
}
dl dt {
	font-size: 1.1em;
}
dl dd {
	margin-bottom: 0.3em;
	margin-left: 0.6em;
}
/* ACCORDION */
.Accordion {
	overflow: visible;
}
.AccordionPanel {
	border-bottom: #7d7b83 solid 0.1em;
}
.AccordionPanelTab {
	padding: 0.4em;
	padding-right: 2em;
	cursor: pointer;
	background: rgb(255,255,255);
	background: url(https://resources.bgs.ac.uk/images/icons/accordionClosed.png) right no-repeat, -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(226,227,228,1) 60%);
	background: url(https://resources.bgs.ac.uk/images/icons/accordionClosed.png) right no-repeat, -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(226,227,228,1) 60%);
	background: url(https://resources.bgs.ac.uk/images/icons/accordionClosed.png) right no-repeat, linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(226,227,228,1) 60%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2e3e4', GradientType=0 );
	padding-left: 4%;
	color: #000;
	box-shadow: 0.1em 0.3em 0.1em rgba(0,1,2,0.8);
}
.AccordionPanelContent {
	overflow: auto;
	display: block;
	padding-bottom: 1em;
	position: relative;
	clear: both;
	background: #fff;
}
.AccordionPanelContent .menuRow, .AccordionPanelContent .menuRowIndex {
	padding: 0.3em;
	padding-left: 1.5em;
	padding-right: 0.5em;
	border-bottom: #444 dashed 0.1em;
	margin-top: 0.4em;
}
#leftCol .AccordionPanelContent .menuRow, #leftCol .AccordionPanelContent .menuRowIndex {
	background: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(199,213,236,0.8) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(199,213,236,0.8) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%, rgba(199,213,236,0.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#e6c7d5ec', GradientType=0 );
}
#leftCol .AccordionPanelContent .menuRow a:link, #leftCol .AccordionPanelContent .menuRow a:visited, #leftCol .AccordionPanelContent .menuRowIndex a:link, #leftCol .AccordionPanelContent .menuRowIndex a:visited {
	color: #000;
}
.AccordionPanelOpen > .AccordionPanelTab {
	background: rgb(1,49,113);
	background: url(https://resources.bgs.ac.uk/images/icons/accordionOpen.png) right no-repeat, -moz-linear-gradient(top, rgba(138,160,198,1) 0%, rgba(1,49,113,1) 70%);
	background: url(https://resources.bgs.ac.uk/images/icons/accordionOpen.png) right no-repeat, -webkit-linear-gradient(top, rgba(138,160,198,1) 0%, rgba(1,49,113,1) 70%);
	background: url(https://resources.bgs.ac.uk/images/icons/accordionOpen.png) right no-repeat, linear-gradient(to bottom, rgba(138,160,198,1) 0%, rgba(1,49,113,1) 70%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8aa0c6', endColorstr='#013171', GradientType=0 );
	color: #fff;
	background-repeat: no-repeat;
	font-style: italic;
}
/* ACCORDION FOR BODY */
.AccordionBody {
	overflow: hidden;
	background: none;
	margin-top: 0.8em;
}
.AccordionBody .AccordionPanel {
	font-size: 100%;
	border: solid 0.1em #b0b1b3;
	background-color: #8aa0c6;
}
.AccordionBody .AccordionPanel .AccordionPanelTab {
	background: rgb(138,160,198);
	background: url(https://resources.bgs.ac.uk/images/accordionClosed.png) no-repeat left, -moz-linear-gradient(top, rgba(138,160,198,1) 0%, rgba(199,213,236,1) 100%);
	background: url(https://resources.bgs.ac.uk/images/accordionClosed.png) no-repeat left, -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(138,160,198,1)), color-stop(100%, rgba(199,213,236,1)));
	background: url(https://resources.bgs.ac.uk/images/accordionClosed.png) no-repeat left, -webkit-linear-gradient(top, rgba(138,160,198,1) 0%, rgba(199,213,236,1) 100%); /* Chrome10+,Safari5.1+ */
	background: url(https://resources.bgs.ac.uk/images/accordionClosed.png) no-repeat left, -o-linear-gradient(top, rgba(138,160,198,1) 0%, rgba(199,213,236,1) 100%); /* Opera 11.10+ */
	background: url(https://resources.bgs.ac.uk/images/accordionClosed.png) no-repeat left, -ms-linear-gradient(top, rgba(138,160,198,1) 0%, rgba(199,213,236,1) 100%); /* IE10+ */
	background: url(https://resources.bgs.ac.uk/images/accordionClosed.png) no-repeat left, linear-gradient(to bottom, rgba(138,160,198,1) 0%, rgba(199,213,236,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8aa0c6', endColorstr='#c7d5ec', GradientType=0 ); /* IE6-9 */
	padding-left: 2.5em;
	color: #000;
}
.AccordionBody .AccordionPanelOpen > .AccordionPanelTab {
	background: url(https://resources.bgs.ac.uk/images/accordionOpen.png) no-repeat left;
	background: url(https://resources.bgs.ac.uk/images/accordionOpen.png) no-repeat left, -moz-linear-gradient(top, rgba(201,85,19,0.6) 0%, rgba(201,85,19,1) 35%); /* FF3.6+ */
	background: url(https://resources.bgs.ac.uk/images/accordionOpen.png) no-repeat left, -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(201,85,19,0.6)), color-stop(35%, rgba(201,85,19,1))); /* Chrome,Safari4+ */
	background: url(https://resources.bgs.ac.uk/images/accordionOpen.png) no-repeat left, -webkit-linear-gradient(top, rgba(201,85,19,0.6) 0%, rgba(201,85,19,1) 35%); /* Chrome10+,Safari5.1+ */
	background: url(https://resources.bgs.ac.uk/images/accordionOpen.png) no-repeat left, -o-linear-gradient(top, rgba(201,85,19,0.6) 0%, rgba(201,85,19,1) 35%); /* Opera 11.10+ */
	background: url(https://resources.bgs.ac.uk/images/accordionOpen.png) no-repeat left, -ms-linear-gradient(top, rgba(201,85,19,0.6) 0%, rgba(201,85,19,1) 35%); /* IE10+ */
	background: url(https://resources.bgs.ac.uk/images/accordionOpen.png) no-repeat left, linear-gradient(to bottom, rgba(201,85,19,0.6) 0%, rgba(201,85,19,1) 35%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99c95513', endColorstr='#c95513', GradientType=0 ); /* IE6-9 */
}
.rightCol30 h2, .AccordionBody .AccordionPanelTab h2 {
	margin: 0;
	padding: 0;
}
.AccordionBody .AccordionPanelTab h2 {
	font-size: 140%;
	margin-left: 0.75em;
	min-height: 1.4em;
}
.AccordionBody .AccordionPanelOpen > .AccordionPanelTab, .AccordionBody .AccordionPanelOpen > .AccordionPanelTab h2 {
	color: #fff;
}
.AccordionBody .AccordionPanel .AccordionPanelContent, .AccordionBody .AccordionPanel .AccordionPanelContent .menuRow {
	background: #FFF;
	padding: 0.3em;
	padding-left: 1em;
	padding-right: 1em;
}
/* MAIN CONTENT */

div.section strong, div.sectionTop strong {
	font-weight: normal;
}
#midCol h1, #midAndRightCol h1, #fullWidthCol h1 {
	font-size: 230%;
	padding-top: 0;
	margin-bottom: 0.4em;
}
h2 {
	font-size: 150%;
	margin-top: 1.2em;
	margin-bottom: 0.4em;
}
fieldset h2 {
	font-size: 1.4em;
}
h3 {
	font-size: 130%;
	margin-top: 0.5em;
	margin-bottom: 0.1em;
}
h4 {
	font-size: 115%;
	margin-bottom: 0.1em;
}
h5 {
	font-size: 100%;
	font-weight: bold;
	margin-top: 1em;
}
p, #rightCol div.sectionBox.spacer {
	margin-top: 0.6em;
	margin-bottom: 1em;
}
blockquote {
	margin: 1em;
}
#midCol section img, #midCol div.section img {
	margin-bottom: 0.5em;
}
#midCol div.section > p, #midCol div.sectionTop > p, #midAndRightCol div.section > p, #midAndRightCol div.sectionTop > p {
	padding-left: 7.5em;
}
#midCol .section.hasImg p {
	padding-left: 8.2em;
}
#midCol div.section .leftCol50 p, #midCol div.section .leftCol40 p {
	padding-left: 0;
}
/*div.section:nth-child(odd), div.sectionTop {
	background-color: #e2e3e4;
}*/
div.section, div.sectionTop {
	margin-top: 0.4em;
	box-sizing: border-box;
	overflow: auto;
	height: auto;
	position: relative;
	clear: left;
	border:solid 1px #e2e3e4;
	box-shadow: 0.15em 0.15em 0.15em #e2e3e4;
	min-height: 9em;
	padding: 0.5em 0.25em 1em 0.25em;
}
div.section:not(:last-child) {margin-bottom:1em;}
.leftCol50.section, .rightCol50.section {
	clear: none;
}
.sectionBody h1 {
	font-size: 120%;
}
/* MIDDLE COLUMN */
#midCol article {
	background-color: #FFFFFF;
	margin-bottom: 0.4em;
}
#midCol section {
	padding-left: 0.4em;
	padding-top: 0.4em;
	padding-right: 0.1em;
	padding-bottom: 0.4em;
}
.sectionIcon, .sectionIconSmall {
	margin: 0.4em;
	float: left;
	margin-bottom: 1em;
	margin-right: 1em;
	width: 6em;
	border: none;
	box-shadow: 0.2em 0.2em 0.1em #b0b1b3;
}
.sectionIconSmall {
	width: 2.5em;
	box-shadow: none;
}
#footer .sectionIconSmall {
	margin: 0.2em;
	width: auto;
	height: 2.2em;
	box-shadow: none;
}
#rightCol .menuChild {
	padding-top: 1em;
}
.boxed {
	background-color: #FFFFFF;
	border: none;
	/*border: 0.1em solid #e2e3e4;
	box-shadow: 0.2em 0.2em #e2e3e4;*/
	margin-bottom: 1em;
	overflow: auto;
	box-sizing: border-box;
}
.boxed p {
	padding-left: 0.5em;
	padding-right: 0.5em;
}
.boxed h2, fieldset h2 {
	margin-top: 0.2em;
	margin-bottom: 0.2em;
}
.boxed > h2, .boxed > h3 {
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(226,227,228,1) 60%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(226,227,228,1) 60%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(226,227,228,1) 60%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2e3e4', GradientType=0 );
	text-align: center;
	margin: 0;
	padding: 0.4em 0.2em;
}
fieldset h2 {
	padding-left: 0.3em;
	background: none !important;
}
/*glossary box*/
.glossaryBox {
	position: absolute;
	z-index: 200;
	background-color: #FFF;
	padding: 0.8em;
	border-radius: 0.8em;
	box-shadow: 0.4em 0.4em #333;
	border: 0.1em solid #013171;
}
/* RIGHT COLUMN */
#rightCol, #leftCol {
	margin-bottom: 0.5em;
}
#rightCol strong {
	font-weight: normal;
}
#rightCol div.sectionBody {
	padding: 0.4em;
}
#rightCol section strong, #rightCol section ul, #rightCol .sectionBody ul {
	margin-left: 0.4em;
	padding: 0.4em;
	padding-left: 1.5em;
	margin-top: 0.1em;
	margin-bottom: 0.1em;
	padding-right: 0.4em;
}
#rightCol img {
	max-width: 100%;
}
#rightCol ul {
	margin-left: 2em;
	margin-top: 0.1em;
	margin-bottom: 0.4em;
	margin-right: 0.4em;
}
#rightCol ul li {
	margin: 0.1em;
	margin-bottom: 0.4em;
	padding: 0;
	list-style-image: url(https://resources.bgs.ac.uk/images/RightColbullet.gif);
}
#rightCol span.label, #rightCol label {
	font-size: 80%;
	background: none;
	clear: none;
	color: #333;
}
.downloadLink {
	background-image: url(https://resources.bgs.ac.uk/images/downloadNow.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	color: #013171;
	padding-left: 1.5em;
}
ul {
	margin-top: 0.6em;
	margin-bottom: 1em;
}
ul > li {
	list-style-image: url(https://resources.bgs.ac.uk/images/bulletWhiteBg3.gif);
}
ul li, ol li {
	margin-right: 0.2em;
	margin-left: 2.5em;
}
ul ul li {
	list-style-image: none;
	list-style-type: square;
	list-style: square;
}
ul > li.blueBullet {
	list-style-image: url(https://resources.bgs.ac.uk/images/bulletWhiteBg2.gif);
	margin-top: 0.1em;
}
ul.globes li {
	list-style-image: url(https://resources.bgs.ac.uk/images/earth.gif);
}
ol {
	padding-bottom: 0.5em;
	margin-right: 1%;
	list-style-image: none;
}
/* FOOTER */
#footer {
	clear: both;
	display: block;
	height: 7em;
}
#footer div.shortColumn, #footer div.longColumn {
	padding: 0.5%;
	margin-right: 0.1em;
}
#footer #socialIcons img {
	opacity: 0.6;
}
#footer #socialIcons img:hover {
	opacity: 1;
}
#footer p, #footer p a:link, #footer p a:visited {
	margin: 0.1em;
	color: #FFF;
	font-size: 92%;
}
#footer div.longColumn img {
	width: 80%;
}
/* CLASS MODIFIERS */
.redBg {
	background-color: #CC0000;
}
.blkBg {
	background-color: #000000;
}
/* TABLES */
table {
	display:flex;
	max-width:100%!important;
	overflow-x: auto!important;
	border-collapse: collapse;
	margin-bottom: 0.5em;
	margin-top: 0.8em;
}

table td, table th {
	vertical-align: top;
	padding: 0.5em;
}

table th, td {
    border: 1px solid #ddd!important;
    width:100vw;
    padding: 8px!important;
    text-align: center!important;
}

table th {
    color:white;
    background:none;
    background-color: #002E40!important;
}

table th a, table th a:link, table th a:visited {
	color: #fff;
}
table td {
	border: 0.1em solid #8aa0c6;
	background-color: #fff;
}
.clear, #rightCol div.sectionBox.spacer {
	clear: both;
	display: block;
}
.clearLeft {
	clear: left;
}
.clearRight {
	clear: right;
}
.float {
	width: auto;
	clear: none;
	display: inline;
}
sub {
	vertical-align: text-bottom;
	font-size: 80%;
}
sup {
	vertical-align: text-top;
	font-size: 80%;
}
/* MISC STYLES */
.white, a:link.white, a:visited.white {
	color: #FFFFFF;
}
p.inlineNote {
	background-color: #8aa0c6;
	border: 0.1em solid #013171;
	padding: 0.4em;
}
.small_caps {
	font-variant: small-caps;
}
.inlineImg {
	border: 0.1em solid #013171;
	float: left;
	margin: 0.1em;
	margin-right: 0.2em;
}
div.fullWidthImg {
	position: relative;
}
.errorMsg {
	background-color: #FFFFFF;
	border: 0.1em solid #CC0000;
	padding: 0.4em;
	color: #CC0000;
}
.redtext {
	color: #CC0000;
	font-weight: bold;
}
.imgBoxRight70, .imgBoxRight60, .imgBoxRight50, .imgBoxRight40, .imgBoxRight33, .imgBoxRight30, .imgBoxRight20, .imgBoxLeft60, .imgBoxLeft50, .imgBoxLeft40, .imgBoxLeft33, .imgBoxLeft30, .imgBoxLeft20, .imgBoxLeft15, .imgBoxLeft10, .imgBoxRight10, .imgBoxLeft100 {
	margin-bottom: 0.8em;
	position: relative;
}
.imgBoxRight20 img, .imgBoxRight30 img, .imgBoxRight40 img, .imgBoxLeft40 img, .imgBoxRight50 img, .imgBoxRight70 img, .imgBoxRight60 img, .imgBoxLeft50 img, .imgBoxLeft33 img, .imgBoxRight33 img, .imgBoxLeft30 img, .imgBoxLeft20 img, .imgBoxLeft15 img, .imgBoxLeft10 img, .imgBoxRight10 img, .imgBoxLeft60 img, .imgBoxLeft100 img, div.fullWidthImg img, img.fullWidthImg {
	max-width: 100%;
	border: 0;
	display: block;
	margin: auto;
	margin-bottom: 0.6em;
}
.imgBoxRight40 p, .imgBoxLeft40 p, .imgBoxRight50 p, .imgBoxRight60 p, .imgBoxLeft50 p, .imgBoxLeft33 p, .imgBoxRight33 p {
	margin-top: 2.4em;
}
.imgBoxRight40 p:first-child, .imgBoxLeft40 p:first-child, .imgBoxRight50 p:first-child, .imgBoxLeft50 p:first-child, .imgBoxLeft33 p:first-child, .imgBoxRight33 p:first-child, .imgBoxRight60 p:first-child {
	margin-top: 0;
}
#leftCol label {
	color: #fff;
	text-align: center;
	padding: 0.5em;
	display: block;
}
#newsAndShare {
	min-height: 10em;
	display: block;
	clear: both;
}
.sharebox {
	padding-top: 0.6em;
	float: left;
	padding-bottom: 0.6em;
}
#newsIcons img {
	width: 24%;
	padding: 0.5em;
	border: none;
}
.bodyNav {
	background-color: #ddd;
	padding: 0.5em;
}
/*only used on geochemCD pages.
/* MESSAGES */
div#jsMessages {
	background-color: #FFFFFF;
}
div#jsMessages p.jsMessage {
	margin: 0.8em 0.1em;
	padding: 0.5em;
	padding-left: 3em;
	background-repeat: no-repeat;
	background-position: 0.1em 0.1em;
	min-height: 2.5em;
	overflow: visible;
}
div#jsMessages p.Information {
	border: 0.1em inset #013171;
	color: #013171;
	background-image: url(https://resources.bgs.ac.uk/images/information.png);
}
div#jsMessages p.Warning {
	border: 0.1em dotted #CC0000;
	color: #CC0000;
	background-image: url(https://resources.bgs.ac.uk/images/warning.png);
}
a.lightbox, #midCol .fullWidthCol {
	position: relative;
	float: left;
	width: 100%;
}
a.lightbox span {
	background: url("https://resources.bgs.ac.uk/images/zoom-in.png") no-repeat left top transparent;
	height: 1.7em;
	width: 1.7em;
	z-index: 10;
	position: absolute;
	right: 0.5em;
	top: 0.5em;
}
.embed-container {
	position: relative;
	padding-bottom: 59%; /* 16/9 ratio */
	padding-top: 2em; /* IE6 workaround*/
	height: 0;
	overflow: hidden;
	margin-bottom: 0.5em;
	z-index: 0;
}
.embed-container.wall {
	padding-bottom: 25%; /* a bit taller */
}
.embed-container.3d {
	padding-bottom: 65%; /* a bit taller */
}
.embed-container.bbc {
	padding-bottom: 84%; /* a bit taller */
}
.embed-container.popup {
	padding-bottom: 95%; /* a bit taller */
}
.embed-container canvas, .embed-container iframe, .embed-container object, .embed-container embed, .embed-container script {
	left:0;
	position: absolute;
	top: 0.1em;
	width: 100%;
	height: 100%;
}
.code {
	font-family: "Courier New", Courier, monospace;
	border: #2e83be solid 0.1em;
	padding: 0.5em;
	word-wrap: break-word;
	display: inline-block;
	line-height: 1.5em;
}
.longURL {
	word-wrap: break-word;
	display: block;
	width: 100%;
}
figurecaption, label, .fileSizeComment {
	font-size: 85%;
	color: #666;
}
div#midCol fieldset, div#midAndRightCol fieldset, div#fulWidthCol fieldset, div#leftAndMidCol fieldset {
	margin-bottom: 1em;
}
fieldset label {
	display: inline-block;
	font-size: 1em;
	color: #000;
	border-radius: 0.2em;
}
fieldset label:hover {
	cursor: pointer;
	color: #013171;
}
fieldset label.small {
	min-width: 10%;
}
#midCol fieldset input.small {
	min-width: 30%;
}
fieldset input, fieldset textarea, fieldset select {
	display: inline-block;
}
fieldset legend {
	font-size: 1.2em;
	padding: 0.4em;
}
fieldset p {
	clear: both;
	margin-bottom: 1.2em;
	margin-top: 0.8em;
	padding-left: 0.4em;
}
fieldset {
	border: none;
}
/* EUC.css (EU Cookie) */

div#EUC {
	bottom: 0;
	left: 0;
	position: fixed;
	width: auto;
	height: 2em;
	border-top-right-radius: 1em;
	overflow: hidden;
}
div.EUC_choose {
	background-color: #013171;
	border-top: 0.1em solid #194767;
	border-right: 0.1em solid #194767;
}
div.EUC_allow {
	background-color: #009900;
	border-top: 0.1em solid #006600;
	border-right: 0.1em solid #006600;
}
div.EUC_forbid {
	background-color: #990000;
	border-top: 0.1em solid #660000;
	border-right: 0.1em solid #660000;
}
div#EUC p {
	padding: 0.1em 0.4em;
	font-size: 85%;
	color: #FFFFFF;
	display: block;
	height: 2em;
	width: 28em;
	overflow: hidden;
}
div#EUC p img {
	margin-right: 0.8em;
}
div#EUC input#EUC_Btn {
	font-size: 80%;
	border: 0.1em outset #666666;
	border-radius: 0.5em;
	margin: 0.1em;
	padding: 0.1em 0.4em;
}
div#EUC_dialog {
	bottom: 0;
	left: 15%;
	position: fixed;
	width: 70%;
	height: 5.5em;
	border-top-right-radius: 0.8em;
	border-top-left-radius: 0.8em;
	background-color: #000000;
	border: 0.1em solid #FFFFFF;
	text-align: center;
}
div#EUC_dialog p {
	padding: 0.1em 0.4em;
	color: #FFFFFF;
}
div#EUC_dialog p a {
	color: #FFFFFF;
	text-decoration: underline;
}
div#EUC_dialog p em {
	font-size: 80%;
	color: #DDDDDD;
}
div#EUC_dialog input.EUC_dialogBtn {
	font-size: 90%;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0.1em;
	padding: 0.1em;
	border: 0.1em outset #666666;
}
div#EUC_dialog input#EUC_Btn_allow {
	background-color: #009900;
	border-color: #006600;
	width: 3em;
}
div#EUC_dialog input#EUC_Btn_forbid {
	background-color: #990000;
	border-color: #660000;
	width: 3em;
}
div#EUC_dialog input#EUC_Btn_close {
	background-color: #FFFFFF;
	color: #CC0000;
	border-color: #666666;
	font-weight: bold;
	font-style: italic;
	float: right;
	margin: 0.1em;
	border-top-right-radius: 0.5em;
	border-bottom-left-radius: 0.8em;
	border: none;
	font-size: 110%;
	cursor: pointer;
}
@media screen and (min-width:35em) {
.navigator div.oneCol > div {
	width: 30%;
	margin: auto;
}
.navigator div.twoCol div:first-child {
	margin-left: 20%;
}
.navigator div.twoCol > div {
	width: 30%;
	margin: auto;
	float: left;
}
.navigator div.threeCol > div {
	width: 33%;
	margin: auto;
	float: left;
}
.navigator div.threeCol div.products, .navigator div.threeCol div.opengeoscience {
	width: 28%;
	margin: auto;
	float: left;
}
.navigator div.threeCol div.ngdc {
	width: 40%;
	margin: auto;
	float: left;
}
.navigator div.twoCol.wide > div {
	width: 50%;
	margin: auto;
	float: left;
}
.navigator div.fourCol > div {
	width: 25%;
	margin: auto;
	float: left;
}
.navigator div.boxed {
	width: 90%;
}
}
@media print, screen and (min-width:57em) {
#widthBox {
	margin: 1% auto;
	width: 98%;
	min-width: 57em;
	max-width: 120em;
	position: relative;
	background-color: #fff;
	text-align: left;
	position: relative;
	border: solid 1px #e2e3e4;
}
#header {
	background-size: cover;
	background-position: 50% 40%;
	margin-top: 2em;
}
/* .homePage.about #header {
	background-image: url(https://resources.bgs.ac.uk/images/header/P782065.jpg);
}
.homePage.services #header {
	background-image: url(https://resources.bgs.ac.uk/images/header/_PJW7386.jpg);
}
.homePage.ourResearch #header {
	background-image: url(https://resources.bgs.ac.uk/images/header/P006558.jpg);
}
.homePage.contact #header {
	background-image: url(https://resources.bgs.ac.uk/images/header/enquiriesFieldTrip.jpg);
}
.homePage.people #header {
	background-image: url(https://resources.bgs.ac.uk/images/header/P811650.jpg);
}
.homePage.news #header {
	background-image: url(https://resources.bgs.ac.uk/images/header/P741100.jpg);
}
.homePage.data #header {
	background-image: url(https://resources.bgs.ac.uk/images/header/geology3d.jpg);
}
.homePage.downloads #header {
	background-image: url(https://resources.bgs.ac.uk/images/header/P900639.jpg);
}
.homePage.hosted #header {
	background-image: url(https://resources.bgs.ac.uk/images/header/P211535.jpg);
}
.homePage.DG #header {
	background-image: url(https://resources.bgs.ac.uk/images/header/belemnotheusis_big.jpg);
} */
.homePage #header {
	height: 20em;
}
.homePage .sectionIcon {
	width: 8em;
}
.homePage #midCol div.section p {
	padding-left: 9.5em;
}
#bigBanner {
	margin-left: 0.5em;
	margin-top: 1.6em;
	float: left;
	max-width: 32%;
	max-height: 6.2em;
}
#navigation {
	position: absolute;
	top: 0;
	left: 0;
}
#qSearchForm {
	top: 2.74em;
}
.homePage #header h1 {
	font-size: 3em;
	position: absolute;
	top: 5em;
	left: 1.5em;
	z-index: 20;
	padding: 0.2em;
	color: #fff;
	text-shadow: 0.03em 0.03em #000;
}
#slogan {
	font-size: 190%;
	float: right;
	margin-right: 1.7em;
	margin-top: 1.5em;
}
/*nav drop down*/
.navigator div.secondLevel {
	width: 100%;
	box-sizing: border-box;
}
.navigator #quickLinks {
	float: right;
}
/*end*/
#leftCol {
	position: relative;
	float: left;
	width: 18%;
	left: -62%;
	min-height: 40em;
}
#leftCol.hasMergedColumns {
	left: -79%;
}
#midCol {
	position: relative;
	width: 62%;
	left: 19%;
	float: left;
}
#rightCol {
	width: 18%;
	float: right;
	min-height: 40em;
}
#midAndRightCol {
	float: left;
	width: 79%;
	left: 19%;
	min-height: 35em;
	position: relative;
}
#leftAndMidCol {
	float: left;
	width: 79%;
	left: 1%;
	min-height: 35em;
	position: relative;
}
#fullWidthCol {
	margin: 1%;
}
#midCol .fullWidthCol.code {
	width: 98%;
}
form {
	display: inline;
}
#qSearch {
	float: right;
	padding: 0.2em 0.5em;
	max-width: 15%;
}
#navigation .sectionIconSmall {
	width: 2em;
	margin: 0.2em;
}
#navLinks2 {
	max-width: 95%;
}
#headerNav {
	float: right;
	width: 20%;
}
.commentsBox {
	width: 40%;
	margin: 2em;
}
#footer div.shortColumn {
	float: left;
	width: 13%;
	height: 6em;
	padding-left: 0.5em;
}
#footer div.longColumn {
	float: left;
	width: 23%;
	height: 6em;
	margin-top: 0.9em;
}
#footer div.longColumn label a {
	opacity: 0.6;
}
/* For '2 columns' within the midCol */
.leftCol10, .leftCol20, .leftCol40, .leftCol60, .leftCol66, #leftCol50, .leftCol50, .leftCol70 {
	display: block;
	float: left;
	margin-right: 1%;
	box-sizing: border-box;
}
.leftCol33, .imgBoxLeft33, .leftCol25 {
	display: block;
	float: left;
	box-sizing: border-box;
}
.rightCol25, .rightCol30, .rightCol33, .rightCol40, #rightCol50, .rightCol50, .rightCol60 {
	display: block;
	float: right;
	margin-left: 1%;
	box-sizing: border-box;
}
.leftCol70 {
	width: 68%;
}
.leftCol60 {
	width: 58%;
}
.leftCol66 {
	width: 65.75%;
}
#leftCol50, .leftCol50, #rightCol50, .rightCol50 {
	width: 48%;
}
.leftCol40 {
	width: 38%;
}
.leftCol25, .rightCol25 {
	width: 22.75%;
}
.leftCol10 {
	width: 10%;
}
.leftCol20 {
	width: 19%;
}
.leftCol33, .rightCol33, .imgBoxLeft33 {
	width: 31%;
	box-sizing: border-box;
}
.rightCol30 {
	width: 28%;
}
.rightCol40 {
	width: 38%;
}
.rightCol60 {
	width: 58%;
}
.imgBoxRight70, .imgBoxRight60, .imgBoxRight50, .imgBoxRight40, .imgBoxRight33, .imgBoxRight30, .imgBoxRight20, .imgBoxRight10 {
	margin-left: 1%;
	padding-left: 1%;
	clear: right;
	float: right;
}
.imgBoxLeft50, .imgBoxLeft40, .imgBoxLeft30, .imgBoxLeft20, .imgBoxLeft15, .imgBoxLeft10, .imgBoxLeft60, .imgBoxLeft100 {
	margin-right: 1%;
	padding-right: 1%;
	float: left;
}
.imgBoxRight50, .imgBoxLeft50 {
	width: 48%;
}
.imgBoxRight40, .imgBoxLeft40 {
	width: 38%;
}
.imgBoxRight33 {
	width: 28%;
}
.imgBoxRight30, .imgBoxLeft30 {
	width: 25%;
}
.imgBoxRight20, .imgBoxLeft20 {
	width: 19%;
}
.imgBoxLeft15, .imgBoxRight15 {
	width: 15%;
}
.imgBoxLeft10, .imgBoxRight10 {
	width: 10%;
}
.imgBoxLeft60, .imgBoxRight60 {
	width: 56%;
}
.imgBoxLeft70, .imgBoxRight70 {
	width: 66%;
}
body.homePage div.leftCol25:nth-child(4n-1), div.clear div.leftCol25:nth-child(4n-1) {
	margin-right: 3%;
	margin-left: 3%;
}
div.clear div.leftCol33:nth-child(3n-1), div > div.imgBoxLeft33:nth-child(3n-1), body.homePage div.leftCol33:nth-child(3n-1), div.imgBoxLeft33:nth-child(3n-1) {
	margin-left: 3%;
	margin-right: 3%;
}
body.homePage div.leftCol33:nth-child(3n+1), div > div.imgBoxLeft33:nth-child(3n+1), body.homePage div.leftCol25:nth-child(4n+1), div.clear div.leftCol33:nth-child(3n+1), div > div.imgBoxLeft33:nth-child(3n+1), div.clear div.leftCol25:nth-child(4n+1) {
	clear: left;
}
body.homePage div.leftCol25:nth-child(4n-2), div.clear div.leftCol25:nth-child(4n-2) {
	margin-left: 3%;
}
.glossaryBox {
	left: 10em;
	width: 28em;
}
fieldset label {
	min-width: 40%;
	max-width: 100%;
}
fieldset input:not([type="radio"]):not([type="submit"]):not([type="checkbox"]):not([type="reset"]):not([type="button"]), fieldset textarea, fieldset select {
	min-width: 48%;
	max-width: 100%;
	font-size: 1.1em;
}
input[type="submit"]#qSearchBtn {
	max-width: 15%;
}
input[type="text"]#q {
	max-width: 70%;
}
fieldset table input:not([type="radio"]):not([type="checkbox"]):not([type="reset"]):not([type="button"]), fieldset table textarea, fieldset table select {
	max-width: 100%;
	padding: 0.5%;
}
ul.twoColumns {
	-moz-column-count: 2;
	-moz-column-gap: 1em;
	-webkit-column-count: 2;
	-webkit-column-gap: 1em;
	column-count: 2;
	column-gap: 1em;
}
}
@media screen and (min-width:90em) {
.navigator div.topLevel {
	padding-left: 0.75%;
	padding-right: 0.75%;
}
.googleMap {
	width: 70%;
	height: 50em;
}
.obsgoogleMap {
	width: 47%;
	height: 35em;
	padding-left: 1%;
	padding-bottom: 1%;	
	clear: right;
	float: right;
	margin-bottom:15px;
	margin-left:10px;
}
}

/*************************************************************/
/******** FIX OLD WEBPAGE CONTENT DUE TO BOOTSTRAP ETC *******/
/*************************************************************/
#navigation{
    width:100%!important;
    background: #fafafa;
    border-bottom: 1px solid #3d545d;
    padding-top:0;
    box-sizing: border-box;
}

.navigation-dark{
	background-color: #002E40!important;
	border-bottom: 1px solid white!important;
	color:white!important;
}

.navigation-dark a{
	color:white!important;
}

.navigation-dark input[type="submit"]#qSearchBtn {
    padding: 2px;
    height: 25px;
    width: 25px;
    background-image: url(/includes/search-white.svg) !important;
    color: white;
}

#footer-col1 {
    width: 100%;
    min-width: 65%;
}

#footer-col2 {
    width: 100%;
    min-width: 35%; 
}

.normal-cursor {
    cursor: default;
}

.cursor-pointer {
    cursor: pointer;
}

/*************************************************************/
/************* IMPROVE OLD CONTENT AS TEMP MEASURE ***********/
/*************************************************************/
.AccordionPanelOpen > .AccordionPanelTab {
    background: #3d545d url(https://resources.bgs.ac.uk/images/icons/accordionOpen.png) right no-repeat !important;
    box-shadow: none;
    border-bottom: #444 solid 0.1em!important;
}

.AccordionPanelTab {
    background: #f2f4f4 url(https://resources.bgs.ac.uk/images/icons/accordionClosed.png) right no-repeat !important;
    box-shadow: none;
    border-bottom: #444 solid 0.1em!important;
}

#leftCol .AccordionPanelContent ul li{
    background:#fafafa!important;
    box-shadow:none;
    border-bottom: #444 solid 0.1em!important;
}

.sectionHead{
    background:#002E40 !important;
    color:white !important;
    box-shadow: none !important;
    border-radius: 0px!important;
    border-bottom: #444 solid 0.1em!important;
}

div.menuChild, div.menuGrandChild, div.menuGreatGrandChild {
    background:#002E40 !important;
    box-shadow: none;
    border-bottom: #444 solid 0.1em!important;
}

.menuTitle{
    color:white !important;
}

.menuRow{
    border-bottom: #444 solid 0.1em!important;
}

.socmed_ico{
    margin:10px 10px;
}

#header-home {
    width: 100% !important;
    height: 40vh !important;
    max-height: 350px !important;
    min-height: 200px !important;
    background: url(/images/homePage/header_2020.png) no-repeat center center !important;
    background-size: cover !important;
}

#logo-header{
    max-height:120px;
    max-width:90vw;
    padding-top:1rem;
}

.navLink{
    color: black!important;
}

.black-text{
	color: black!important;
}

.navigator > div.topLevel > a:hover {
	text-decoration: underline;
	background-color: #e2ebf0;
	color: #000!important;
}

@media screen and (max-width: 57em) {
    #header {
        display: flex; 
        background: #002433 !important;
        padding: 0;
        margin:0;
        height: 100px;
        align-items: center;  
        justify-content: center;  
        overflow-y: hidden;
    }

    #header-home{
        display:flex;
        justify-content: center;
        align-items: center;
        min-height:10vh!important;
        max-height:20vh!important;
    }

    #header-home a{
        margin-top:0;
    }

    #qSearchForm {
        width: auto !important;
    }

    #logo-header {
        height: 100px;
        padding:0;
        display: block;
        margin:0!important;
    }
}

#widthBox{
    width:100%!important;
    height:100%;
    margin:0;
    padding:0;
    max-width:100vw;
}

#qSearchForm {
    position:relative!important;
    padding: 0.5em 0.6em;
    margin-right:20px;
}

#breadCrumbs{
    padding-top:0!important;
}

#slideShow div#slideShowList p {
    background: none!important;
    background-color: #f3f6f7!important;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.125)!important;}

#slideShow div#slideShowList p.selected{
    background-color: #002E40!important;
    color:white!important;
}

.homeFrame h2, .newsFrame h2 {
    background: none!important;
    background-color: #e5e9ea!important;
}

.featureFrame p {
    background: none!important;
    background-color: #686868!important;
    color:rgb(255, 255, 255)!important;
}

.slideShowPanel {
    border-top: 2px solid #002433 !important;
}


h1{
    color:#002433!important
}

html{
	overflow-x:hidden;
	max-width:100vw;
    width:100%!important;
}

body{
	max-width:100vw;
    width:100%!important;
}

input[type="submit"]#qSearchBtn {
    padding:2px;
    height: 25px;
    width:25px;
	background-image: url(/includes/search.svg)!important;
}

img {
    box-sizing: border-box;
  }

table.bodyTable {
	display: block;
	width: 100%;
	overflow-x: auto;
}

/*************************************************************/
/************************ BUTTONS ****************************/
/*************************************************************/
.btn-link[aria-expanded="true"]::after {
    content: " \25B2"; /* Up arrow */
    float: right;
  }

.btn-link[aria-expanded="false"]::after {
    content: " \25BC"; /* Down arrow */
    float: right;
  }

.btn:focus,.btn:active:focus,.btn.active:focus,
.btn.focus,.btn:active.focus,.btn.active.focus {
    outline: none!important;
    box-shadow: none!important;
}

.geomag-button {
    border:none!important;
    border-radius: 0!important;
    color:white;
    background-color: #002E40;
    border: 2px solid #002E40!important;
    padding: 8px;
    font-weight:bold;
    font-size: clamp(16px, 2vw, 20px)!important;
    position: relative;
    padding-right:30px;
}

.geomag-button::after {
    content: "";
    background-image: url("/styles/resources/arrow-right-white.svg");
    background-repeat: no-repeat;
    background-size: contain;
    height: 13px;
    width: 16px;
    position: absolute;
    top: 50%;
    right:7px;
    transform: translateY(-50%);
}

.geomag-button:hover::after {
    background-image: url("/styles/resources/arrow-right-dark.svg")!important;
}

.geomag-button:hover {
    cursor: pointer;
    color: #002E40 !important;
    background-color: #fff;
    border: 2px solid black !important;
}

.geomag-button:focus {
    outline: none;
    border: 2px solid #005f73;
    box-shadow: 0 0 5px rgba(0, 95, 115, 0.5);
}


.geomag-button-secondary {
    border:none!important;
    border-radius: 0!important;
    color:#002E40;
    background-color: #e6ebed;
    border: 2px solid #e6ebed!important;
    padding: 8px;
    font-weight:bold;
    font-size: clamp(16px, 2vw, 20px)!important;
    position: relative;
}


.geomag-button-secondary:hover {
    cursor: pointer;
    color: #002E40 !important;
    background-color: #fff;
    border: 2px solid black !important;
}

.geomag-button-secondary:focus{
    outline: none;
    border: 2px solid #005f73;
    box-shadow: 0 0 5px rgba(0, 95, 115, 0.5);
}

.form-style-button{
    border:1px solid #ced4da!important;
    background-color: #fff;
    height:auto;
}

.form-style-button:hover, 
.form-style-button:focus {
    color: white;
    background-color: #002E40 !important;
}

.btn-grow{
    transition: transform 0.3s ease;
}

.btn-grow:hover {
    transform: scale(1.05);
}

.btn-grow:hover svg{
    fill: hsl(43, 27%, 56%);
}

.toggle-hover {
    animation: toggleScaleAndFill 1.5s infinite;
  }
  
  @keyframes toggleScaleAndFill {
    0%, 100% {
      transform: scale(1);
      fill: #002E40;
    }
    50% {
      transform: scale(1.07);
      fill: hsl(43, 27%, 56%);
    }
  }
  
.custom-control-input:checked~.custom-control-label::before{
    border-color:none!important;
    background-color: #002E40!important;
}