div.menu ul {
   list-style-type: none;
   margin: 0px auto;
   border: 0px;
   padding: 0px;
   width: 745px;
   height: 50px;
   }

div.menu ul li {
   display: inline-block; /* Internet Explorer hack: 'inline-block' is not supported by other browsers. */
   float: left;
   text-align: center;
   vertical-align: middle;
   font: bold 12px Tahoma, Geneva, sans-serif;
   margin: 0px;
   margin-right: 5px;
   border: 0px;
   border-top: 1px solid #99CC99;
   border-left: 3px solid #99CC99;
   padding: 0px;
   width: 13%;
   height: auto;
   }

div.menu ul li:hover {
   border-color: #FFFFFF;
   }

div.menu ul li a { /* display:block and width/height:100% make the entire list item a clickable link */
   display: block;
   color: #3388CC;
   text-decoration: underline;
   margin: 0px auto;
   border: 0px;
   padding: 8px 0px;
   width: 100%;
   height: 100%;
   background-color: #EEFFEE;
  }

div.menu ul li a:hover { /* this makes the background of the list item change color when the mouse is over it. */
   color: #0055AA;
   text-decoration: underline;
   background-color: #99CC99;
   }