/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}
img {max-width: 100%; height: auto;}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ===== Initializr Styles ==================================================
   Author: Jonathan Verrecchia - verekia.com/initializr/responsive-template
   ========================================================================== */

body {
    font: .9rem/1.2rem 'Open Sans', sans-serif;
}

.wrapper {
    width: 100%;
    margin: 0;
}
.notWrapping {white-space: nowrap; padding: 0 5%;}

/* ===================
    Abbey Theme
   =================== */
/*layout elements*/
#fullpage {margin-top: 160px;}
.header-container {
	background: white; padding: 0 5%;
}
.fixedHeader {position: fixed;top: 0;left: 0;right: 0;margin: 0;z-index: 999;}
.heightRestrict {height: 120px; padding: 15px 0;position: relative;vertical-align: middle;box-sizing: border-box;white-space: nowrap;}

.footer-container {background-color: #fff100; padding-bottom: 50px;}

.header-container,
.main aside {
    background: white;
}
.brand {width: 30%; margin: 0; padding: 0; display: inline-block;vertical-align: middle;}
.title {
    width: 30%; max-width: 120px; height: auto; margin: 0; padding: 0; display: inline-block;vertical-align: middle;
}
h1.title img, h1.title picture {
    max-width: 60px; height: auto;
}
.openClick {
    width: 70%; margin: 0; padding: 0; display: inline-block;vertical-align: middle;
}
.hideSmall {display: none;}
.hideme {opacity: 0;}
.sectionRepeat {position: relative; padding-bottom: 5%;}
.sectionTitleHolder {box-sizing: border-box; display: block; padding: 10px 5%; width: 100%;}
.topLink {position: absolute; right: 5%; bottom: 25px; z-index: 30; width: 25px; height: auto;}
.playdivider {border-top: 1px solid #aeaeae;}
.boxedOff {background-color: #1c1c1c; box-sizing: padding-box; margin: 0 5%; color: #fff; padding: 35px 0;}

/*typography*/
p {font-size: .95rem; line-height:1.33rem; max-width: 48rem;}
h1 {font-family: "acumin-pro-extra-condensed",sans-serif;font-style: normal;font-weight: 800; font-size: 2.4rem; line-height: 2.4rem;}
h2 {font-family: "acumin-pro-extra-condensed",sans-serif;font-style: normal;font-weight: 800;}
h3 {font-family: 'Open Sans', sans-serif;font-style: normal;font-weight: 600; font-size: 1.35rem; line-height: 1.45rem;}
h4 {font-family: 'Open Sans', sans-serif;font-style: normal;font-weight: 800; font-size: 1.2rem; line-height: 1.45rem;}
h5 {font-family: 'Open Sans', sans-serif;font-style: normal;font-weight: 600; font-size: .95rem; line-height: 1.33rem;}
h6 {font-family: "Courier", Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace"; font-style: normal;font-weight: 600;font-size: .95rem; line-height: 1.33rem;}
h2.tableName {font-family: 'Open Sans', sans-serif;font-style: normal;font-weight: 800; font-size: 1.35rem; line-height: 1.45rem; padding-bottom: 15px; width: 100%; border-bottom: 1px solid #1c1c1c;}
.bigRed {font-size: 4rem; line-height: 3.5rem;color:#ed2126;}
.bigGrey {font-size: 4rem; line-height: 3.5rem;color:#414141;}
.bigWhite {font-size: 4rem; line-height: 3.5rem;color:#fff;}
.bigBlack {font-size: 4rem; line-height: 3.5rem;color:#1c1c1c;}
.bigYellow {font-size: 4rem; line-height: 3.5rem;color:#fff100;}
.sectionTitle {font-family: "acumin-pro-extra-condensed",sans-serif;font-style: normal;font-weight: 800; font-size: 2.4rem; line-height: 2.75rem;}
.subhead {font-weight: 300;font-style: italic;font-size: 1.15rem;}
.intro {font-weight: 300;font-style: italic; font-size: 1.35rem; line-height: 1.45rem;}
/*specifics*/
h1.bigRed {-webkit-margin-before: 0;}
blockquote {font-family: "kepler-std", "acumin-pro-extra-condensed",serif;font-style: italic; font-weight: lighter; font-weight: 300; font-size: 1.35rem; line-height: 1.75rem; padding: 0; margin: 0 0 1.6rem 0;}
ul {list-style: none; margin: 10px 0; padding: 0;}
ul li::before {content: '';
   display: inline-block;
   height: 16px;
   width: 16px;
   background-image: url(../img/../img/list-dot.png);
	background-image: url(../img/../img/list-dot-vector.svg);
	background-repeat: no-repeat;
	margin-right: 1rem;
}
ul li {color: #1c1c1c;}
.boxedOff ul li {color: #fff; background-image: none;}
.boxedOff ul li::before {color: #fff; background-image: none; content: "– ";}
ol {list-style: lower-roman;list-style-position: inside; margin: 10px 0; padding: 0;}
ol li, ul li {margin-bottom: .65rem;}
ul.visionList {margin-left: 1.5rem;}
ul.visionList li {color: #1c1c1c; list-style-image: url(../img/../img/list-dot.png); margin-left: 1rem;}
ul.visionList li::before {display: none;}
.midGrey h1, .midGrey h2, .midGrey h3 {color: #fff;}
.midGrey figure h1, .midGrey figure h2, .midGrey figure h3 {color: #1c1c1c;}
.rev {color: #fff;}
.red {color:#ed2126;}
.greyRev {color: #cacaca;}
.smallerLighter {font-size: 75%; font-weight: 400;}
.Lighter {font-weight: 400;}
.italic {font-style: italic;}
.underline {text-decoration: underline; font-weight: 300;}
li.principles { padding: 0; margin: 0 0 .6rem 0; }
li.principles::after {content: "–"; color: #414141;display: block;}
li.principles ul li::before {content: "– "; color: #acacac; font-weight: 800; list-style-image: none; background-image: none;}
li.principles ul li {}
p a {font-weight: 600; color: #ed2126;}
.smallText {font-size: .85rem; line-height: 1.2rem;}

/* Captions */
figure {
    margin: 0;
    position: relative;
}
div.info {position: absolute; top: 10px; left: 10px; width: 20px;height: 20px; background: url(../img/info.png) center center no-repeat; background-size: contain; cursor: pointer; border:#fff 1px solid;z-index: 35;}
div.info p {display: none;}

figure img {
    display: block;
    position: relative;
    z-index: 10;
    max-width: 100%;
    height: auto;
}
figure figcaption {
    display: block;
    position: absolute;
    z-index: 5;
}
figure h3 {
    color: #1c1c1c;
    font-size: 22px;
    line-height: 1.2;
    font-weight: 700;
    margin-bottom: 10px;
	max-width: 90%;
}
figure span {
    color: #1c1c1c;
    display: block;
    line-height: 1.2;
	max-width: 90%;
}
figure a.close-caption {
    display: block;
    position: absolute;
    width: 44px;
    height: 44px;
    text-align: center;
    line-height: 44px;
    font-size: 24px;
    font-weight: 700;
    color: #1c1c1c;
}
figure a.close-caption.hidden {
    display: none
}
.slideOver figure {
    overflow: hidden;
}
.slideOver figure a.close-caption {
    bottom: 10px;
    left: 10px;
}
.slideOver figure figcaption {
    background-color: #fff100;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    padding: 60px 20px 20px 10px;
    transform: translateX(-100%);
    transition: all 0.5s;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}
.slideOver figure img {
    transition: all 0.3s;
}
.no-touch .slideOver figure:hover img,
.slideOver figure.hover img {
    transform: translateX(50%);
}
.no-touch .slideOver figure:hover figcaption,
.slideOver figure.hover figcaption {
    transform: translateX(0);
}

/* ==============
    MOBILE: Menu
   ============== */

nav ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
	white-space: normal;
}
nav ul li::before {content: none;}

nav a {
    display: block;

    text-decoration: none;
	font-weight: 400;

    background: transparent;
	transition:all .25s ease-in-out; -webkit-transition: all .25s ease-in-out;
}

nav a:hover {
    color: #fff100;text-decoration: none;
}
nav.menu a {padding: .42rem 0; margin: 0 0 .42rem; border: none; outline:none; color: #fff; text-decoration: none; display: block; float: none; font-weight: normal;font-weight: 400; width: 100%; box-sizing: border-box; text-align: left;}
.indent {padding-left: 1.45rem; border-left:1px solid #1c1c1c;}

nav.openClick ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
	white-space: normal;
}
nav.openClick ul li::before {content: none;}

nav.openClick a {
    display: block;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 15px;
	cursor: pointer;

    text-align: center;
    text-decoration: none;
    font-weight: bold;

    color: #1c1c1c;
	border: #1c1c1c 2px solid;
    background: transparent;
	transition:all .25s ease-in-out; -webkit-transition: all .25s ease-in-out;
}

nav.openClick a:hover {
    color: #fff100; background: #1c1c1c;
}

nav.openClick a:hover {
    text-decoration: none;
}
a.sectionJump {
    display: inline-block;
    margin-bottom: 10px;
    padding: 10px;

    text-align: center;
    text-decoration: none;
    font-weight: bold;

    color: #1c1c1c;
	border: #1c1c1c 2px solid;
    background: transparent;
	transition:all .25s ease-in-out; -webkit-transition: all .25s ease-in-out;
	cursor: pointer;
}

a.sectionJump:hover {
    color: #fff; background: #1c1c1c;
}

a.sectionJump:hover {
    text-decoration: none;
}
span.fadeHover {transition:color .25s ease-in-out; -webkit-transition: color .25s ease-in-out;}
a.sectionJump:hover span.fadeHover {color: #5e5e5e;}
ul#onpageNav {margin: 0 -10%; padding: 10px 10%; width: 120%; background:#eaeaea; background-color: #fff; border-top: 1px solid #fff; height: 1.33rem;position: relative;}
nav.footMenu, div.fourcolStaff {display: block; text-align: left;}
nav.footMenu a {text-decoration: none; color: #1c1c1c; transition: all .5s ease-in; -webkit-transition: all .5s ease-in; background-color: #fff100; text-align: left; display: block; float: none; margin: 5px 0 0 0; padding: 5px 5px 5px 0;border-bottom: #fff100 2px solid;}
nav.footMenu a:hover {border-bottom: #fff 2px solid;}
nav.footMenu h3 {color: #1c1c1c; }
nav.footMenu .currentPage {color: #1c1c1c; text-decoration: underline;}
/*
#onpageNav li {font-family: "acumin-pro-extra-condensed",sans-serif;font-style: normal;font-weight: 800; font-size: 1rem; display:inline-block;opacity: 0; transform:translateX(-2000px);transition:all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; }
#onpageNav li::before {content: none; color: #1c1c1c; font-weight: 800;}
#onpageNav li.selected {display: inline-block;opacity: 1;transform:translateX(0);float: left;}
#onpageNav li a {text-decoration: none; color: #1c1c1c;}
*/
#onpageNav li {font-weight: 600; font-size: .9rem; display:inline-block;opacity: 0; transition:all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; position: absolute;}
#onpageNav li::before {content: none; color: #1c1c1c; font-weight: 600;}
#onpageNav li.selected {display: inline-block;opacity: 1;float: left;}
#onpageNav li a {text-decoration: none; color: #1c1c1c;}
/* Side Slide Menu */
#open-button {font-family: "acumin-pro-extra-condensed",sans-serif;font-style: normal;font-weight: 800; text-transform: uppercase; font-size: 1.35rem; letter-spacing: .5px;}
.menu-wrap a {
	color: #b8b7ad;transition:all .25s ease-in-out; -webkit-transition: all .25s ease-in-out;
}

.menu-wrap a:hover,
.menu-wrap a:focus {
	color: #dadada;
}

.content-wrap {
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}

.content {
	position: relative;
	background: #b4bad2;
}

.content::before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.3);
	content: '';
	opacity: 0;
	-webkit-transform: translate3d(100%,0,0);
	transform: translate3d(100%,0,0);
	-webkit-transition: opacity 0.4s, -webkit-transform 0s 0.4s;
	transition: opacity 0.4s, transform 0s 0.4s;
	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}

/* Menu Button */
.menu-button {
	position: fixed;
	z-index: 1000;
	margin: 1em;
	padding: 0;
	width: 2.5em;
	height: 2.25em;
	border: none;
	text-indent: 2.5em;
	font-size: 1.5em;
	color: transparent;
	background: transparent;
}

.menu-button::before {
	position: absolute;
	top: 0.5em;
	right: 0.5em;
	bottom: 0.5em;
	left: 0.5em;
	background: linear-gradient(#373a47 20%, transparent 20%, transparent 40%, #373a47 40%, #373a47 60%, transparent 60%, transparent 80%, #373a47 80%);
	content: '';
}

.menu-button:hover {
	opacity: 0.6;
}

/* Close Button */
.close-button {
	width: 1em;
	height: 1em;
	position: absolute;
	right: 1em;
	top: 1em;
	overflow: hidden;
	text-indent: 1em;
	font-size: 0.75em;
	border: none;
	background: transparent;
	color: transparent;
}

.close-button::before,
.close-button::after {
	content: '';
	position: absolute;
	width: 3px;
	height: 100%;
	top: 0;
	left: 50%;
	background: #fff;
}

.close-button::before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.close-button::after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/* Menu */
.menu-wrap {
	position: absolute; top: 0;
	z-index: 1001;
	width: 250px;
	min-height: 100%;
	background: #414141;
	padding: 2.5rem 1.5rem 2.5rem;
	-webkit-transform: translate3d(-360px,0,0);
	transform: translate3d(-360px,0,0);
	-webkit-transition: -webkit-transform 0.4s;
	transition: transform 0.4s;
	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}

.menu, 
.icon-list {
	height: 100%;
}
.pageName {color: #eaeaea;font-family: "acumin-pro-extra-condensed",sans-serif;font-style: normal;font-weight: 800;padding-bottom: .21rem;}
.currentPage {color: #fff100;}
.icon-list {
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
}

.icon-list a {
	display: block;
	padding: 0.8em;
	-webkit-transform: translate3d(0,500px,0);
	transform: translate3d(0,500px,0);
}

.icon-list,
.icon-list a {
	-webkit-transition: -webkit-transform 0s 0.4s;
	transition: transform 0s 0.4s;
	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}

.icon-list a:nth-child(2) {
	-webkit-transform: translate3d(0,1000px,0);
	transform: translate3d(0,1000px,0);
}

.icon-list a:nth-child(3) {
	-webkit-transform: translate3d(0,1500px,0);
	transform: translate3d(0,1500px,0);
}

.icon-list a:nth-child(4) {
	-webkit-transform: translate3d(0,2000px,0);
	transform: translate3d(0,2000px,0);
}

.icon-list a:nth-child(5) {
	-webkit-transform: translate3d(0,2500px,0);
	transform: translate3d(0,2500px,0);
}

.icon-list a:nth-child(6) {
	-webkit-transform: translate3d(0,3000px,0);
	transform: translate3d(0,3000px,0);
}
.icon-list a:nth-child(7) {
	-webkit-transform: translate3d(0,3500px,0);
	transform: translate3d(0,3500px,0);
}


/* Shown menu */
.show-menu .menu-wrap {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	-webkit-transition: -webkit-transform 0.8s;
	transition: transform 0.8s;
	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}

.show-menu .icon-list,
.show-menu .icon-list a {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	-webkit-transition: -webkit-transform 0.8s;
	transition: transform 0.8s;
	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}

.show-menu .icon-list a {
	-webkit-transition-duration: 0.9s;
	transition-duration: 0.9s;
}

.show-menu .content::before {
	opacity: 1;
	-webkit-transition: opacity 0.8s;
	transition: opacity 0.8s;
	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/* ==============
    MOBILE: Main
   ============== */

.main {
    padding: 30px 0;
}

.main aside {
}

.footer-container footer {color: #1c1c1c; display: inline-block; margin: 0 5%; width: 90%;
}

/* ===============
    ALL: IE Fixes
   =============== */

.ie7 .title {
    padding-top: 20px;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/*animation*/
.flashing{
	background:transparent;
	padding:0;
	color:#fff100;
	border:none;
	animation-name: flash;
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;

	/* Chrome 4+, Safari 4+, Opera 15+ */
	-webkit-animation-name: flash;
	-webkit-animation-duration: 2s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;

	/* Firefox 5+ */
	-moz-animation-name: flash;
	-moz-animation-duration: 2s;
	-moz-animation-timing-function: linear;
	-moz-animation-iteration-count: infinite
}

@keyframes flash {  
	0% { opacity: 1.0 }
	50% { opacity: 0.5 }
	100% { opacity: 1.0 }
}

/* Chrome 4+, Safari 4+, Opera 15+ */
@-webkit-keyframes flash {  
	0% { opacity: 1.0 }
	50% { opacity: 0.5 }
	100% { opacity: 1.0 }
}

/* Firefox 5+ */
@-moz-keyframes flash {  
	0% { opacity: 1.0 }
	50% { opacity: 0.5 }
	100% { opacity: 1.0 }
}
/*full page stuff*/
.area1 {
	    background-size: 25%, auto;
		background-attachment: fixed;
        background-position: 5% 150px;
		background-repeat: no-repeat;
		background-image: url(../img/background-A-reduce.png);
		background-color: #414141;
}
.equalCol, .equalCol.left, .equalCol.right, .headerCol, .wideColLeft, .wideColRight, .narrowColLeft, .narrowColRight {
	display: block;
	width: 90%;
	margin: 15px 5%;
}
.fullBand {width: 90%; margin: 0 5%;}
.thirdColLeft, .thirdColMid, .thirdColRight {margin-left: 5%; margin-right: 5%; width: 90%; display: block; vertical-align: top;}
.break {display: block;width: 100%;padding: 0;margin: 0;}
.sponsors {margin: 0 5%; display: table; border-spacing: 60px;}
.sponsors .logoGrid {display: table-cell; vertical-align: middle; widows: 25%;}
div.genderTable {margin: 0 5%; width: 90%;}
table.div.genderTable {text-align: center;}
table.genderTable th {text-align: center;}
table.genderTable td {text-align: center; display: table-cell;}
.genderTableLarge { display: none; }
.genderTableSmall { display: table; width: 100%; border-spacing: 10px; border-collapse: separate;}
.genderTableSmall td { width: 50%; border-right: 2px solid #1c1c1c; border-bottom: 1px solid #666; padding: 20px; text-align: center}
.genderTableSmall th { width: 50%; border-left: 2px solid #1c1c1c; border-bottom: 1px solid #666; padding: 20px; text-align: left;}
.sectionRepeat.lightGrey {background-color: #eaeaea;}
.sectionRepeat.YellowBanner {background-color: #fff100; color: #1c1c1c; padding-top: 10px; padding-bottom: 10px;}
.sectionRepeat.darkGrey {background-color: #414141; color:white;}
.sectionRepeat.midGrey {background-color: #969696; color:#1c1c1c;}
.titleSlide {position: relative;width: 100%; margin: 0;padding: 0;display: block;}
.titlePosition {position: absolute; top: 5%; left: 5%; right: 5%; width: 90%;z-index: 31; color: #fff;}
.titlePosition .bigWhite {margin: 0;}
.titlePosition .bigWhite::after {content: "–"; color: #fff100; font-weight: 400; display: block;}
.downArrow {position: absolute; width: 24px; height: auto; left:5%; bottom: 25px; z-index: 30;}
#formatNote {position: relative;}
#alertClose {position: absolute; top: 25px; right: 5%;}

/*Buttons*/
a.fullReport {padding: 20px 30px; font-family: "acumin-pro-extra-condensed",sans-serif;font-style: normal;font-weight: 800; font-size: 1.55rem; letter-spacing: .5px;}

/*stats*/
.statsContainer {padding: 0 5%; display: block; white-space: nowrap;}
.statHolder {background-color: #646464; white-space: nowrap; vertical-align: middle;transition:all .25s ease-in; -webkit-transition: all .25s ease-in;}
.statHolder.darker {background-color: #414141; color: white;}
.statGraphic {width: 50%; margin: 0; padding: 0; vertical-align: middle; display: inline-block;}
.statGraphic img {margin: -5px 0;}
.statText {width: 50%; padding: 15px; vertical-align: middle; display: inline-block; box-sizing: border-box; white-space: normal; text-align: center;position: relative;}
.statHolder:hover {background-color: #1c1c1c; color: #fff100;}
.centered {margin: 0 auto; display: block;}

/*page-to-page navigation*/
.navButtons {text-align: left; padding: 10px 5%; background-color: #1c1c1c; color: #fff;}
.navButtons h3 {color: #acacac;}
.navButtons a.sectionJump {color: #fff100; border-color: #fff;}
.navButtons a.sectionJump:hover {color: #fff; border-color: #414141;}
a {cursor: pointer;}

/* maps */
.st3:hover {
  stroke: #ed2126 !important;
  stroke-width:2px;
  stroke-linejoin: round;
  fill: #ed2126 !important;
  cursor: default;
}
.info-box {
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 999;
  background-color: #1c1c1c;
  border: 2px solid #1c1c1c;
  padding: 5px 8px;
  font-family: 'Open Sans', sans-serif;
	color: #fff100;
}
g rect, g text {visibility: hidden;}
g:hover rect, g:hover text {visibility: visible;}



/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 480px) {

/* ====================
    INTERMEDIATE: Menu
   ==================== */

    nav a {
        float: right;
        width: auto;
        margin: 0 1.25%;
        margin-bottom: 0;
    }

    nav li:first-child a {
        margin-left: 0;
    }

    nav li:last-child a {
        margin-right: 0;
    }

/* ========================
    INTERMEDIATE: IE Fixes
   ======================== */

    nav ul li {
        display: inline;
    }

    .oldie nav a {
        margin: 0 0.7%;
    }
}

@media only screen and (min-width: 768px) {

/* ====================
    WIDE: CSS3 Effects
   ==================== */

    .header-container,
    .main aside {
    }

/* ============
    WIDE: Menu
   ============ */
	.heightRestrict {height: 80px; padding: 15px 0;position: relative;vertical-align: middle;box-sizing: border-box;white-space: nowrap;}
	#fullpage {margin-top: 110px;}
	.title {
        float: none;
    }
	h1.title, h1.title img, h1.title picture {
        max-width: 250px; height: auto;
    }

    nav.openClick {
        float: none;
        width: 70%;
    }
	.menu-wrap {
	width: 300px;
	-webkit-transform: translate3d(-510px,0,0);
	transform: translate3d(-510px,0,0);
}
	nav.menu a {padding: .21rem 0; margin: 0 0 .21rem;}
/*	nav.menu .pageName {margin: 2.4rem 0 0;border-bottom: 1px solid #1c1c1c;}*/
	nav.menu .pageName {margin: 1.4rem 0 0;}
	footer.wrapper {white-space: nowrap;}
	nav.footMenu, div.fourcolStaff {float: left; vertical-align: top; width: 47.5%;}
	nav.footMenu:nth-of-type(2n+0), div.fourcolStaff:nth-of-type(2n+0) {margin-left: 5%;}

/* ============
    WIDE: Main
   ============ */
	.main {
    padding: 30px 0;
	}
	.titlePosition {position: absolute; top: 5%; left: 5%; width: 37.5%;z-index: 31;}
	article {vertical-align: top;white-space: nowrap;}
	article div {white-space: normal;}
	.equalCol.left {
		vertical-align: top;
		display: inline-block;
		width: 42.5%;
		margin: 15px 5%;
		white-space: normal;
	}
	.equalCol.right {
		vertical-align: top;
		display: inline-block;
		width: 42.5%;
		margin: 15px 5% 15px 0;/*this seems wrong, use next margin*/
		margin: 15px 0 15px 0;
		white-space: normal;
	}
	.headerCol {
		vertical-align: top;
		display: inline-block;
		width: 37.5%;
		margin: 15px 10% 15px 5%;
		white-space: normal;
	}
	.wideColLeft {
		vertical-align: top;
		display: inline-block;
		width: 47.5%;
		margin: 15px 5%;
		white-space: normal;
	}
	.wideColRight {
		vertical-align: top;
		display: inline-block;
		width: 47.5%;
		margin: 15px 5% 15px 0;
		white-space: normal;
	}
	.narrowColLeft {
		vertical-align: top;
		display: inline-block;
		width: 32.5%;
		margin: 15px 5%;
		white-space: normal;
	}
	.biogColRight {
		vertical-align: top;
		display: inline-block;
		width: 47.5%;
		margin: 15px 0 15px 0;
		white-space: normal;
	}
	.biogColLeft {
		vertical-align: top;
		display: inline-block;
		width: 32.5%;
		margin: 15px 5% 15px 0;
		white-space: normal;
	}
	.narrowColRight {
		vertical-align: top;
		display: inline-block;
		width: 32.5%;
		margin: 15px 5% 15px 0;
		white-space: normal;
	}
	.thirdColLeft, .thirdColMid, .thirdColRight {margin-left: 5%; margin-right: 0; width: 26.666%; display: inline-block;}
	.thirdColRight {margin-right: 5%;}
	#area1 {
        background-position: 10px 150px;
	}
	.statHolder {width: 47.5%; display: inline-block;}
	.statHolder.odd {margin-left: 5%;}
	.statHolder.last {margin-left: auto; margin-right: auto; display: block;}
	.statGraphic {}
	.statText {padding: 25px;}
	.midAlign .equalCol.left, .midAlign .equalCol.right {vertical-align: middle;}
	.hideSmall {display: inline;}
	.genderTableLarge { display: table; border-spacing: 10px; border-collapse: separate; }
	.genderTableSmall { display: none; }
	.genderTableLarge td { width: 12.5%; border-bottom: 2px solid #1c1c1c; padding: 5px 0 20px; text-align: center;}
	.genderTableLarge th { width: 12.5%; border-top: 2px solid #1c1c1c; border-bottom: 1px solid #4b4b4b; padding: 25px 0 15px;}

}

@media only screen and (min-width: 1140px) {

/* ===============
    Maximal Width
   =============== */
	footer.wrapper {white-space: nowrap;}
	nav.footMenu, div.fourcolStaff {float: left; vertical-align: top; width: 21.25%; white-space: normal;}
	nav.footMenu, div.fourcolStaff {margin-left: 5%;}
	nav.footMenu:first-of-type, div.fourcolStaff:first-of-type {margin-left: 0;}
}

@media only screen and (min-width: 1140px) {

/* ===============
    Maximal Width
   =============== */

    .wrapper {
        /* width: 1026px;  1140px - 10% for margins */
        margin: 0 auto;
    }
	.menu-wrap {padding: 2.5rem 1.5rem 3.85rem;}
	.menu-wrap nav.menu { float: none; width: 100%;}
	
	
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

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

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }
	footer, nav.openClick, #onpageNav, div.menu-wrap, #clickthrough, .footer-container, .topLink, .downArrow {display: none;}
	body {padding: 0 5%;}
    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 50% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
	.fixedHeader {position: relative;}
	.header-container {padding: 0;}
	h1.title  {max-width: 100%;}
	h1.title picture {width: 100%;}
	.title {width: 100%;}
	.titlePosition {position: relative; top: 0; left: 0; right: 0; width: 100%; z-index: 31;}
	/*divs etc*/
	.equalCol, .equalCol.left, .equalCol.right, .headerCol, .wideColLeft, .wideColRight, .narrowColLeft, .narrowColRight {display: block; width: 100%; margin: 15px 0; }
	.slideOver figure figcaption {transform: translateX(0); position: relative;}
	.no-touch .slideOver figure:hover img, .slideOver figure.hover img {transform: translateX(0%);}
	.info {display: none;}
	.statsContainer {padding: 0;margin: 0;}
	.statText {float: right; width: 50%}
	.statGraphic {float: left; width: 40%;}
	.statHolder {float: left; clear: right; margin-bottom: 5px; padding: 5px 0; border-bottom: 1px solid black; width: 60%;}
	.hideme {opacity: 100;}

}