html, body {
	margin:0;
	padding:0;
}

pre { 
	border: 1px solid #AAA; 
	background:#EEEEEE;
	padding:8px;
	font-size:100%; 
	max-width:80%; 
	margin:16px 32px 16px 32px;
	font-family: "Bookman Old Style", "Cambria", Arial, Verdana, Geneva;
	color:black;
	box-shadow:4px 4px 6px #AAA;
	white-space:pre; 
	white-space:pre-wrap; 
	word-wrap:break-word; 		
}

#header {
	position:absolute;
	left:0;
	top:0;
	background-color:#99CCCC;
	height:90px;
	width:100%;
	margin:0;
	padding:0;
	border-bottom:1px solid #CCC;
	box-shadow:4px 4px 4px #CCC;
	background-image: none;
	background-color:#09C; 
	background-image: linear-gradient(bottom left 90deg, #0088cc, #0bf);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#00bbee', GradientType=0);	
}

#content {
	position:absolute;
	top: 116px;
	left:208px;
	font-size:14px;
	line-height:20px;
	margin-left:16px;
	margin-right:24px;
}

#menupanel {
	position:absolute;
	top:96px;
	left:0;
	margin-left:16px;
	width:180px;
	font-size:15px;
	padding-top:20px;
	line-height:24px;
}

.menu, .menuhead {
	margin-top:16px;
	margin-left:12px;
	font-family: Cambria, Arial, Verdana, Geneva, Helvetica;
}

.menu a:link  { 
	color:black; 
}
.menu a:visited  { 
	color:black; 
}
.menu a:active {
	color:black; 
}
.menu a:hover { 
	color:red; 
}
#footer {
	text-align:center;
	min-height:64px;
	padding:0;
	flex-shrink:0;
}

#logo {
	display:inline-block;
	margin:14px 0 0 32px;
	width:220px;
	height:50px;
	z-index:1000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:48px;
	color:#0088cc;
	text-shadow: 1px 1px 2px black;
}

#nav {
	margin-right:64px;
	display:flex;
	justify-content:flex-end;
	height:40px;
}

#nav a {
	text-decoration:none;
	display:inline-block;
	margin-left:16px;
	color:#FFF;
	font-size:120%;
}

#nav a:hover {
	color:#000000;
}

.right {
	float: right;
	margin-left:8px;
	margin-bottom:8px;
}