Para empezar, yo pondría el estilo o en una hoja externa o en la etiqueta <head>.
Al tener todas las celdas el mismo estilo declaras el estilo una sola vez y asi te ahorras ponerlo línea por línea. Dentro de ese estilo pones el estilo de la tabla y el de las celdas. Para la primera celda ponle un identificador (por ejemplo <td id="primero">) así distingues esa celda del resto. También le puedes poner un identificador a la primera columna. El código de tu web con los estilos sería así.
Código HTML:
<table>
<tr>
<td id="primero" colspan=2>SUPERVISION MODIFICADA</td>
</tr>
<tr>
<td class="columna">Objetivo</td>
<td>fsdfsfsf</td>
</tr>
<tr>
<td class="columna">Vigilador</td>
<td>sdlsdkjsfds</td>
</tr>
<tr>
<td class="columna">Vigilador Secundario</td>
<td>ldksfjsfsf</td>
</tr>
<tr>
<td class="columna">Vigilador Terciario</td>
<td>ffffffffff</td>
</tr>
<tr>
<td class="columna">Fecha de registro</td>
<td>asasasasasasasasasasasasas</td>
</tr>
<tr>
<td class="columna">Fecha de ingreso</td>
<td>asasasasasasasasasasasasas</td>
</tr>
<tr>
<td class="columna">Fecha de egreso</td>
<td >asasasasasasasasasasasasas</td>
</tr>
<tr>
<td class="columna">Observaciones</td>
<td>dddddddddddd</td>
</tr>
</table>
Código CSS:
Ver originaltable{
width: 400px;
border: 1px solid #111;
border-collapse: collapse;
caption-side: top;
font-weight: bold;
text-align: center;
}
#primero{
height: 35px;
color: white;
background-color: black;
}
td{
padding: 5px;
border: 1px solid #111;
}
.columna{
height: 50px;
width: 200px;
background-color: #CCCCCC;
color: black;
}
En table se pone el estilo general de la tabla.
En td el estilo general de las celdas.
En #primero se pone el estilo exclusivo de la celda primera y en .columna el estilo de la primera columna.
Espero que te sea de ayuda.
Un saludo.