<style fprolloverstyle>
a {
color: #ff0000;
font-family: Verdana, Helvetica, sans serif;
text-decoration: none;
font-weight: bold;
}
a:hover {
font-style: italic;
text-decoration: none;
}
.nav a {
color: #f2ece1;
font-family: Verdana, Helvetica, sans serif;
text-decoration: none;
font-weight: bold;
}
.nav a:hover {
font-style: italic;
text-decoration: none;
}
.style1 {font-family: Verdana, Arial, Helvetica, sans-serif}
.style2 {font-size: 12px}
.style3 {font-size: 14px}
.style4 {font-size: 14}
.style5 {font-weight: bold}
</style>
.
.
.
<td width="100%" bgcolor="#666666" height="18"
class="nav">
<p align="center">[b]<font face="Verdana, Helvetica, sans serif" size="1" color="#F2ECE1" summary="navigational links">|
HOME
.
.
.
<td width="100%"
class="nav">
<p align="center">[b]<font color="#F2ECE1" size="1" face="Verdana, Helvetica, sans serif">| HOME |
.
.
.
The page links are a bright red at the moment, just edit the color statement for the 'a {' rule in the CSS to the colour you want.
I've tried to leave your code untouched, but you could get rid of some of the font tags etc.
You also have some errors in the code e.g. extra " on attributes.