html, body {
padding: 0; 
margin: 0; 
height: 100%;
}


body  {
background : #252a2d;
margin : 0;
color : white;
} 

#container {
min-height: 100%;
width: 100%;
margin: 0 auto;
position: relative; /* so header and footer can be positioned */
background: #252a2d;
}

hr.footpad {
margin: 0;
padding: 0;
border: 0;
height: 8px;
visibility: hidden;
}

hr.headpad {
margin: 0;
padding: 0;
border: 0;
height: 180px;
visibility: hidden;
}


#header {
position: absolute;
top: 0;
width: 100%;
height: 60px;
background: #000000;
}

#footer {
position: absolute;
bottom: 0;
width: 100%;
height: 50px;
background : #000000;
}

P {
padding: 20px;
margin: 0;
}

#main  {
width : 800px;
min-height : 700px;
max-height : 100%;
margin : 0 auto;
background : url('images/bg.jpg') no-repeat;
background-position : center top;
padding-top : 40px;
} 


#options a:link, a:visited, a:hover, a:active  {
outline : none;
}


#footer, {
margin : 15px auto;
height : 15px;
width : 800px;
clear : both;
color : #989898;
font-family : sans-serif;
font-size : 12px;
text-align : center;
position : absolute;
bottom : 0;
}
#footer a:link, a:visited {
color : #989898;
font-family : tahoma, sans-serif;
text-decoration : none;
}
#footer a:hover, a:active {
color : #ac0c30;
}