body {
	margin: 0px;
}
.topcontainer {
	height: 100vh;
	overflow-y: hidden;
	position: relative;
	z-index: 1;
	width: 100%;
}
.centertext {
	text-align: center;
	margin-top: 50vh;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	color: black;
	font-family: 'Lato';
	font-size: 32;
}
.centertext > .bigtext {
	font-size: 82;
}
.altop {
	font-size: 32;
	vertical-align: super;
	margin-left: 4px;
}
.topimg {
	height: 100vh;
	position: fixed;
	width: 100%;
	top: 0px;
	margin-top: 0px;
	background-image: url(kentrunning.jpg);
	background-size: cover;
	background-position: 50% 30%;
	z-index: -1;
}
.contentcontainer {
	position: relative;
	width: 100%;
	z-index: 1;
	overflow-y: hidden;
}
.contentcontainer > table {
	width: 100%;
	border-collapse: collapse;
}
.contentcontainer > table td {
	padding: 0;
	margin: 0;
}
.side {
	vertical-align: top;
}
.bottomside .side {
	vertical-align: bottom;
}
.side > div {
	width: 23.4375vh;
	max-width: 150;
}
.center {
	width: 100%;
}
.fixside .side table {
	position: fixed;
	top:0;
}
.side table {
	height: 100vh;
	border-collapse: collapse;
}
.side td:empty {
	background: white;
}
.side .imgholder {
	height: 1px;
}
.side img {
	max-height: 100vh;
	max-width: 150;
}
.contentcase {
	background-color: white;
}
.contentcontainer > table .contentcase {
	min-height: 1536;
}
.spacertop, .spacerbottom {
	height: 1px;
}
.spacertop {
	margin-bottom: -1px;
}
.spacerbottom {
	margin-top: -1px;
}
.backimg {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: -1;
}
.backleft {
	height: 100%;
	width: 100%;
	float: left;
	background-image: url(scottsroad.jpg);
}
.backright {
	float: right;
	width: 50%;
	height: 100%;
	overflow-x: hidden;
	margin-top: -100vh;
}
.backright div {
	height: 100%;
	width: 100vw;
	margin-left: -100%;
	background-image: url(track.jpg);
}
.backleft, .backright div {
	background-size: cover;
}

/* CONTENT FORMATING */
.contentcase h1, .contentcase h2, .contentcase h3, .contentcase h4, .contentcase h5, .contentcase h6 {
	font-family: 'Lato';
	text-align: center;
}
.contentcase h1 {
	font-size: 58;
}
.contentcase h2 {
	font-size: 42;
}
.contentcase h3 {
	font-size: 30
}
.contentcase {
	font-family: arial;
	font-size: 18;
	padding: 0 38;
}
.sepstats {
	width: 100%
}
.sepcenter {
	text-align: center;
}
.sepright {
	text-align: right;
}
.sepstats h3 {
	margin-bottom: 10px;
}
.contentcase a,.contentcase a:visited {
	text-decoration: none;
	color: blue;
}
.contentcase a:hover {
	color: darkblue;
}
.contentcase td {
	font-size: 18;
	vertical-align: top;
}
.sepequal2 td {
	width: 50%;
}
.sepequal3 td {
	width: 33.3%;
}
.sepequal4 td {
	width: 25%;
}
.nombottom {
	margin-bottom: 0;
}
.sock {
	background-color: white;
	height: 20px;
}
.footer {
	background-color: lightgrey;
	padding: 15 0;
	font-family: arial;
	font-size: 18;
	border-top:1px solid darkgrey;
}
.footer table {
	width: 100%;
}
.footer td {
	text-align: center;
}
.footer a,.footer a:visited {
	color: grey;
	text-decoration: none;
}
.footer a:hover {
	color: black;
}
#cover {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: black;
	opacity: 0.8;
	z-index: 2;
	transition: opacity 0.5s;
}
#cover.hidden, #credits.hidden {
	display: none;
}
#credits {
	margin-top: 50vh;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	background-color: white;
	position: fixed;
	width: 50%;
	margin-left: 25%;
	z-index: 2;
	transition: opacity 0.5s;
	padding-bottom: 30;
}
.nobreak {
	white-space: nowrap;
}
.lalign {
	text-align: left !important;
}
.ralign {
	text-align: right !important;
}
@-moz-document url-prefix() { /* moz specific hack */
	.topcontainer {
		clip: rect(0, auto, auto, 0);
	}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* ie specific hack */
	.topcontainer {
		clip: rect(0, auto, auto, 0);
	}
	.side {
		height: 1px;
	}
	.side div {
		position: relative;
	}
}