/* CSS Document */

html, body {
	height: 100%;
	width: 100%;
	margin:0;
	padding:0;
	font-family:Calibri, sans-serif;
	font-size:1em;
	background-color:#454551;
	color:#FFF;
}
a {
	color:#FFF;
}
.content a {
	color:#000;
}
#banner {
	margin:-1em;
	margin-bottom:1em;
	background: url(prairie.jpg) no-repeat center;
	background-size: cover;
	height: 20em;
}
.header {
	margin: 1em;
	padding: 1px 0 0 165px;
	background:url(logo.png) left no-repeat;
	min-height:110px;
	margin-left:65px;
}
.header h1 {
	font-size: 3em;	
	margin: 0;	
	font-family: "Calibri Light", "Arial Narrow", sans-serif;
	font-variant:	small-caps;
}
.header .subtitle {
	font-style:italic;
}

.contact {
	border-top: 2px solid #c3baaa;
	padding: 1em;
	}

.content {
	padding: 1em;
	margin-left: 230px;
	color:#000;
	background-color:#FFF;
}
.content img {
	width:100%;
	max-width: 600px;
}

h1, h2, h3 {
	font-family: "Calibri Light", "Arial Narrow", sans-serif;
	font-variant:	small-caps;
}
.sidebar {
	width:215px;
	padding:.5em;
	padding-top:1em;
	font-size:smaller;
	float:left;
}
.sidebar a {
	text-decoration:none;
}
.sidebar a:hover {
	background-color:#000;
}
.sidebar ul {
	margin:0;
	padding:0;
}
.sidebar li {
	list-style:none;
}
.sidebar li a {
	display:block;
	height: 1.5em;
	padding:5px;
	border-left:black 2px solid;
	transition-duration: .5s;
}
#toggle {
	display:none;
}
li {
	padding-bottom:.2em;
}
.ref {
	color:#666;
}
th {
	color:#FFF;
	background-color:#000;
}
table.chart, .chart td {
	border:1px solid #666;
}
th.day {
	font-variant: small-caps;
}
.footer {
		margin-left: 230px;
}
.footer .tile {
	float:left;
	margin-left:2em;
	
}
@media screen and (max-width: 640px){
	.header {
		padding: 1px;
		margin-left:1em;
		padding-top:100px;
		text-align:center;
		background:url(logo.png) top no-repeat;
	}
	.header h1 {
		font-size:2em;
		
	}
	.sidebar {
		width:100%;
		float:none;
	}
	#toggle {
		display:block;
	}
	.content, .footer {
		margin-left:auto;
	}
}