.menu ul { 
  display: block; 
  padding: 0px; 
  margin: 0px; 
  list-style: none; 
  text-align: center; 
} 

.menu ul li { 
  display: inline; 
  margin: 0px; 
  list-style: none; 
  border: 1px solid #c8c8c8; 
  background-color: #e8e8e8; 
  padding: 1px; 
} 

.menu a { 
  padding: 0px 1.3em; 
  text-decoration: none; 
  color: darkblue; 
  border: 1px solid white; 
} 

.menu a:hover { 
background-color: white; 
border: 1px solid #d8d8d8; 
color: black; 
}