Fallita en index.htm con los estilos en Dreamweaver

Wenas lo siguiente es que en el tutorial de tablas nos enseña a crear tablas, con el nombre plantilla1.htm.
Si entran en eetan32.mywebcommunity.org verán la plantilla pero en "menú" verán un color verde claro creo yo, pero en "tema" que está al lado de menu no sigue con el color verde sin embargo en las flechas si está el verde.
---------------------------------------------------------------------
menu tema <>
---------------------------------------------------------------------

Mi index.htm:
<html>
<head>
<title>Titulo de tu pagina : PONER SECCION</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
<link href="estilos.css" media="screen" rel="StyleSheet" type="text/css">
</head>
<body bgcolor="#FFFFFF">

<table class="ancho99" border="0px" cellspacing="0px" cellpadding="0px"><tr>
<td class="a1"></td>
<td class="a2"></td>
</tr>
</table>

<table class="ancho99" border="0px" cellspacing="0px" cellpadding="0px">
<tr>
<td class="b1">Menú</td>
<td class="b2">Bienvenidos al portal de las descargas y a tutoriales</td>
<td class="b3">[contenido no disponible] [contenido no disponible]</td>
</tr>
</table>

<table class="ancho99" border="0px" cellspacing="0px" cellpadding="0px" height="5530">
<tr>
<td class="c1">
<ul>
  • Tutoriales
  • Editores de audio
  • Editores de imágenes
  • Programas
  • Entretenimiento
  • Web Amigas
  • Como Crear Tu Web (CCTW)



    </p>


    </p>


    </p>


    </p>


    </p>


    </p>


    </p>


    </p>


    </p>
    </td>
    <td class="c2">


    </p>


    </p>


    </p>


    </p>
    </td>
    </tr>
    </table>

    <table class="ancho99" border="0px" cellspacing="0px" cellpadding="0px">
    <tr>
    <td class="d1">contador</td>
    <td class="d2">opciones</td>
    <td class="d3">[contenido no disponible] [contenido no disponible]</td>
    </tr>
    </table>

    <table class="ancho99" border="0px" cellspacing="0px" cellpadding="0px">
    <tr>
    <td class="e1">Actualizada el día29/10/08</td>
    <td class="e2">hueco</td>
    <td class="e3">&copy; [correo eliminado]"]Creada por nando143</td>
    </tr>
    </table>
    </body>
    </html>
    -------------------------------------------------------------------------------
    mi estilos.css:
    table.ancho99 {width:99% ;}

    td.a1{ background-color: white ; width: 150px ; text-align: center ; }
    td.a2{ background-color: white ; text-align: center ; }

    td.b1{ background-color: #0EBEBA ; width: 150px ; font-weight: bold ; text-align: center ; }
    td.b2{ background-color: #OEBEBA ; font-weight: bold ; color: #000080; text-align: center ; }
    td.b3{ background-color: #0EBEBA ; width: 50px ; text-align: center ; }

    td.c1{ background-color: #9ED7D7 ; width: 150px ; font-weight: bold ; text-align: left ; }
    td.c2{ background-color: #F6DA98 ; text-align: justify ; }

    td.d1{ background-color: #0EBEBA ; width: 50px ; text-align: center ; }
    td.d2{ background-color: #0EBEBA ; font-weight: bold ; text-align: center ; }
    td.d3{ background-color: #0EBEBA ; width: 50px ; text-align: center ; }

    td.e1{ background-color: white ; width: 150px ; font-weight: bold ; text-align: center ; }
    td.e2{ background-color: white ; font-weight: bold ; text-align: center ; }
    td.e3{ background-color: white ; width: 150px ; font-weight: bold ; text-align: center ; }
    ul {margin:0px 0px 0px 9px; padding: 0px 0px 0px 9px ; }


    A {text-decoration: none ;}

    A:link {color:blue ;}

    A:visited {color:#990099 ; text-decoration: none ;}

    A:hover {color: blue ; text-decoration: underline ; background-color: silver }

    A:active {color:red ;}
    li.sub-apartado {text-indent: 20px ;}
    ----------------------------------------------------------------------------------

    Espero sus respuestas.
    Saludos