body {background: #3D245E url(/Images/Background.jpg) 0 0 no-repeat fixed; margin:0; padding:0; font: normal 95% Arial, Helvetica, serif; color: #FFEFD5}
#egTop {position: absolute; top: 0px; left: 0px; right: 0; height: 105px; background: url(/Images/BackgroundA.jpg) 0 0 no-repeat fixed; z-index: 4 }
#egLocStrip {position: absolute; top: 80px; left: 0px; height: 20px; padding-left: 253px; white-space: nowrap; font-weight: bold; color: #AFEEEE; z-index: 4 }
#egFoot {position: absolute; bottom: 0px; left: 0px; right: 0px; height: 1em; text-align: center; font-size: 80%; background-color: #3D245E; z-index: 6}
#egSide {position: absolute; top: 0px; left: 0px; width: 250px; height: 100%; background: url(/Images/BackgroundB.jpg) 0 0 no-repeat fixed; z-index: 3}
img { border: none} 
#egNavBar {margin-top: 110px; width: 214px; margin-left: 20px; z-index: 6}
#egNavBar img {border: none}
#egNavBar ul {list-style: none; margin: 0; padding: 0}
#egNavBar li {margin-top: 20px}
#egNavBar li a {height: 22px; text-decoration: none; text-align: center; font-weight: bold}	
#egNavBar li a:link, #egNavBar li a:visited {color: #AFEEEE; display: block; background:  url(/Images/egNavBar.gif); padding: 2px 0 0 4px}
#egNavBar li a:hover {color: #AFEEEE; background:  url(/Images/egNavBar.gif) 0 -24px; padding: 2px 0 0 4px}
#egPageContent {margin-left: 250px; margin-top: 110px; margin-bottom: 1em; padding-left: 5px; padding-right: 5px}
a:link {font-weight: normal; color: #FD60CB; text-decoration: none}
a:visited {font-weight: normal; color: #FD60CB; text-decoration: none}
a.Loc:link {font-weight: bold; color: #AFEEEE; text-decoration: none}
a.Loc:visited {font-weight: bold; color: #AFEEEE;  text-decoration: none}
strong {color: #FD60CB}
.egItalic {font-style: italic}
.egInStoryHeader {font-weight: bold; text-decoration: underline}
.egTable {border-collapse: collapse; margin-bottom: 1em}
.egTable td {padding: 5px; border: 1px solid #AFEEEE}
.egTable td img {border: 0}
.ROIHare {display: block; width: 88px; height: 100px; background: url(/Stories/Story01/HareButton.png)}
.ROIHare:hover {background-position: 0 -100px}
.ROIHareMOBI {display: block; width: 52px; height: 85px; background: url(/Stories/Story01/eBookIcon-MOBI.png)}
.ROIHareMOBI:hover {background-position: 0 -85px}
.ROIHareEPUB {display: block; width: 52px; height: 85px; background: url(/Stories/Story01/eBookIcon-EPUB.png)}
.ROIHareEPUB:hover {background-position: 0 -85px}
.ROIHarePDF {display: block; width: 52px; height: 85px; background: url(/Stories/Story01/eBookIcon-PDF.png)}
.ROIHarePDF:hover {background-position: 0 -85px}
.ROIHarePRC {display: block; width: 52px; height: 85px; background: url(/Stories/Story01/eBookIcon-PRC.png)}
.ROIHarePRC:hover {background-position: 0 -85px}
.ROISparrow {display: block; width: 97px; height: 100px; background: url(/Stories/Story02/SparrowButton.png)}
.ROISparrow:hover {background-position: 0 -100px}
.ROISparrowMOBI {display: block; width: 52px; height: 85px; background: url(/Stories/Story02/eBookIcon-MOBI.png)}
.ROISparrowMOBI:hover {background-position: 0 -85px}
.ROISparrowEPUB {display: block; width: 52px; height: 85px; background: url(/Stories/Story02/eBookIcon-EPUB.png)}
.ROISparrowEPUB:hover {background-position: 0 -85px}
.ROISparrowPDF {display: block; width: 52px; height: 85px; background: url(/Stories/Story02/eBookIcon-PDF.png)}
.ROISparrowPDF:hover {background-position: 0 -85px}
.ROISparrowPRC {display: block; width: 52px; height: 85px; background: url(/Stories/Story02/eBookIcon-PRC.png)}
.ROISparrowPRC:hover {background-position: 0 -85px}
.ROIPeregrine {display: block; width: 100px; height: 61px; background: url(/Stories/Story03/PeregrineButton.png)}
.ROIPeregrine:hover {background-position: 0 -61px}
.ROIPeregrineMOBI {display: block; width: 52px; height: 85px; background: url(/Stories/Story03/eBookIcon-MOBI.png)}
.ROIPeregrineMOBI:hover {background-position: 0 -85px}
.ROIPeregrineEPUB {display: block; width: 52px; height: 85px; background: url(/Stories/Story03/eBookIcon-EPUB.png)}
.ROIPeregrineEPUB:hover {background-position: 0 -85px}
.ROIPeregrinePDF {display: block; width: 52px; height: 85px; background: url(/Stories/Story03/eBookIcon-PDF.png)}
.ROIPeregrinePDF:hover {background-position: 0 -85px}
.ROIPeregrinePRC {display: block; width: 52px; height: 85px; background: url(/Stories/Story03/eBookIcon-PRC.png)}
.ROIPeregrinePRC:hover {background-position: 0 -85px}
.ROISeal {display: block; width: 100px; height: 73px; background: url(/Stories/Story04/SealSelkieButton.png)}
.ROISeal:hover {background-position: 0 -73px}
.ROISealMOBI {display: block; width: 52px; height: 85px; background: url(/Stories/Story04/eBookIcon-MOBI.png)}
.ROISealMOBI:hover {background-position: 0 -85px}
.ROISealEPUB {display: block; width: 52px; height: 85px; background: url(/Stories/Story04/eBookIcon-EPUB.png)}
.ROISealEPUB:hover {background-position: 0 -85px}
.ROISealPDF {display: block; width: 52px; height: 85px; background: url(/Stories/Story04/eBookIcon-PDF.png)}
.ROISealPDF:hover {background-position: 0 -85px}
.ROISealPRC {display: block; width: 52px; height: 85px; background: url(/Stories/Story04/eBookIcon-PRC.png)}
.ROISealPRC:hover {background-position: 0 -85px}
.ROIRhinoceros {display: block; width: 120px; height: 65px; background: url(/Stories/Story05/RhinocerosButton.png)}
.ROIRhinoceros:hover {background-position: 0 -65px}
.ROIRhinocerosMOBI {display: block; width: 52px; height: 85px; background: url(/Stories/Story05/eBookIcon-MOBI.png)}
.ROIRhinocerosMOBI:hover {background-position: 0 -85px}
.ROIRhinocerosEPUB {display: block; width: 52px; height: 85px; background: url(/Stories/Story05/eBookIcon-EPUB.png)}
.ROIRhinocerosEPUB:hover {background-position: 0 -85px}
.ROIRhinocerosPDF {display: block; width: 52px; height: 85px; background: url(/Stories/Story05/eBookIcon-PDF.png)}
.ROIRhinocerosPDF:hover {background-position: 0 -85px}
.ROIRhinocerosPRC {display: block; width: 52px; height: 85px; background: url(/Stories/Story05/eBookIcon-PRC.png)}
.ROIRhinocerosPRC:hover {background-position: 0 -85px}
.ROIMammoth {display: block; width: 100px; height: 88px; background: url(/Stories/Story06/MammothButton.png)}
.ROIMammoth:hover {background-position: 0 -88px}
.ROIMammothMOBI {display: block; width: 52px; height: 85px; background: url(/Stories/Story06/eBookIcon-MOBI.png)}
.ROIMammothMOBI:hover {background-position: 0 -85px}
.ROIMammothEPUB {display: block; width: 52px; height: 85px; background: url(/Stories/Story06/eBookIcon-EPUB.png)}
.ROIMammothEPUB:hover {background-position: 0 -85px}
.ROIMammothPDF {display: block; width: 52px; height: 85px; background: url(/Stories/Story06/eBookIcon-PDF.png)}
.ROIMammothPDF:hover {background-position: 0 -85px}
.ROIMammothPRC {display: block; width: 52px; height: 85px; background: url(/Stories/Story06/eBookIcon-PRC.png)}
.ROIMammothPRC:hover {background-position: 0 -85px}
.ROIArgosies {display: block; width: 100px; height: 79px; background: url(/Illustrations/Argosies/ArgosiesButton.png)}
.ROIArgosies:hover {background-position: 0 -79px}
.ROIPoem {display: block; width: 60px; height: 47px; background: url(/Poems/PoemButton.png)}
.ROIPoem:hover {background-position: 0 -47px}
h1 {font-style: oblique; font-weight: bold; font-size: 120%;  color: #AFEEEE}
h2 {font-style: oblique; font-weight: bold; font-size: 110%; color: #AFEEEE}
h3 {font-style: oblique; font-weight: bold; font-size: 100%; color: #AFEEEE}
em {font-weight: bolder; font-style: italic; font-size: 100%}
a[name] {position:relative; float:left; top:-110px}
.centered {margin-left: auto; margin-right: auto; text-align: center}
.techterm {font-style: normal; font-weight: bold}
span.first { float: left; font-family: Old English, Georgia,serif; font-size: 400%; line-height: 0.85em; margin-right: 0.03em; margin-bottom:-0.20em;}
.FlowL {float: left; margin: 6px}
.FlowR {float: right; margin: 6px}
.ClearB {clear: both}
.ClearL {clear: left}
.ClearR {clear: right}
.Lsliced {float: left; clear: left; border: none; margin: 0 5px 0 0}
.Rsliced {float: right; clear: right; border: none; margin: 0 0 0 0}
.UserForms {font-size: 95%; color: #000000; background-color: #C8EEEE}
.boxedHeader {padding: 5px; text-align: center; font-weight: bold; font-size: 130%; color: #FD60CB; border: 1px solid #FD60CB; background: url(/Images/boxBG.png) repeat}
.mainText {margin-top: 100px;margin-bottom: 100px; font-weight: bold; font-size: 130%}
.Note {font-style: italic; padding: 0px 3px 0px 3px; border: 1px dashed #AFEEEE; background: url(/Images/boxBG.png) repeat}
.pSpaced {margin-top: 10px}
.nextch {margin-left: 50px}
.prevch {margin-right: 50px}
.chBox {clear: both; width: 28em; margin-top: 25px}
hr {color: #FD60CB; background-color: #FD60CB; border: 1px solid #FD60CB}
@media screen {body>#egSide, body>#egLocStrip, body>#egTop, body>#egFoot  {position: fixed} }