html, body {
	margin:0; padding:0;
}
 
body {
	background-color:#7777AA;
	font-family:Verdana;
	margin-bottom:5%;
}
 
#centered {
	height:90%; 
	margin-left:5%;
	margin-right:5%;
	max-width:1200px; min-width:600px;
	background:#fff;
}
 
nav {
 float:left;
	margin-left: .5em; 
	margin-right:1em;
	margin-bottom: 1em;
   padding: 0em 0em 0em 0em; 
   border: solid 1px #a31f34; 
   background: #c2c0bf; 
   width: 10em;
}
nav>ul{
margin: 0; 
   padding: 0; 
   list-style: none; 
}
 nav>ul>li {
    margin: 0; 
   padding: 0; 
   list-style: none; 
 }
 nav>ul>li >a{
  margin: 0;
   padding: .2em 0em .2em .4em; 
   text-decoration: none; 
   font-weight: bold; 
   font-size: 90%; 
   background-color: #c2c0bf; 
   color: #111111;
   display: block; 
 }
 
 a.current {
  margin: 0; 
   padding: .2em 0em .2em .4em; 
   text-decoration: none; 
   font-weight: bold; 
   font-size: 90%; 
   background-color: #a2a09f; 
   color: #111111;
   display: block; 
 }
 
 nav ul li a:hover { 
   margin: 0; 
   padding: .2em 0em .2em .4em; 
   text-decoration: none; 
   font-weight: bold; 
   font-size: 90%; 
   background-color: #a31f34; 
   color: #ffffff; 
   display: block; 
} 
 
#content {
	margin-left:1em;
	margin-right:5%;
}

td {
		border: 1px solid #999;
}

th {
		background: #aaaaaa;
		border: 2px solid #999;
}
table {
	border-collapse:collapse;
	}

.bigger{
	text-align:center;
	margin-left:0px;
}
	
header {
	padding:0 0;
	width:95%;
}

button{
width:10em; height:2em;
background: DarkOrchid;
font-weight: bold;
font-size: 100%;
margin-left: 5%;
margin-right: 5%
}
figcaption {
font-size:70%;
}
footer {
	padding-left: 20px;
	text-indent: -20px;
}
canvas {
 }