OK, this is all a bit crude and only IE-friendly but have a go anyway -- looking at the site I see you haven't left yourself much time...
what I have done hastily is suggest for each topic a dynamically positioned div that will be hidden until you mouse over the relevant link. when you mouseout it should remain visible for three seconds, giving the user time to get the mouse over there and click something. I haven't had time to test it I'm afraid, but it looks ok....
You'll see I've created a showhide() function in the <script> area plus a set of string variables whose principle job is to avoid the proliferation of conficting quotes in the event calls.
One thing I notice is that you don't need to spell out the full url for documents or images on the same site, just the path from the current directory (the one conaing the current document). You'll see what I mean if you lok at the body tag. Or even if you look at it...
I also hav a feeling that tag ids and names shoudn't really have spaces in them, but that may be simple prejudice on my part.
<html>
<head>
<title>Keystone Oaks School District</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
<!--
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
var delay=null, seco="secodiv", ele="elemdiv", comm="commdiv", empty="";
function showhide(d1,d2,d3) {
if(d1!="") eval("document.all."+d1+"style.visibility='visible';");
if(d2!="") eval("document.all."+d2+"style.visibility='hidden';");
if(d2!="") eval("document.all."+d3+"style.visibility='hidden';");
}
//-->
</script>
</head>
<body bgcolor="#FFFFFF" text="#000000" onLoad="MM_preloadImages('bar/bar2r.gif',
'bar2/bar3r.gif',
'bar2/bar4r.gif',
'navbar2/navbar1r.gif',
etc...)">
.....
html table tags etc...
<tr>
<td height="24" valign="top">
<a href="http://www.kosd.org/mainindexlinks/secondarylinkindex.html"
onMouseOut="MM_swapImgRestore();delay=setTimeout('showhide(empty,seco,empty)',3000);"
onMouseOver="clearTimeout(delay);MM_swapImage('2ndary schls','','navbar2/navbar9r.gif',1);showhide(seco,elem,comm);">
<img name="2ndaryschls" border="0" src="navbar/navbar9.gif" width="200" height="24"></a></td>
</tr>
...etc then
</table>
<div id="secodiv" style="position:absolute; left:250px; top:200px; visibility:hidden">
<a href="somedocument">Link text or image</a><br>
<a href="somedocument">Link text or image</a><br>
<a href="somedocument">Link text or image</a><br>
<a href="somedocument">Link text or image</a><br>
</div>
<div id="elemdiv" style="position:absolute; left:250px; top:300px; visibility:hidden">
<a href="somedocument">Link text or image</a><br>
<a href="somedocument">Link text or image</a><br>
<a href="somedocument">Link text or image</a><br>
<a href="somedocument">Link text or image</a><br>
</div>
<div id="commdiv" style="position:absolute; left:250px; top:400px; visibility:hidden">
<a href="somedocument">Link text or image</a><br>
<a href="somedocument">Link text or image</a><br>
<a href="somedocument">Link text or image</a><br>
<a href="somedocument">Link text or image</a><br>
</div>
</body>
</html>
Simon