/* CSS Document */
html, body {height:100%;}
body {background-color:#000000; margin:0; padding:0; width:100%; background-image:url(images/header-background.gif);background-repeat:repeat-x;
}

#toporangebar {background-image:url(images/header-background.gif);background-repeat:repeat-x;
width:100%; height:201px; position:absolute; top:0; left:0; margin:0; padding:0;}

#container {position:relative; margin-left:auto; margin-right:auto; width:760px;}


#temple {position:absolute; top:4px; left:0px; width:311px; height:187px; 
background-image:url(images/temple.gif); background-repeat:no-repeat;}

#titleheader {position:absolute; top:10px; left:250px; width:505px;  height:54px;
background-image:url(images/title.gif); background-color:transparent; background-repeat:no-repeat;
margin:0; padding:0;}

#titleheader span {text-indent:9999px;}
#titleheader a {display:block; position:absolute; top:0px; left:0px; height:54px; width:505px;}

#textbody {background-image:url(images/textbody-background.gif); background-repeat:no-repeat;
position:relative; width:760px; overflow:visible; margin:0; top:194px; float:left; text-align:left;
color:#F1C392; font-family:Verdana, Arial, Helvetica, sans-serif; padding: 25px 0px 55px 0px;min-height:100%; margin-bottom:125px;
}
#textbody h3 {font-size:1.1em; color:#CC6600;}
#textbody a {color:#FFFFFF;}
#textbody a:hover {color:#CC6600;}
#textbody a:visited {color:#CC6600;}
.right {text-align:right;}

/* Nav CSS */

ul#nav {position:absolute; top:55px; left:315px; width:95px; height:137px; margin: 0; padding: 0;
background-image:url(images/nav.gif);background-repeat:no-repeat;}
ul#nav li {padding:0; margin:0; list-style-type:none; float:left;}
ul#nav li a {border:0; text-decoration:none; display:block; margin:0; padding:0;}


li#fiction a {position:absolute; top:10px; left:4px; height:18px; width:57px; color:transparent;}
li#fiction a:hover {background:transparent url(images/nav-over.gif) -4px -10px no-repeat; height:18px; width:57px;}
li#biography a {position:absolute; top:37px; left:4px; height:18px; width:86px;}
li#biography a:hover {background:transparent url(images/nav-over.gif) -4px -37px no-repeat; height:18px;}
li#links a {position:absolute; top:62px; left:4px; height:18px; width:44px;}
li#links a:hover {background:transparent url(images/nav-over.gif) -4px -62px no-repeat; height:18px;}
li#news a {position:absolute; top:89px; left:4px; height:18px; width:46px}
li#news a:hover {background:transparent url(images/nav-over.gif) -4px -89px no-repeat; height:18px;}
li#contact a {position:absolute; top:114px; left:4px; height:18px; width:73px}
li#contact a:hover {background:transparent url(images/nav-over.gif) -4px -114px no-repeat; height:18px;}


/*  Footer */

#bottomorangebar {background-image:url(images/footer-background.gif);background-repeat:repeat-x;
width:100%; height:101px; margin:0; padding:0; position:static; color:#FFFFFF; clear:both;
font-family:Arial, Helvetica, sans-serif; font-size:70%; line-height:500%; text-align: center; margin-top:25px;}
#bottomorangebar a, a:hover, a:visited {color:#FFFFFF; z-index:2;}

#links li {margin-bottom:10px;}