A:link {text-decoration: none; font-weight: bold; color: #666666;} 
A:visited {text-decoration: none; font-weight: bold; color: #666666;}
A:hover {text-decoration: underline; color: #ffffff;} 
A:active {text-decoration: none; }

.image {border:3px #fae9bb solid;}
A:active .image {border:3px #ffffff dashed;}
A:hover .image { border:3px #000000 dotted;}  

p {   font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #990000;}
td {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #990000;}
h3 { font-family: Geneva, Arial, Helvetica, san-serif; font-size: 18px; color: #990000; font-weight: bold; font-style: normal}
li {margin-left:-6px; padding-bottom:18px;}

div.news {
  position:absolute;
  left:850px;
  top:80px;
  width:280px;
  height:380px;
  z-index:6;
  border:solid;
  color: #000000;
}

div.note {
  position:absolute;
  left:850px;
  top:462px;
  width:280px;
  height:60px;
  z-index:6;
  border:solid;
  color: #000000;
}

div.menu1 {
  position:absolute;
  left:425px;
  top:71px;
  width:103px;
  height:56px;
  z-index:6;
  visibility: hidden
}
<div class="menu1">
  <a href="main/current/current.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('current-swap','','image-menubar/current-1.jpg',1)" target="_parent"><img name="current-swap" border="0" src="image-menubar/current-2.jpg" width="111" height="33" alt="current"></a><a href="main/previous.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('previous-rollover','','image-menubar/previous-2.jpg',1)" target="_parent"><img name="previous-rollover" border="0" src="image-menubar/previous-1.jpg" width="111" height="33" alt=" previous"></a> 
</div>

div.menu2 {
   position:absolute;
   width:91px;
   height:46px;
   z-index:8;
   left: 528px;
   top: 55px;
   visibility: hidden
}

<div class="menu2">
  <a href="people/thepeople.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('people','','image-menubar/people-2.jpg',1)" target="_parent"><img name="people" border="0" src="image-menubar/people-1.jpg" width="104" height="28" alt=" the people"></a><a href="private/index.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('private','','image-menubar/private-2.jpg',1)" target="_parent"><img name="private" border="0" src="image-menubar/private-1.jpg" width="104" height="24" alt=" private parts"></a>
</div>

div.menu3 {
   position:absolute;
   left:603px;
   top:17px;
   width:113px;
   height:76px;
   z-index:7;
   visibility: hidden
}

<div class="menu3">
  <a href="main/briefly.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('briefly-rollover','','image-menubar/briefly_2.jpg',1)" target="_parent"><img name="briefly-rollover" border="0" src="image-menubar/briefly_1.jpg" width="107" height="36" alt=" briefly"></a><a href="main/boringly.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('boringly-rollover','','image-menubar/boringly_2.jpg',1)" target="_parent"><img name="boringly-rollover" border="0" src="image-menubar/boringly_1.jpg" width="107" height="22" alt="boringly"></a><a href="main/contact-info.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('contact-rollover','','image-menubar/contact_2.jpg',1)" target="_parent"><img name="contact-rollover" border="0" src="image-menubar/contact_1.jpg" width="107" height="23" alt="contact info"></a>
</div>