Hola puedes usar algo así para todas tus paginas..saludos!
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<style type="text/css">
*{
margin:0;
padding:0;
}
#contenedor{
margin:0 auto;
border:3px solid #000;
background-color: #FFF;
text-align:center;
max-width:900px;
min-width:700px;
}
.footer {
padding: 10px 0;
background-color: #6F7D94;
position: relative;
clear: both;
}
.header {
background-color: #6F7D94;
}
#contenido{
width:80%;
height:500px;
background-color: #FFF;
text-align:center;
float:left;
}
#left{
width:20%;
height:500px;
background-color: #039;
text-align:center;
float:left;
}
#segundo-menu {
width: 100%;
background: #039;
}
#segundo-menu ul {
list-style: none;
padding-left: 0;
}
#segundo-menu ul li a,
#segundo-menu ul li a:link,
#segundo-menu ul li a:visited,
#segundo-menu ul li a:active {
padding: 4px 10 px;
background: #03C url(Imagenes/bottom1.PNG) repeat-x;
color: #fff;
display: block;
margin-bottom: 2px;
text-decoration: none;
}
#segundo-menu ul li a:hover {
background: #03C url(Imagenes/bottom2.PNG) repeat-x;
}
</style>
<!--[if lte IE 7]>
<style>
.contenido { margin-right: -1px; }
</style>
<![endif]-->
</head>
<body bgcolor="#1a6eff">
<div id="contenedor">
<div class="header">header</div>
<div id="left">
<div id="segundo-menu">
<ul>
<li><a href="primera-pagina.html">Inicio</a></li>
<li><a href="segunda-pagina.html">Contactenos</a></li>
</ul>
</div></div>
<div id="contenido">aqui colocas el contenido ,texto eimages lo que quieras!</div>
<div class="footer">
<p>footer</p>
</div>
</div>
</body>
</html>