html, body { 
border: 0;
background-image:url(pupilsonstepshp.jpg);
background-color: #cc9;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center center;
margin: 0px;
padding: 0px;
text-align:center;
height: 100%; 
} 

#wrapper { 
margin:0px auto;
width:700px;
min-height: 100%; 
text-align: left; 
/* padding here causes loop if used with expressions so use padder div instead*/ 
} 

#header { 
margin:0px auto;
position: absolute; 
top: 0; 
width: 700px; 
height: 110px; 
background: #ffc; 
} 

.footpad {height: 5px; font-size: 2pt;} /* large enough to clear footer and a bit for margin goes in the bottom of all content divs*/ 

#footer { 
margin:0px auto;
position: absolute; 
bottom: 0; 
width: 700px; 
height: 90px; 
background: #ffc; 
} 

#hpfooter {
margin: 10px 0px 0px 0px;
padding: 10px 0px 0px 0px;
}
#hpheader {
margin: 10px 0px 0px 170px;
padding: 0px;
}