dudas de principiante....

[HerminiaH]

Estoy apendiendo apenas a hacer codigo html y css...
Estoy super ignorante por lo que cuento esto a ver si me pueden ayudar:


Estoy haciendo un sitio web

El home se llama index.html
La 2a. pagina se llama historia.html
La 3a. pagina se llama impacto_social.html
y
La hoja de estilo se llama estilo.css

DUDA NO. 1. Ya tengo escrito el estilo css del index.html... cómo hago para seguir escribiendo el código para la siguiente página que es historia.html

Así termina el código css de la primer pagina (index.html)

/*==================fin del prefooter comienzo del footer====================*/

#pie{
width:100%;
background-color:#6f90b8;
margin:0 auto;
}

#contenedorFooterPie {
width:960px;
margin:0 auto;
padding-top:20px;
}

.lineaFooter {
color:#ffd534;
width:930px;
}

ul#footerPie{
list-style:none;
margin:0;
padding:0;
text-align:center;
margin-top:15px;
}

ul#footerPie li {
font-family:verdana, arial, serif;
font-size:14px;
text-transform:uppercase;
color:white;
display:inline;
}

ul#footerPie li a {
color:white;
text-decoration:none;
}

ul#footerPie li a:hover {
color:#dcdc33;
}

ul#footerPie li span {
padding: 0 20px 0 20px;
text-transform:none;
}


DUDA NO. 2: dado que el menu es el mismo en las 3 paginas cómo hago para que cambie de aspecto según cada pestañita y al mismo tiempo la pestaña que no le corresponde se ponga del mismo color gris que tenía antes de darle clic... me explico, aqui pongo el código css:

/*================ Navegacion ===============*/

ul#nav {
clear:both;
margin:0;
padding:0;
list-style:none;
display:block;
overflow:hidden;
margin-left: 350px;
}

ul#nav li{
float:left;
height:25px;
}

ul#nav li a {
display:block;
height:25px;
width:139px;
background:url(imagenes/menuBTN.jpg) top left no-repeat;
text-align:center;
text-decoration:none;
color: black;
font-family:Verdana, Geneva, sans-serif;
font-size:14px;
}

ul#nav li a:hover {
background:url(imagenes/menuBTN.jpg) bottom left no-repeat;
}

/* estado clase actual current */

li.inicio a {
background:url(imagenes/menuBTN.jpg) bottom left no-repeat !important;
}
/* Fin de la navegacion */

Me podrian ayudar???? estoy sin avanzar por muchas horas por esto....