@font-face {
	font-family: "Buxton Sketch";
	src: url('fonts/BuxtonSketch.eot');
	src: local("Buxton Sketch"), url('fonts/BuxtonSketch.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
* {
	font-family: Calibri, Geneva, sans-serif;
	font-size: 13pt;
	padding: 0;
	border: 0;
	margin: 0;
}
body {
	background-color: #E0F8E0;
}
hr {
	border: 1px silver dashed;
	margin: 8px 0;
}


/* HTML 5 */

nav, main, header, footer, section, article, aside, time {
	display: block;
}

/* DIVs */

div#wrapper {
	display: grid;
	grid-gap: 10px;
	grid-template-areas: "header"
						 "nav"
						 "main"
						 "footer";
	
	background-color: white;
	max-width: 1100px;
	margin: 0 auto 20px auto;
	padding: 15px;
	box-shadow: 0px 0px 25px silver;
}
header {
	grid-area: header;
	vertical-align: middle;
	text-align: center;
}
header img {
	max-width: 100%;
}
header a#rhs {
	outline: none;
	float: right;
}
main {
	grid-area: main;
	padding: 0 0 5px 0;
}
main ul, aside ul {
	text-align: left;
	list-style: square;
	padding-left: 20px;
}
main a {
	text-decoration: underline;
}
footer {
	grid-area: footer;
	background-color: #C0C0C0;
	text-align: right;
	font-size: small;
	clear: both;
	padding: 5px;
}

/* Navigation */

nav {
	grid-area: nav;
	background-color: #0B6161;
	margin: 10px 0 20px 0;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
}
nav a:not(:last-of-type) {
	border-right: 2px silver solid;
}

nav a {
	display: -moz-inline-stack;
	display: inline-block;
	text-decoration: none;
	padding: 5px 10px;
	color: white;
}
nav a:hover {
	background-color: #C0C0C0;
	text-decoration: none;
	color: #0B6161;
}
nav a:first-of-type {
	background-image: url("/images/lock.png");
	border: none;
	margin: 2px;
	display: block;
	float: right;
	height: 12px;
}


/* Forms */

input, button, textarea {
	border: 1px #aaa solid;
	padding: 1px;
	margin: 2px;
}
input, button, textarea, label {
	display: inline-block;
	vertical-align: top;
}
label {
	width: 120px;
}
input, textarea {
	width: 300px;
}
button, input[type=button], input[type=submit], input[type=reset] {
	border-color: #0B6161;
	padding: 1px 4px;
	cursor: pointer;
}


/* Fonts */

strong {
	color: #0B6161;
}
a {	
	text-decoration: none; 
	color: inherit;
	font-size: inherit;
}
a:hover { 
	text-decoration: underline; 
	color: #808080;
}
main p {
	margin: 10pt 0;
}
main .smalltext {
	font-size: 10pt;
}
header h2 {
	font: normal 13pt "Segoe UI", Arial, sans-serif;
	margin: 0;
}
header p {
	margin: 7px 0;
}
h1 {
	font: 20pt "Buxton Sketch", serif;
	text-align: center;
}
h2 {
	font-size: 16pt;
	margin-bottom: 5px;
	text-align: center;
	color: #0B6161;
}
h3 {
	font-size: 14pt;
	margin-bottom: 5px;
}
main h3 ~ h3 {
	margin-top: 15px;
}
/* Create indented content under each h3 */
main > h3 ~ :not(h3) {
	margin-left: 20px;
}