Comencé nueva página

comencé una nueva página y a pesar de que voy paso a paso como en la otra en esta nueva no me aparecen los colores en la plantilla y tampoco puedo centrar el texto en el index; les mando lo que puse hasta ahora ¿me pueden marcar el herror por favor?

Esto es en la plantilla

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheett" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="cabecera">Bienvenidos a nuestra página Web</div>
<div id="navegación">Barra de Navegación</div>
<div id="contenido">Esta será la zona principal de la web</div>
<div id="pie">Este es el pié de página</div>
</body>
</html>

Esto es en estilo general.css

#cabecera {background-color: blue}
#navegacion {background-color: gray }
#contenido {background-color: orange}
#pie {background-color: brown}

esto es en index:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>CATEQUESIS FAMILIAR: PARROQUIA NTRA.SRA. DEL PERPETUO SOCORRO Y SAN ALFONSO - SALTA</title>


Leguizamón Nº 812</p>


C.P: (4400) Salta - Capital</p>


Arquidiócesis de Salta - Argentina</p>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
</head>
<body>
<p clas="centrado">Bienvenidos a nuestra página web.¡¡Muy pronto estará lista!!</p>


[contenido no disponible]</p>


Para ver nuestra página principal: </a>Haz Clic Aquí</p>


[contenido no disponible][correo eliminado]</p>
</body>
</html>
todo es posible si lo intentas
facil tienes masl tu link ese ke enlaza a tu pagina con las hoja de estilos .css fijate te sobra una t

<link rel="stylesheett" href="estilos.css" type="text/css" media="all">

<link rel="stylesheet" href="estilos.css" type="text/css" media="all">