H1: {color: #FF1; font-style: italic}
  BODY {color:black;border-left-width:thick 20mm}
  
   div#sitenav {float: left; width: 12.5%;
   font-size: 11px; background-color: white;
   border: 1px solid black;}
   
   div#sitenav a {display: block; padding: 4px 8px; margin: 0; 
   text-decoration: none; text-align: right;
   border-top: 1px solid gray;}
   
   div#sitenav a:hover {background: #FB0;}
   
   div#sitenav h4 {background: rgb(33%,33%,33%); color: white;
   text-align: center; margin: 0; padding: 0.25em 0 0.125em 0;}
   
   div#entry {margin: 0 20% 1em 20%; padding: 0;}
   
   div#sidebar {position: absolute; top: 100em; right: 0; width: 20%;
   font-size: 11px; z-index: 11;}
   
   div#sidebar h4 {background: rgb(70%,70%,55%); color: black;
   margin: 0; padding: 0.33em 0 0 0.5em; border-width: 0;}
   
   div#sidebar a {display: block; padding: 8px 0 2px 10px; margin: 0;
   border-left: 1px solid rgb(70%,70%,55%);}
   
   div#sidebar a:hover {background: rgb(85%,85%,70%);}

<div id="sitenav">
<h4>The Story</h4>
<a href="index-2.html">the guide</a>
<a href="http://www.geocities.com/j_mittal/prelogue.html">prelogue</a>
<a href="http://www.geocities.com/j_mittal/kat.html">the journey</a>
<a href="picumentary.htm">pictionary</a>
<a href="random.htm">ramblings</a>
<a href="http://www.geocities.com/j_mittal/links.html">epilogue</a>
<a href="http://www.geocities.com/j_mittal/links.html">postscript</a>
</div>