body {
   margin: 0;
   padding: 1em;
}
.menu {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    height: 1.0em;
}
.menu li {
    width: 10%;
    float: left;
    display: inline; /* no effect on modern browsers, looks better on very old ones */
    list-style-type: none;
    margin: 0; padding: 0;
	font-weight: bold;

}
li a {
   background: #FFF;
   color: navy;
   border: solid 2px #009933;
   display: block;
   height: 100%;
   padding: 0.em 0;
   text-align: center;
   text-decoration: none;
   width: 100%;
}
li a:hover {
    background: #FFF;
    color: #009933;
}
.clear {
    visibility: hidden;
    clear: both;
    font-size: 1px;
}