body {position: relative; margin: 0; padding: 0; font-family:"Bodoni MT", "Times New Roman",Times, serif;}
div#content {position: absolute; top: 26px; left: 161px; right: 25px;
   color: #FFC; padding: 10px;
   border: solid #FFFF66;}
div#content p {margin: 0 1em 1em;}
h1 {margin: -9px -9px 0.5em; padding: 10px 10px 10px;
	font-size:40px; height: 40px; vertical-align: middle; background: #900;}
	
h1, h2, h3 {color: #FF6; margin-bottom: 0.25em; font-family:"Edwardian Script ITC", "Monotype Corsiva", "Lucida Handwriting", "Blackadder ITC", "French Script MT", "Script MT Bold", "Apple Chancery", "Zapf Chancery", "Textile", cursive;}
h2 {font-size: 35px;}
h3 {font-size: 28px;}

p#index {font-size:1.2em; text-align:center;}

table#theStory {width:100%; float:none; clear:both;}
table#theStory tr td {vertical-align:top;}

/* footer */
div#footer { margin:0; padding:0; text-align:right; font:12px sans-serif; color:#fff;
	position:relative; top:35px; float:none; clear:both;}
div#content div#footer a:hover {color:#FFC;}

/* content links */
div#content a:link {color: #FF0;}
div#content a:visited {color: #CC0;}
div#content a:hover {color: #000;}

/* navigation links */
div#links {position: absolute; top: 52px; left: 0; width: 160px; font-size: 16px;}
div#links a {display: block; text-align: center; font: bold 1em sans-serif;
   padding: 5px 10px; margin: 0 0 2px; border-width: 0;
   text-decoration: none; color: #FF6;}
div#links a:hover {color: #600;}
div#links a#selected {background:transparent url('leaves-wash.jpg') 0 0 no-repeat fixed; color:#000;}

/* background pictures */
body {background:black url('leaves.jpg') 0 0 no-repeat fixed;}
div#content {background:#A63C3C url('leaves_red.jpg') 0 0 no-repeat fixed;}
div#links a {background: transparent url('leaves-dark.jpg') 0 0 no-repeat fixed;}
div#links a:hover {background: transparent url('leaves-wash.jpg') 0 0 no-repeat fixed;}