body 
{
background-color: #D6D2C4;
}
#header {

    height: 150;
    width: 100%;
    border: 3px solid #009639;
    background-color: #E4D77E;
    text-align: center;
    font-size: 20px;
    overflow: hidden;
}
#footer {
    height: 70px;
    width: 100%;
    position:fixed;
    left:0px;
    bottom:0px;
    border: 3px solid green;
    background-color: #5A5E00;
    text-align: center;
    font-size: 20px;
}

.mycontainer {
  width:100%;
  overflow:auto;
  background-color: #E4D77E;
}
.mycontainer div {
  width:33%;
  float:left;

}

a {color:black;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 20px;
   text-decoration:none;

}	

ul {
  list-style-type: none;
  margin: 0;
  padding:10px;
  background-color: white;
}

li {
  display: inline;
  border: 3px solid green;
  margin:0px;
  padding:5px;
  width:200px;

  background-color: lightgray;
}


/* Change the link color on hover */
li a:hover {
  background-color: #555;
  color: white;
}