body, html {width:100%;height:100%;}

h2 {  background-color: white;}
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: blue;
}
li {  float: left;}
li a {
  display: block;
  color: white;
  text-align: center;
  //padding: 14px 16px;
  text-decoration: none;
}
/* Change the link color to #111 (black) on hover */
li a:hover {  background-color: #111;  color: magenta;}
li {  border-right: 1px solid #bbb;}
li:last-child {  border-right: none;}
.active {	background-color: #4CAF50;}
table a:link { color: blue;  text-decoration: underline;}
table a:hover { color: magenta;  text-decoration: underline;}
table a:visited { color: gray;}
.footx {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 4%;
	background-color: blue;
	color: white;
	text-align: center;
}