body {
	margin: 0;
	padding: 0;
	background-color: #eee;
	color: #111;
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
	line-height: 1.5;
}

:target::before {
	content: "";
	display: block;
	height: 50pt; /* fixed header height*/
	margin: -50pt 0 0; /* negative fixed header height */
}

header {
	position: fixed;
	margin: 0;
	top: 0;
	width: 100%;
	height: 50pt;
	background-color: #437b24;
	padding: 4pt 20% 4pt 20%;
	box-sizing: border-box;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 11pt;
}

header .logoImage {
	height: 42pt;
}

header nav {
	float: right;
	margin-top: 12pt;
	padding-top: 1pt;
}

header nav a {
	color: #ddd;
	text-decoration: none;
	margin-left: 8pt;
}

header nav a:hover {
	color: #fff;
	text-decoration: none;
}

footer {
	width: 100%;
	background-color: #373737;
	color: #999;
	padding: 6pt 20% 6pt 20%;
	box-sizing: border-box;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 9pt;
}

footer nav {
	float: right;
}

footer nav a {
	color: #999;
	text-decoration: none;
	margin-left: 8pt;
}

footer nav a:hover {
	color: #fff;
	text-decoration: none;
}

#content {
	margin: 66pt auto 16pt auto;
	width: 60%;
}

a {
	color: #437b24
}

h1 a, h2 a, h3 a {
	color: #111;
	text-decoration: none;
}

small {
	color: #777;
}

aside {
	width: 17%;
	min-width: 160px;
}

#right {
	float: right;
	margin-right: 1.5%;
}

#left {
	position: fixed;
	text-align: right;
	margin-left: 1.5%;
}

aside ul {
	padding: 0;
	list-style: none;
}

aside #banner {
	height: 600px;
	width: 160px;
	background-color: #373737;
	margin-bottom: 5pt;
}

.clear {
	/*content: "";
	display: table;*/
	clear: both;
}

@media all and (max-width: 941px) {
	#right {
		margin-right: .5%;
	}
	#left {
		margin-left: .5%;
	}
}

@media all and (max-width: 850px) {
	#left {
		position: relative;
		float: right;
		margin-top: 5pt;
		clear: both;
		text-align: left;
		margin-left: 0;
		margin-right: .5%;
	}
	#left, #right {
		width: 26%;
	}
	#content {
		margin: 66pt auto 16pt 2%;
		width: 70%;
	}
	header {
		padding-left: 2%;
		padding-right: 2%;
	}
	footer {
		padding-left: 2%;
		padding-right: 2%;
	}
}

@media all and (max-width: 600px) {
	#left, #right {
		display: none;
	}
	#content {
		margin: 66pt auto 16pt auto;
		width: 95%;
	}
	header {
		padding-left: 2.5%;
		padding-right: 2.5%;
	}
	footer {
		padding-left: 2.5%;
		padding-right: 2.5%;
		text-align: center;
	}
	footer nav {
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
}

@media all and (max-width: 400px) {
	header .logoImage {
		height: 21pt;
		margin-top: 10.5pt;
	}
}

/*
@media all and (min-width: 480px) and (max-width: 880px) {
	#page, #article {
		width: 60%;
	}
}
*/