html { height:100%; margin:0; padding:0;}
body { height:100%; margin:0; padding:0; background-color:black;}

/*background-image:url("images/ss12.jpg"); background-size:100%; background-attachment:fixed; 
background-position: top center; background-repeat: no-repeat; background-color:black;*/

/* Set the position and dimensions of the background image. */
div#page-background{position:fixed; top:0; left:0; width:100%; height:100%; z-index:-1;}

/* Specify the position and layering for the content that needs to appear in front of the background image. Must have a higher z-index value than the background image. */
div#content{ position:relative; z-index:1; padding:10px;}

.pointer{ cursor:pointer;}
.centered{ display:block; margin-left:auto; margin-right:auto;}
.lfloat{float:left;}
.rfloat{float:right;}

h1#emblem{ color:ivory; text-align:center; font-family:Book Antiqua; white-space:nowrap; /*position:relative; top:-10pt;*/}
h3#emblem{ color:ivory; text-align:center; font-family:Book Antiqua; white-space:nowrap;}
h2.bookTitle{ display:block; margin-left:auto; margin-right:auto; font-family:times;
white-space:nowrap; background-color:black; text-align:center; valign:top;}
span.gHeader{ display:block; margin-left:auto; margin-right:auto; font-family:Raavi, arial narrow, serif;
white-space:nowrap; color:#725600; letter-spacing:2pt; font-size:14pt;}


div#tablet{ background-color:black; color:ivory; text-align:justify; padding-top:8pt; padding-bottom:8pt; font-size:12pt;
/* max-width:450pt; min-width:375pt; */width:420pt; margin-left:auto; margin-right:auto; display:block; line-height:125%;}
div#pageFrame{/*background-color:black;*/color:white; text-align:justify; width:700pt; /*max-width:550pt; min-width:375pt;*/
display:block; margin-left:auto; margin-right:auto; /*border:thin solid silver;*/ padding:30pt;}
div.board{ text-align:justify; width:85%;}
div.bookBG{position:absolute; width:100%; height:100%; z-index:0;}

/*background-image:url('images/leather-bg-top.jpg'); background-repeat:no-repeat;
background-position:top center;*/

table.menu{font-family:verdana; color:orange; font-size:9pt; margin-left:auto; margin-right:auto;}
table.submenu{font-size:10.5pt; margin-left:auto; margin-right:auto; width:300pt; position:relative; top: -15pt;}
a.smenu{font-family:times; color:silver; font-size:10.5pt; text-decoration:none; white-space:nowrap;}
a.smenu:hover{color:crimson;}

ul.none{list-style-type:none;}
ul.bookList{list-style-type:none; white-space:nowrap; margin-left:0px; padding-left:0px;}
li.titleList{font-family:"Book Antiqua"; color:white;font-size:12pt;}

a.menu-item{font-family:verdana; color:orange; font-size:9pt; text-decoration:none;}
a.menu-item:hover{color:#E6C200;}
a.gTerm{cursor:pointer;}
a.gTerm:hover{color:snow;}
a.gSTerm{cursor:pointer; text-indent:10pt;}
a.gSTerm:hover{color:snow;}


div.mainQuote{font-family:Andalus; color:#D01B0D; font-size:14pt;
text-align:center; margin-left:auto; margin-right:auto; white-space:nowrap; /*position:relative; top: -10pt;*/}

/*td{border:thin solid white;} /*debug code*/

td.tcell{ padding:5; width:135pt; min-width:135pt; vertical-align:text-top; vertical-align:top;}
td.blankcell{padding:5; width:175pt; min-width:175pt; margin:0px;}
td.sidecell{ padding:5; width:175pt; min-width:175pt; vertical-align:text-top; vertical-align:top;}
td.maincell{ background-color:black; border:thin solid silver; /*width:60%;*/ width:450pt; /*width:450pt;*/ 
padding:1; padding-left:15pt; padding-right:15pt; vertical-align:text-top; font-family:georgia; margin-left:auto; margin-right:auto; display:block;/*font-family:arial, helvetica, sans serif;*/}
table.bookframe{ text-align:justify; background-color:black; color:ivory; border:thin solid silver;
min-width:500pt; max-width:750pt;}
table.bookframe td{vertical-align:text-top;}

p.testimonial{font-family:times; color:#D01B0D /*#CD0F00 #B80000 firebrick*/; font-size:12pt; white-space:nowrap;
text-align:center; min-width:130pt;}
p.promotion{font-family:'Book Antiqua'; color:snow; font-size:12pt; text-align:left; width:165pt; display:block; /*margin-left:auto;*/ margin-left:0px; padding-left:0px; margin-right:auto}


a#ANoSTitle{ color:silver; text-decoration:none; white-space:nowrap;}
a#ANoSTitle:hover{color:crimson;}
a#SotFTitle{ color:silver; text-decoration:none; white-space:nowrap;}
a#SotFTitle:hover{color:crimson;}
a#SotSTitle{ color:silver; text-decoration:none; white-space:nowrap;}
a#SotSTitle:hover{color:crimson;}
span#WotWTitle{color:silver; text-decoration:none; white-space:nowrap;}
/*a#WotWTitle:hover{color:crimson;}*/
span#SitSTitle{color:silver; text-decoration:none; white-space:nowrap;}
/*a#SitSTitle:hover{color:crimson;}*/
span.wMenu{cursor:pointer; font-size:14pt; color:Orange;}
span.wMenu:hover{color:firebrick;}

a.sChapter{ color:white; text-decoration:none; white-space:nowrap; font-family:times; font-size:10pt;}
a.sChapter:hover{color:firebrick;}

div.Sampler{text-align:left; vertical-align:text-center; font-family:verdana; font-size:11pt; white-space:nowrap;}

a:visited{border:none; outline:none;}

/*img:onclick{border:none; outline:none;}
a:active{border:none; outline:none;}
img:active{border:none; outline:none;}
a:onclick{border:none; outline:none;}*/

/*li.menu-list{float:left;}
div.submenu{
	position:absolute;
	visibilty:hidden;}
	
div a.submenu-item{font-family:verdana;color:orange; font-size:9pt;
text-decoration:none; display:block; position:bottom;}*/

/*<div style="height:100%; width:135pt; position:fixed; align:right; right: 15pt;
 valign:top; top:50pt; border:thin solid white"></div>
 <!--text-align:center; align:right; right:20pt; valign:top; top:63pt"-->
 */

/* <table class="submenu" summary="Book Menu" cellspacing="15">
		<tr>
		<td style="vertical-align:top"><a class="smenu" href="ANoS.html"><b>A Night of Shadows</b></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
		<td><a class="smenu" href="SotF.html"><b>Seeds of the Fire</b></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
		<td><a class="smenu" href="SotS.html"><b>Stirrings of the Storm</b></a></td>		
		</tr></table>*/