Creating new sidebox

[gjh42]

You are using a table with all its elements hard-coded in the HTML. That is a lot of code that is inappropriately used. What you have is a list of items, and you should use a <ul> list instead of a table for it.
Instead of

<TABLE width="214" border=0 cellPadding=0 cellSpacing=0 bgcolor="#333333">
<TBODY><TR>
<TD height=25 vAlign=center align=left><img src="http://prodigicontrols.com/images/2x12.gif" width="2" height="32"></TD></TR>
<TR><TD bgColor=#cecece height=1 vAlign=center align=left></TD></TR>
<TR><TD class=cell onmouseover="this.bgColor=\'#05A2C7\'"
onmouseout="this.bgColor=\'#333333\'" height=25 vAlign=center
align=left><A class=websitenav
href="http://www.prodigicontrols.com">Home</A> </TD></TR>
<TR><TD bgColor=#cecece height=1 vAlign=center align=left></TD></TR>
<TR><TD class=cell onmouseover="this.bgColor=\'#05A2C7\'"
onmouseout="this.bgColor=\'#333333\'" height=25 vAlign=center
align=left><A class=websitenav
href="http://www.prodigicontrols.com/aquabox.htm">AquaBox Specifications </A></TD></TR>
...

use

<div class="websitenav">
<img src="http://prodigicontrols.com/images/2x12.gif" width="2" height="32">
<ul>
  <li><A href="http://www.prodigicontrols.com">Home</A> </li>
  <li><A href="http://www.prodigicontrols.com/aquabox.htm">AquaBox Specifications </A></li>
...

and put in your stylesheet

.websitenav {
    width: 234px;
    background-color: #333333;
    }

.websitenav ul li {
    border-top: 1px solid #cecece;
    height: 25px;
    }

.websitenav ul li:hover {
    background-color: #05A2C7;
    }

.websitenav ul li a {
    color: #cccccc;
    }

.websitenav ul li a:hover {
    color: #cccccc;
    }