body {
  background-color: #222;
}
/* HEADER */
div.header
{	background-color: lightgreen;
	color:#222;
	text-align:center;
	margin:10px;
	border:1px;
	border-color:lightgreen;
	border-radius:4px;
}
/* NAVBAR */
.navbar { 
color:white;

}

.navbar a:link {
  color: white;
}


.navbar a:visited {
  color: white;
}

 .navbar a.highlight {
	 background-color: #129426;  /**/
	 
 }
 
.navbar a:hover {
  color: black;
  background-color: lightgreen;  /**/
}


.navbar a:active {
  color: red;
}

.navbar a {
   text-decoration: none;
   display: block; /**/
   width: 25%;     /**/
   float: left;    /**/
   line-height: 50px;
   margin: auto;
 }
 table, th, td {
  border: 1px solid black;
}

 
 .navbar {
	text-align: center;
	 background-color: green;
	 font-family:verdana;
	 height: 50px;
	 padding: 0px;
	 margin: 10px;
	 
 }
 /* MAINBODY */
div.mainBody {
padding: 20px;
border: 8px solid green;
border-radius:20px;
margin: 20px;
font-family:arial;
background-color: #fff;
}

a {
   color: blue;
   
}
div.wl  {

 width:25%;
height:25%;

}