Is this any good for you, not sure if I have totally got it.
<HTML>
<HEAD>
<TITLE>Document Title</TITLE>
<script type="text/javascript">
<!--
function m_over(col){
document.getElementById("content").style.backgroundColor = col
}
function m_out(){
document.getElementById("content").style.backgroundColor ="#CCCCCC"
}
function m_click(){
document.getElementById("content").style.backgroundColor = "#F0F0F0"
}
// -->
</script>
</HEAD>
<BODY>
<TABLE summary="UCDHSC College of Engineering and Applied Science" border=2>
<CAPTION>UCDHSC College of Engineering and Applied Science</CAPTION>
<THEAD vAlign=top>
<TR>
<TD colSpan=4>Opening Statement From the Dean</TD></TR>
<TR>
<TH onmouseover="m_over('#CCFF44')" onmouseout="m_out()" onclick="m_click()">
<A href="http://carbon.cudenver.edu/~ssmiley/www.cudenver.edu/engineer">Civil</A></TH>
<TH onmouseover="m_over('#44CC44')" onmouseout="m_out()" onclick="m_click()">
<A href="http://carbon.cudenver.edu/~ssmiley/www.cudenver.edu/engineer">Computer Science</A></TH>
<TH onmouseover="m_over('#FF9933')" onmouseout="m_out()" onclick="m_click()">
<A href="http://carbon.cudenver.edu/~ssmiley/www.cudenver.edu/engineer">Electrical</A></TH>
<TH onmouseover="m_over('#66CCFF')" onmouseout="m_out()" onclick="m_click()"><A
href="http://carbon.cudenver.edu/~ssmiley/www.cudenver.edu/engineer">Mechanical</A></TH></TR>
<TBODY>
<TR>
<TD style="BACKGROUND: #cccccc" colSpan=4 height=300 id="content">
This area will be used for mouse overs
<TR>
<TD style="BACKGROUND: #cccccc" colSpan=4>
This area will have a sequence
of related college links</TD> </TR></TBODY></TABLE>
</BODY>
</HTML>
The Silent One
The most dangerous thing in the world is an idea.
The most dangerous person in the world is one with an idea
Bookmarks