*{
	margin:0px;
	padding:0px;
}

body{
	margin:10px;
	font-family:Geneva, Tahoma, Verdana, sans-serif;
}

h2{
	text-align:center;
}

p{
	margin:0px 0px 10px 0px;
	text-align: justify;
}

a{
	color:blue;
}

a:hover{
	color:darkred;
}

table.full{
	width:100%;
}

td.right{
	text-align:right;
}

img {

	max-width: 100% !important;
	
}

img.right{
	float: right;
	margin-left:10px;
	border: 1px solid #000;
}

img.left{
	float:left;
	margin-right:10px;
	border: 1px solid #000;
}

.container {
	display: -webkit-flex;
	display: flex;
	flex-flow: row wrap;
}

.container > header, nav, .content {
	background:#66CCFF;
	border-radius:9px;
	border: 1px solid #000;
	margin:5px;
	padding:10px;
	box-shadow: 7px 7px 5px #888888;
}

.container > header {
	order: 1;
	width: 100%;
}

.container > nav {
	order: 2;
	width: 150px;
}

.container > .content {
	order: 3;
	-webkit-flex: 1;
	flex: 1;
}

.container > nav > ul{
	list-style-type: none;
	line-height:3em;
}

.container > nav > ul > li > a{
	font-weight:500;
	text-decoration: none;
}

.mainheading div{
	font-weight:bold;
	font-size:150%;
}

.mainheading img {
	height: 90px;
	width: auto;
}