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

/*Mobile styling*/
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;
}
@media screen and (max-width: 57em) {
body {
	font-size: 1em;
	width: 99%;
	background: none;
}
#widthBox {
	border: none;
	min-width: 98%;
	width: 95%;
	text-align: left;
}
#header {
	height: auto;
	min-height: 7.2em;
	background-size: cover;
}
#headerNav {
	width: 96%;
	clear: both;
	overflow: auto;
}
#slogan {
	right: 2em;
	top: 3em;
}
#bigBanner {
	left: 0.2em;
	top: 0.5em;
}
#leftCol {
	left: 0;
	display: block;
	clear: both;
}
#mobileBtn, #navLinks2 ul ul {
	display: none;
}
#headerNav, #qSearch {
	color: #000;
	padding: 0.1em;
	font-size: 90%;
	margin-right: 0.2em;
}
#navLinks, #navLinks a:link, #navLinks a:visited, #navLinks2, #navLinks2 a:link, #navLinks2 a:visited {
	font-size: 90%;
}
#navLinks2 {
	border-left: #fff 0.1em solid;
	padding-left: 0.2em;
	padding-right: 0.2em;
}
.navigator div.topLevel {
	display: block;
	float: left;
}
/*nav drop down*/
.navigator div.oneCol, .navigator div.twoCol, .navigator div.threeCol, .navigator div.fourCol, .navigator div.threeCol.data, .navigator #quickLinks {
	width: 100%;
}
.navigator div.topLevel:hover div.secondLevel {
	left: 0;
}
/*end*/
.navigator #quickLinks {
	float: left;
	border-left: solid 0.1em #fff;
	width: auto;
}
#breadCrumbs {
	color: #fff;
	font-size: 70%;
	padding: 0.2em;
	text-align: left;
	background: #444;
	clear: both;
}
#breadCrumbs a:link, #breadCrumbs a:visited {
	color: #fff;
}
.breadCrumbLink:hover {
	color: #CC0000;
}
h1, h2, h3 {
	padding: 0.1em;
	margin-top: 0.4em;
}
#leftCol, #midCol {
	left: 0;
	position: relative;
}
#midCol {
	width: 100%;
}
#midCol h1 {
	font-size: 140%;
}
div.sectionTop, div:first-child.section {
	border-top: 0.1em solid #8EC0E3;
}
h2, #midCol .AccordionPanelTab h2, #pageTopLink {
	font-size: 130%;
}
h3 {
	font-size: 120%;
}
h4 {
	font-size: 110%;
}
h5 {
	font-size: 105%;
}
p {
	margin-top: 0.2em;
	margin-bottom: 0.4em;
}
#midCol p > img:not(.sectionIcon), #midCol p > img:not(.uiIcon) {
	width: 100%;
}
#mapDiv {
	clear: both;
}
div.imgBoxRight40 span, div.imgBoxRight50 span {
	display: none;
}
div.imgBoxRight50 .clear {
	clear: none;
}
div.fullWidthImg img, img.fullWidthImg {
	width: 100%;
}
#newsAndShare {
	min-height: 7em;
	width: 100%;
}
#newsIcons img {
	width: 10%;
}
.footer {
	display: none;
}
#footer {
	height: auto;
	background-color: #1F7EC0;
	display: block;
}
#footer, #footer div.shortColumn, #footer div.longColumn {
	font-size: 100%;
	height: auto;
	clear: both;
}
#accreditations img {
	float: left;
	height: 4em;
	margin: 0.5em;
}
#footer div.footerColumn {
	float: left;
	width: 49.5%;
	min-height: 18em;
	background-color: #1f7ec0;
}
}
@media screen and (min-width: 35em) and (max-width:57em) {
#bigBanner {
	width: 30%;
}
#navLinks {
	width: auto !important;
}
#qSearch {
	position: absolute;
	right: 0.5em;
	top: 2em;
}
#leftCol {
	width: 48%;
	float: left;
}
#rightCol {
	width: 48%;
	float: right;
}
.imgBoxRight50, .imgBoxRight40, .imgBoxRight33, .imgBoxLeft50, .imgBoxLeft40, .imgBoxLeft33, .rightCol60, .rightCol50, .rightCol40, .leftCol60, .leftCol50, .leftCol40 {
	width: 48%;
	padding: 0.2em;
}
.imgBoxRight50, .imgBoxRight40, .imgBoxRight33, .rightCol60, .rightCol50, .rightCol40 {
	float: right;
}
.imgBoxLeft50, .imgBoxLeft40, .imgBoxLeft33, .leftCol60, .leftCol50, .leftCol40 {
	float: left;
}
.imgBoxRight30, .imgBoxRight20, .imgBoxLeft30, .imgBoxLeft20 {
	float: right;
	width: 20%;
	clear: left;
	padding: 0.2em;
}
.glossaryBox {
	left: 0.2em;
	width: 100%;
}
}
@media screen and (max-width:35em) {
#mobileBtn, #slogan {
	display: none;
}
#bigBanner {
	width: 40%;
}
#headerNav {
	top: 3em;
}
#qSearch {
	position: absolute;
	left: 0.5em;
	top: 4em;
}
#leftCol, #rightCol, .imgBoxRight50, .imgBoxRight40, .imgBoxRight33, .imgBoxLeft50, .imgBoxLeft40, .imgBoxLeft33, .rightCol60, label, .leftCol60, .leftCol50, .leftCol40, .rightCol50, .rightCol40, div.director.leftCol50 {
	clear: both;
	width: 100%;
}
.imgBoxRight30, .imgBoxRight20, .imgBoxLeft30, .imgBoxLeft20 {
	width: 50%;
}
}