body{
background: #000000;
margin:0;
padding:0;
border:0;
overflow:hidden;
height:100%; 
max-height:100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:62.5%;
}

#page-background {position:fixed; top:0; left:0; width:100%; height:100%;}
#content {position:relative; z-index:1; padding:10px;}
<!-- The above code doesn't work in Internet Explorer 6. To address this, we use a conditional comment to specify an alternative style sheet for IE 6 -->
<!--[if IE 6]>
<style type="text/css">
html {overflow-y:hidden;}
body {overflow-y:auto;}
#page-background {position:absolute; z-index:-1;}
#content {position:static;padding:10px;}
</style>
<![endif]-->

h1{font-family:"Trebuchet MS",Tahoma,Verdana,"Comic Sans MS",Arial,sans-serif;
font-weight: bold;
text-align:center;
letter-spacing: 0.14em;
color: #efe329;
font-size: 1em;
padding: 0.9em 1em 1em;
line-height: 1em;
height: 12px;

}

h1.title{

position: fixed; 
top: 170px; /*Set top value to HeightOfTopFrameDiv*/
left: 40px; /*Set left value to WidthOfLeftFrameDiv*/
right: 40px; /*Set right value to WidthOfRightFrameDiv*/
border-color:#ffd800; border-width:thick thick 0; border-style:ridge;
margin:0;
height: 15px;
} 

h1.subtitle{font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: 900;
text-align:center;
letter-spacing: 0.18em;
color: #000000;
font-size: 1.3em;
padding: 0.9em 1em 1em;
line-height: 1em;
height: 12px;
}


h1.top{font-family:"Trebuchet MS",Tahoma,Verdana,"Comic Sans MS",Arial,sans-serif;
position: fixed; 
top: 147px; /*Set top value to HeightOfTopFrameDiv*/
left: 27%; /*Set left value to WidthOfLeftFrameDiv*/
right: 27%; /*Set right value to WidthOfRightFrameDiv*/
font-size: 1.8em;
text-align:center;
font-style: italic;
color: #efe329;
margin:0;
}
.subtitle{font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: 900;
text-align:center;
letter-spacing: 0.18em;
color: #000000;
font-size: 1.3em;
padding: 0.9em 1em 1em;
line-height: 1em;
height: 12px;
}

#story{
position: fixed; 
top: 175px; /*Set top value to HeightOfTopFrameDiv*/
bottom: 30px; /*Set bottom value to HeightOfBottomFrameDiv*/
left: 40px; /*Set left value to WidthOfLeftFrameDiv*/
right: 40px; /*Set right value to WidthOfRightFrameDiv*/
overflow: auto; 
background: #fafafc;
font-size: 1em;
line-height: 1.8em;
border-color: #ffd800; border-width:0 thick thick; border-style:ridge;
padding:30px 0 0;
}


#bottom{
position: absolute;
top: auto;
left: 200px; /*Set left value to WidthOfLeftFrameDiv*/
right: 200px; /*Set right value to WidthOfRightFrameDiv*/
height: 25px; /*Height of bottom frame div*/
width: auto;
bottom: 0;
}


span.footlink {background-image: url(../images/linkbkgd1.jpg);
font-size: 1.5em;
line-height: 1.8em;
text-decoration: bold;
text-align: center;
width: auto;
}


.innertube{
margin: 2px; /*Margins for inner DIV inside each DIV (to provide padding)*/
}

* html body{ /*IE6 hack*/
padding: 204px 40px 30px 40px; /*Set value to (HeightOfTopFrameDiv WidthOfRightFrameDiv HeightOfBottomFrameDiv WidthOfLeftFrameDiv)*/
}

* html #story{ /*IE6 hack*/
height: 100%; 
width: 100%; 
}

.ref{font-family: Tohoma, Arial, Helvetica, sans-serif;
font-size: 2.2em;
font-weight: 900;
color: #000000;
text-decoration: bold;
text-align: center;
}

.rx {
letter-spacing : 2px;
font-size : 16px;
text-align: center;
}

.ohboy {
font-weight : bold;
letter-spacing : 2px;
font-size : 1.8em;
text-align: center;
}

p {
font-size: 1.3em;
letter-spacing: 0.1em;
margin-left: 15px;
margin-right: 13px;
text-align: justify;
}
.say {color: #000000;
text-decoration: none;
font-size: 1.3em;
font-weight: 900;
text-align: center;
}
.window {color: #000000;
text-decoration: none;
font-size: 1.3em;
text-align: center;
}
.linksub
{font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
font-weight: 700;
line-height: 1.8em;
font-size: 1.5em;
text-decoration: underline;
text-align: center;
}

.links {color: #000000;
text-decoration: none;
font-size: 11px;
text-align: left;
}

a:link {color: #3052ce; text-decoration: none; font-weight : 900; } 
a:visited {color:purple; text-decoration: none; font-weight : 900; } 
a:hover
  {text-decoration: none;
   font-weight: 900; 
   background: #000099;
   color: #ffffff;
  }

a:hover.image
  {background: none;}
  
a.story:link {color: #3052ce; text-decoration: underline; font-weight: normal;} 

a.story:hover
  {text-decoration: none;
   font-weight: 900; 
   background: #000099;
   color: #ffffff;
  }

a.story:hover.image
  {background: none;}
  
a.big:link {
color: #3052ce;
font-weight: 900;
font-size: 1.2em;
text-decoration: none;
}
a.big:hover
  {text-decoration: none;
   font-weight: 900; 
   background: #000099;
   color: #ffffff;
   }

a.big:hover.image
  {background: none;}
  
a.pr:link {
color: navy;
font-weight: 900;
font-size: 1.2em;
text-decoration: none;
}
a.pr:hover
  {text-decoration: none;
   font-weight: 900; 
   background: #000099;
   color: #ffffff;
   }

a.pr:hover.image
  {background: none;}