body {
    background-color: white;
	width:100vw;
	height:100vh;
	margin:0;
	font-family: sans-serif;
	font-size:2vh;
}
header {
	background-color: #21394b;
	left:0vw;
	top:0vh;
	width:100vw;
	height:10vh;	
	margin:0;
	color:white;
}
nav {
	background-color: lightgrey;
	left:0vw;
	top:10vh;
	width:20vw;
	height:80vh;
	margin:0;
}
section{
	background-color: white;
	left:20vw;
	top:10vh;
	width:80vw;
	height:80vh;
	margin:0;
}
footer {
	background-color: #21394b;
	left:0vw;
	top:90vh;
	width:100vw;
	height:10vh;	
	margin:0;
	color:white;
}
section, aside, footer, header, nav, hgroup {
	position:absolute;
	display: block;
	margin:0;
	padding:0;
	font-weight:bold;
	text-align:center;
}
article {
	overflow:auto;
	max-width:80vw;
	max-height:80vh;
	text-align:left;
	margin:5vh;
}
.div-center {
    position: relative;
    top: 50%;
	transform: translateY(-50%); /* or try 50% */
}

.menu-item:hover {
	background-color:darkgrey;
	cursor:pointer;
}

.menu-item , .menu-item :link {
	list-style-type:none;
	background-color:#21394b;
	margin:1vh;
	padding:1vh;
	color:white;
	text-decoration: none;
	text-align:left;
}

a.subitem {
	font-weight:normal;
}

.overview {
	height:50vh;
	width:60vw;
}
pre {
	text-align:left;
	border:1px;
	border-color:black;
	border-style:dashed;
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
	
	font-weight:normal;
}
code {

}
.highlight {
	/* color:red;
	color:#0066ff;
	text-shadow:1px 1px #DDDDDD;
	*/
	font-weight:bold;
}

.connected {
	color:#00FF00;
}