a.nav{text-decoration:none;}
a.nav:link{color:red;}
a.nav:visited{color:red;}
a.nav:hover{color:blue;}
a.nav strong{color:black;}
a.nav:hover strong{color:red;}
#menu{
margin-left: 0px;
width: 150px;
height: 100%;
}
#main{
margin-left: 150px;
width: 100%;
height: 100%;
color: white;
}
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="mycss.css">
</head>
<body bgcolor="black">
<div class="menu">
<table width="150px">
<tr>
<td class="menu" style="text-align: center">
<a class = "nav" href="Home.html"><strong><</strong>Home<strong>></strong></a>
<br>
<a class = "nav" href="Tutorials.html"><strong><</strong>Tutorials</strong><strong>></strong></a>
<br>
<a class = "nav" href="Source.html"><strong><</strong>Source Code<strong>></strong></a>
<br>
<a class = "nav" href="Art.html"><strong><</strong>Artwork<strong>></strong></a>
<br>
<a class = "nav" href="Resources.html"><strong><</strong>Resources<strong>></strong></a>
<br>
<a class = "nav" href="Downloads.html"><strong><</strong>Downloads<strong>></strong></a>
<br>
<a class = "nav" href="AboutUs.html"><strong><</strong>About Us<strong>></strong></a>
<br>
</td>
</tr>
</table>
</div>
<div class="main">
<table width="100%">
<tr>
<td style="text-align:center">
NEWS
</td>
</tr>
</table>
</div>
</body>
</html>