/* Styles for block horizontal navigation. */

div.hnav ul {
  display: table;       /* Newline before and after. */
  margin: 0px;          /* Override brower default left margins. */
  padding: 0px;         /* No space between cells. */
  width: 100%;          /* Use entire width of screen. */
  table-layout: fixed;  /* Prevent auto resizing. */
  list-style: none;     /* No bullets. */
}

div.hnav ul li {
  text-align: center;
  display: table-cell;  /* Similar to <th> or <tr> tags. */
}

div.hnav ul li a {
  font-family: serif;
  display: block;               /* Entire link treated as single unit. */
  text-decoration: none;        /* Prevent underlining of links. */
  padding: 4px;
  border: 1px solid #404040;
  background-color: #616161;
  color: white;
}

/* Provide 'rollover' effects. */
div.hnav ul li a:hover {
  background-color: #404040;
  color: white;
}