propiedades de las tablas con css

Hola a todos.
Estoy tratando de hacer que las tablas que presento se vean el borde de un color, tengo una hoja de estilos y mi hoja index.

Index llama a datos-sucursal.html esta tiene la tabla, cuando aparezca en la division de contenido me debe de mostrar los bordes de la tabla.

En mi hoja de estilos estoy definiendo esto:
/*Barra de navegacion*/
#navegacion {background-color: white ; boder: black 1px solid; height:20px; font-size: 16px;}
#navegacion li { float: left; list-style: none; margin: 0px 20px 0px 20px;}
#navegacion ul { margin-left: 150px; }
#navegacion tr { border-color: red; } --pero esto no me lo respeta.

La pagina que presento esta mas o menos asi:
<table border="1" cellpadding="0" summary="" align="center">
<tr>
<td></td>
</tr>
<tr bordercolor="red">
<td align="center" bgcolor="#000000" style="color: #ffff00" >Sucursales</td>
<td align="center" bgcolor="#000000" style="color: #ffff00" >Direcci&oacute;n</td>
</tr>
<tr bordercolor="red"><td colspan="2" align="center" bgcolor="#008080" style="color: #ffffff;" >YUCATAN</td></tr>
</tr>
</table>

Espero me pueda ayudar...de antemano mil gracias.

Pako