body {
margin: 0 auto;
font-family: arial,helvetica,sans-serif;
background: #03142c;
background-image: url('extend.png');
background-repeat: repeat-y;
color: #cfe2ff;
font-size: 8pt; }

#headerdefault {
background-image: url('def_head.jpg');
background-repeat: no-repeat;
height: 567px;
margin-left: 37px; }

#octheader {
background-image: url('oct_head.jpg');
background-repeat: no-repeat;
height: 567px;
margin-left: 37px; }

#pearceheader {
background-image: url('pearce_head.jpg');
background-repeat: no-repeat;
height: 567px;
margin-left: 37px; }

#morgheader {
background-image: url('morgan_head.jpg');
background-repeat: no-repeat;
height: 567px;
margin-left: 37px; }

#aeheader {
background-image: url('aeon_head.jpg');
background-repeat: no-repeat;
height: 567px;
margin-left: 37px; }

#jereheader {
background-image: url('jere_head.jpg');
background-repeat: no-repeat;
height: 567px;
margin-left: 37px; }

#ivanheader {
background-image: url('ivan_head.jpg');
background-repeat: no-repeat;
height: 567px;
margin-left: 37px; }

#mordeheader {
background-image: url('morde_head.jpg');
background-repeat: no-repeat;
height: 567px;
margin-left: 37px; }

#anathheader {
background-image: url('anath_head.jpg');
background-repeat: no-repeat;
height: 567px;
margin-left: 37px; }

#xiangheader {
background-image: url('xiang_head.jpg');
background-repeat: no-repeat;
height: 567px;
margin-left: 37px; }

#louheader {
background-image: url('lou_head.jpg');
background-repeat: no-repeat;
height: 567px;
margin-left: 37px; }

#eliheader {
background-image: url('eli_head.jpg');
background-repeat: no-repeat;
height: 567px;
margin-left: 37px; }

#greyheader {
background-image: url('grey_head.jpg');
background-repeat: no-repeat;
height: 567px;
margin-left: 37px; }

#content {
position: absolute;
top: 172px;
width: 260px;
padding: 9px;
overflow: hidden; }

.chartext {
position: absolute;
top: 155px;
left: 50px;
width: 376px;
font-size: 16px;
font-style: italic;
font-variant: small-caps; }

img {
border: 0; }
 
#homebutton {
position: absolute;
height: 25px;
width: 100px;
top: 180px;
left: 312px; }

#octbutton {
position: absolute;
height: 25px;
width: 100px;
top: 210px;
left: 312px; }

#pearcebutton {
position: absolute;
height: 25px;
width: 100px;
top: 240px;
left: 312px; }

#morgbutton {
position: absolute;
height: 25px;
width: 100px;
top: 270px;
left: 312px; }

#aebutton {
position: absolute;
height: 25px;
width: 100px;
top: 300px;
left: 312px; }

#jerebutton {
position: absolute;
height: 25px;
width: 100px;
top: 330px;
left: 312px; }

#ivanbutton {
position: absolute;
height: 25px;
width: 100px;
top: 360px;
left: 312px; }

#mordecaibutton {
position: absolute;
height: 25px;
width: 100px;
top: 390px;
left: 312px; }

#anathemabutton {
position: absolute;
height: 25px;
width: 100px;
top: 420px;
left: 312px; }

#xiangbutton {
position: absolute;
height: 25px;
width: 100px;
top: 450px;
left: 312px; }

#loubutton {
position: absolute;
height: 25px;
width: 100px;
top: 480px;
left: 312px; }

#elijahbutton {
position: absolute;
height: 25px;
width: 100px;
top: 510px;
left: 312px; }

#greybutton {
position: absolute;
height: 25px;
width: 100px;
top: 540px;
left: 312px; }

#homebutton:hover {
background:url(hoverbutton.png);
width:120px; 
background-repeat:no-repeat;}

#octbutton:hover {
background:url(hoverbutton.png);
width:120px;
background-repeat:no-repeat; }

#pearcebutton:hover {
background:url(hoverbutton.png);
width:120px;
background-repeat:no-repeat; }

#morgbutton:hover {
background:url(hoverbutton.png);
width:120px;
background-repeat:no-repeat; }

#aebutton:hover {
background:url(hoverbutton.png);
width:120px;
background-repeat:no-repeat; }

