Here is the html and css code for the menus.
The CSS is just the CSS for the menus.
#left { width: 200px; /* needs to be the same size as left.gif */
padding: 0px;
margin: 20px 0px;
font-family: 'trebuchet ms', 'lucida grande',
verdana, lucida, geneva, helvetica,
arial, sans-serif;
background: #00f;
color: #fff;}
#left ul {list-style: none;
padding: 0px;
margin: 0px 10px;}
#left ul li {display: block;
padding: 0px 0px;
margin: 0px 0px;
text-indent: 10px;
background: #fff;
border-top: 1px solid #00f ;
border-bottom: 1px solid #00f ;
color: #00f;}
#left ul li ul { margin: 0px;}
#left ul li ul li { margin: 0px 0px;
text-indent: 25px;}
#left ul li a { display: block;
text-decoration: none;
padding-left: 0px;
margin-left: 0px;
font-weight: bold;}
#left li a:hover {
background: #88f;
color: #fff;}
#left a:visited {color: #00f;}
#left a:active {color: #00f;}
Again, only the HTML for the menus are included.
<ul>
<li id="home"><a href="index.html">Home Page</a></li>
<li id="li200408"><a href="200408.html">August 2004</a>
<ul id="ul200408">
<li><a href="basic.htm">Basic</a></li>
<li><a href="basic1.htm">Basic1</a></li>
<li><a href="basic2.htm">Basic2</a></li>
<li><a href="basic3.htm">Basic3</a></li>
</ul></li>
<li id="li200409"><a href="200409.html">September 2004</a>
<ul id="ul200409">
<li><a href="#">First Try</a></li>
<li><a href="#">Second Try</a></li>
</ul></li>
<li id="li200410"><a href="200410.html">October 2004</a></li>
</ul>