No se que pasa con mi css

[vili86]

Hola amigos tengo este estilo:

Código css:

/* CSS Document */
#lista { border-collapse: collapse; border: 1px solid #777; margin: 0; padding: 0; text-align:center;}
#lista h2 { font-weight:normal; display: none; color:#000000; font-family:"Times New Roman", Times, serif; font-size:16px;}
#lista th { border: 1px solid #aaa; background-color: #990000; color: #fff; text-align: center; padding: 0.25em; font-size: 110%; }
#lista td {border: 1px solid #000; padding: 0.4em; }
.lista1 td {border-top: 5px solid #000; border-bottom: 5px solid #000; padding: 0.4em; }
.lista2 { border-left: 5px solid #000; padding: 0.4em; }
.lista3 { border-right: 5px solid #000; padding: 0.4em; } 
 
#subtitulo{
color:#000000;
font-size:14px;
font-family:Arial, Helvetica, sans-serif; font:Arial, Helvetica, sans-serif;
background:#EEEEEE;
text-align:center;
font-weight:bolder;
}
 

Cuando llamo como id subtitulo no hace la orden de estilo PQ

Código html:

<table border="0" align="center" id="lista" >
    <tr> <th colspan="14"> Resultados de la Busqueda </th></tr>
    <tr>
    <td id="subtitulo">ID</td>
    <td id="carlos">Nombres</td>
 

Me hace el css de lista pero de subtitulo no ????