#jerebutton:hover {
background:url(hoverbutton.png);
width:120px;
background-repeat:no-repeat; }

#ivanbutton:hover {
background:url(hoverbutton.png);
width:120px;
background-repeat:no-repeat; }

#mordecaibutton:hover {
background:url(hoverbutton.png);
width:120px;
background-repeat:no-repeat; }

#anathemabutton:hover {
background:url(hoverbutton.png);
width:120px;
background-repeat:no-repeat; }

#xiangbutton:hover {
background:url(hoverbutton.png);
width:120px;
background-repeat:no-repeat; }

#loubutton:hover {
background:url(hoverbutton.png);
width:120px;
background-repeat:no-repeat; }

#elijahbutton:hover {
background:url(hoverbutton.png);
width:120px;
background-repeat:no-repeat; }

#greybutton:hover {
background:url(hoverbutton.png);
width:120px;
background-repeat:no-repeat; }

#aeside {
position: fixed;
height: 535px;
width: 410px;
top: 0px;
left: 475px;
background: transparent url(aeonside.png) 475px 100px no-repeat fixed; }

#octside {
position: fixed;
height: 549px;
width: 215px;
top: 0px;
left: 490px;
background: transparent url(octside.png) 490px 5px no-repeat fixed; }

#morgside {
position: fixed;
height: 560px;
width: 215px;
top: 0px;
left: 460px;
background: transparent url(morgside.png) 460px 5px no-repeat fixed; }

#pearceside {
position: fixed;
height: 570px;
width: 280px;
top: 0px;
left: 490px;
background: transparent url(pearceside.png) 490px 5px no-repeat fixed; }

#jereside {
position: fixed;
left: 440px;
top: 0px;
background: transparent url(jereside.png) 440px 5px no-repeat fixed;
width: 380px;
height: 580px; }

#ivanside {
position: fixed;
height: 520px;
width: 170px;
top: 0px;
left: 475px;
background: transparent url(ivanside.png) 475px 5px no-repeat fixed; }

#mordeside {
position: fixed;
height: 571px;
width: 200px;
top: 0px;
left: 475px;
background: transparent url(mordeside.png) 475px 5px no-repeat fixed; }

#xiangside {
position: fixed;
height: 532px;
width: 255px;
top: 0px;
left: 475px;
background: transparent url(xiangside.png) 475px 5px no-repeat fixed; }

#anaside {
position: fixed;
height: 575px;
width: 355px;
top: 0px;
left: 475px;
background: transparent url(anaside.png) 475px 5px no-repeat fixed; }

#louside {
position: fixed;
height: 580px;
width: 230px;
top: 0px;
left: 475px;
background: transparent url(louside.png) 475px 5px no-repeat fixed; }

#eliside {
position: fixed;
height: 570px;
width: 193px;
top: 0px;
left: 475px;
background: transparent url(eliside.png) 475px 5px no-repeat fixed; }

#greyside {
position: fixed;
height: 570px;
width: 231px;
top: 0px;
left: 475px;
background: transparent url(greyside.png) 475px 5px no-repeat fixed; }

#infocont {
background-image: url('transdarkblue.png');
margin-top: 12px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
width: 249px;
border: black 1px solid;
overflow:hidden; }

code {
font-family: arial,helvetica,sans-serif;
font-size: 11pt;
padding-right: 5px;
padding-left: 6px;
padding-top: 4px;
padding-bottom: 4px;
display: block;
width: 234px;
border: #000033 1px solid;
color: #26466D;
background-image: url('translightblue.png');
background-repeat: repeat;
font-style: italic; }

code.back {
height: auto;
font-size: 8pt;
padding: 10px;
width: 225px;
font-style: normal; }

code.height {
height: 20px;
text-align: right;
padding-top: 0px;
padding-bottom: 0px; }

samp {
font-family: arial,helvetica,sans-serif;
font-size: 10pt;
margin-top: 8px;
padding-left: 5px;
display: block;
width: 240px;
height: 13px;
border: black 1px solid;
color: white;
background-image: url('transdarkerblue.png');
background-repeat: repeat;
font-weight: bold;
font-variant: small-caps;}

a:link {
color: white; }

a:hover {
color: lightblue; }

a:active {
color: navy; }

a:visited {
color: black; }

samp a:visited {
color: white;
font-size: 8pt; }

.conr {
display:none;}

a.home {
color: lightblue; }