body {
	color:#000;
	font-size:16px;
	line-height:1.5;
	background:#fff;
	text-align:center;
	font-family:'Barlow',sans-serif;
	margin:0;
	padding:0;
	font-weight: 300;
}

#container {
	position:relative;
	top:0;
	left:0;
	width:100%;
	padding:0;
	margin:0;
}

header {
	width:100vw;
	position:relative;
	top:0;
	left:0;
	font-size:1em;
	height:5.66em;
	display:block;
	text-align:center;
	margin:0;
	padding:0;
	background:#000;
	border-bottom: .08em #074571 solid;
}

#site-logo {
	position:absolute;
	top:3.125em;
	left:auto;
	right: 0;
	width:30em;
	height:16em;
	background:url(layout/header1a.jpg) right top no-repeat transparent;
}
#site-title {
	position:absolute;
	top:1.5em;
	left:1em;
	right: auto;
	width:30em;
	height:6em;
	text-align: left;
}

#site-title .larger {
	display: inline-block;
	color: white;
	font-size: 3em;
	font-family: 'Barlow Condensed', sans-serif;
	margin: 0 .25em 0 0;
}

#site-title .smaller {
	color: white;
	font-size: .75em;
	font-family: Verdana, sans-serif;
	font-weight: 300;
}

header h1 {
	display: none;
}

nav {
	position:fixed;
	top:6em;
	bottom:auto;
	left:0;
	font-size:1em;
	display:block;
	width:12em;
	margin:0;
	padding:0;
	background:transparent;
	height:auto;
	text-align:right;
}

nav ul {
	position:relative;
	top:0;
	left:0;
	width:100%;
	margin:0;
	text-transform:lowercase;
	height:auto;
}

nav ul li {
	position:relative;
	text-align:right;
	list-style:none;
	display:block;
	margin:.125em 0 0 0;
	height:auto;
}

nav ul li a {
	display: block;
	color:#cdf;
	background: #000;
	font-size:1em;
	line-height:1.66;
	padding: .125em .5em;
	width: calc(100% - 1.5em);
	height:auto;
	font-weight:400;
}

nav ul li a:hover,nav ul li.lit a {
	width: calc(100% - 1em);
	color: white;
}

#main {
	position:relative;
	top: 0;
	left: 16em;
	width:calc(100% - 2em);
	max-width:calc(100% - 36em);
	min-height:calc(100vh - 16em);
	display:block;
	height:auto;
	background:transparent;
	margin: 3em 0;
	text-align:left;
}

#main p {
	font-size:1em;
	line-height:1.5;
	margin-bottom:.5em;
}

#mainbox .storyp {
	margin:0 0 2em;
	font-size: 1.125em;
}

#searchbox {
	display:none;
}

#mainbox ul {
	font-size:1em;
	margin:0;
	padding:0;
}

#main h1,#main h2,#main h3,#main h4 {
	font-size:2em;
	font-weight:600;
}

#main h3 {
	font-size:1.5em;
	font-weight:600;
}

#main h4 {
	font-size:1.25em;
	font-weight:600;
}

#main a {
	color:#96626C;
	font-weight:400;
	text-decoration:none;
}

#main a:hover {
	color:#000;
	font-weight:400;
	text-decoration:none;
}

.contact_page #menubox {
	display: none;
}

#menubox h4 {
	font-weight: 600;
}
#menubox h4 a {
	color: black;
	font-weight: 600;
}


#menubox h4 a:hover,#menubox h4.lit,#menubox h4 a.lit {
	color:#074571;
	font-weight: 600;
}

blockquote {
	font-size:1em;
	font-style:oblique;
	font-weight: 600;
}

footer {
	position: relative;
	font-size: .88em;
	line-height: 1.6;
	margin: 0;
	padding: 2.66em 1rem;
	width: calc(100vw - 2rem);
	height: auto;
	min-height: 1.66em!important;
	display: block;
	clear: both;
	color: #eee;
	background: url(layout/footerstrip.jpg) 0 0 repeat transparent;
}

footer .footerimage {
	position: absolute;
	top: 0;
	left: 0;
	height: 7em;
	width: 10em;
	background: url(layout/footer.jpg) 0 0 no-repeat transparent;
	
}

footer a {
	color:#cde;
}

@media( max-width: 50em) {
	body {
		color:#000;
	}
	
	header {
		height: 8em;
	}
	
	header #site-title span {
		display: block;
	}
	
	header #site-logo {
		top: 8em;
		opacity: .33;
	}
	
	a#hamburger .hlines {
		background:#000!important;
	}
	
	header nav.mobi ul li#homepage_nav {
		display:inline-block;
	}
	
	header nav.mobi ul li a {
		color:#fff;
	}
	
	header nav.mobi ul li.lit a {
		color:#96626C;
	}
	
	#main,#main.columns {
		left: 0;
		top: 3em;
		width: calc(100vw - 2em);
		max-width: calc(100vw - 2em);
		margin: 1em auto;
	}
	footer span {
		display: inline-block;
		height: auto;
		line-height: 1.6;
	}
	footer #footer_main {
		width: calc(100% - 2em);
		margin: 0 1em;
	}
	footer .footerimage {
		display: none;
	}
}

@media( min-width: 50em) and (max-width: 64em) {
	body {
		color:#000;
	}
}