a:link { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; text-decoration: none; color: #0000FF}
a:visited {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; text-decoration:none; color: #008080}
a:hover {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; text-decoration: none; color: #FF0000; background: #cccccc;}
a:active {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal;text-decoration: none; color: #FF0000}
a:focus {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; text-decoration: none; color: #FF0000}

  ul#Navigation {
position: absolute;
top: 150px;
left: 200px;
width: 750px;
    margin: 0; padding: 0.4em;
    text-align: center;
    background-color: silver;
  }
  ul#Navigation li {
    list-style: none;
    display: inline;
    margin: 0.1em; padding: 0;
  }

  ul#Navigation a, ul#Navigation span {
    padding: 0.2em 0.6em;
    text-decoration: none; font-weight: bold;
    border: 1px solid black;
    border-left-color: white; border-top-color: white;
    color: #0000FF; background-color: #ccc;
  }

  ul#Navigation a:hover, ul#Navigation span {
    border-color: white;
    border-left-color: black; border-top-color: black;
    color: white; background-color: gray;
  }