* {margin: 0; padding: 0; border: 0;}

body {
background: #000;
min-width: 700px;
}



/* wrapper holds left faux column tab */
/* nn6/7 will put content out of scrollable reach if auto is used unless the min-width is on body */
#wrapper { 
text-align: left;
width: 98%;
margin: 0 auto; 
background: #000 url(sidebar.gif) repeat-y 10px 0;
}

#header, #subnav, #footer {
color: #000;
clear: both; 
width: 98%;
}

#header {
	height: 190px;
}

#footer {background: #000; padding: 1px 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CCCCCC;}
#footer a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CC33FF;
}











#contentfloatholder {/* right faux column tab */
background: url(sidebar.gif) repeat-y 100% 0;
float: left;
width: 98%;
}


#contentfloatholder:after {
 /* this is for NN6 to clear floats */
    content: "."; 
    display: block; 
		height: 0px;
    clear: both; 
    visibility: hidden;
}





#left {
  float:left;
  width: 170px;
  margin: 0 0 0 -5%;
}

#right {
  float:right;
  width: 170px;
	margin: 0;
}


/************* IE Mac CSS Only  works for Win too **************/
* html div#centerwrap {margin: 0 -100% 0 0;}
* html div#left {margin: 0;}

div h3, div p {
margin: 1em 0;
padding: 0 20px; 
}


table.menu a { 
border:1px solid #666666; 
display: block; 
} 

div.menu a {
	color: #F4F400;
	background: #000000;
	text-decoration:none;
	line-height:16px;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 2px;
	font-weight: bold;
}

div.menu a:link {
color: #F4F400; 
background: #000000; 
}


div.menu a:hover {
	color: #eeeeee;
	border:1px solid #000000;
	background-color: #6633CC;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
}

div.menu ( 
position:absolute;
top:0; 
left:0;
) 















#main-box {
WIDTH: 100%
}

#header-box {
	BACKGROUND: #000000; WIDTH: 100%
}

#main-menu {
	BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; PADDING-BOTTOM: 3px; BORDER-LEFT: #000000 1px solid; WIDTH: 100%; PADDING-TOP: 3px; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-COLOR: #000000
}

#image-box {
	BORDER-RIGHT: #000000 1px solid;
	PADDING-RIGHT: 3px;
	BORDER-TOP: #000000 1px solid;
	PADDING-LEFT: 3px;
	PADDING-BOTTOM: 3px;
	BORDER-LEFT: #000000 1px solid;
	WIDTH: 100%;
	PADDING-TOP: 3px;
	BORDER-BOTTOM: #000000 1px solid;
	background-image: url(images/topbanner.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height: 155px;
	background-color: #000033;
}


















#left a {
font-size: 10px;
}

#main-menu {
 width: 100%;
 background-color: #000000;
}

#content-box {
	width: 780px;
	position: relative;
}

#storycontent-box {
 padding-left: 10px;
}



.left-box a {
font-size: 10px;
}

#spacer {
color: #FFFFFF;
font-size: 2px
}

div.wide-spacer {
color: #FFFFFF;
font-size: 20px;
}








.linktable {
}
.linktable a {
	font-size: 11px;
	color: #FFCC1A;
}
.linktable a:hover {
	color: #00FF47;
}
.linktable p {
	color: #FF00CC;
	font-weight: bold;
}







.leftside {

	width: 122px;
	left: 0px;
	float: left;
	background-color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #00FF00;
	font-weight: bold;
	top: 0px;
	border: 1px solid #666666;
}
.leftside a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FF00FF;
}
.leftside a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FF00CC;
	background-color: #333333;
}









.widecontent {
	position: relative;
	width: 630px;
	left: 13px;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	top: 0px;
	visibility: visible;
	color: #00FF00;
}








#center {
	margin: 0 0px 0 0px;
	font-family: "Trebuchet MS", arial;
	font-size: 10pt;
	color: #66ff66;
}
#centerwrap {
  float:left;
  width: 100%; 
	margin: 0 -95% 0 0;
}
#center p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #66FF66;
}
#center a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFCC66;
	font-size: 13px;
	font-weight: bold;
}
#wrapper #contentfloatholder #centerwrap #center img {
	border-top-width: 8px;
	border-right-width: 8px;
	border-bottom-width: 8px;
	border-left-width: 8px;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
#wrapper #contentfloatholder #centerwrap #center img {
	margin: 5px;
	padding: 5px;
}


#center a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FF00CC;
}
#center strong {
	font-family: "Trebuchet MS", Verdana, Arial,;
	font-size: 13px;
	font-weight: bold;
	color: #66ff66;
}
#center h1 {
	font-family: "Trebuchet MS Bold", Arial;
	font-size: 13pt;
	color: #FF00FF;
}










.rightside {
	float: right;
	width: 122px;
	background-color: #000000;
	right: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #666666;
	font-weight: bold;
	color: #00FF00;
}
.rightside a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFF33;
}
.rightside a:hover {
	color: #0033CC;
}

#zoe7book {
	position:absolute;
	left:32px;
	top:19px;
	width:225px;
	height:349px;
	z-index:1;
}
#luma10 {
	position:absolute;
	left:308px;
	top:135px;
	width:290px;
	height:404px;
	z-index:1;
}
#Layer1 {
	position:absolute;
	left:2px;
	top:371px;
	width:282px;
	height:269px;
	z-index:1;
}
#intothevoid {
	position:absolute;
	left:3px;
	top:689px;
	width:281px;
	height:261px;
	z-index:2;
}
#Layer2 {
	position:absolute;
	left:309px;
	top:515px;
	width:285px;
	height:65px;
	z-index:1;
}
#salviad {
	position:absolute;
	left:309px;
	top:599px;
	width:288px;
	height:200px;
	z-index:1;
}
#bookpronounce {
	position:absolute;
	left:309px;
	top:813px;
	width:289px;
	height:145px;
	z-index:1;
	color: #FF009C;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.rightside a:hover {
	font-size: 10px;
	color: #FFCC66;
}
#wrapper #contentfloatholder #centerwrap #center #burroughs {
	width: 70%;
	margin-left: 15%;
}
#wrapper #contentfloatholder #centerwrap #center .style102 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #CCCCCC;
}
#wrapper #contentfloatholder #centerwrap #center .style108 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #CCCCCC;
}
.style2 {
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
}

h3 {
	font-family: "Trebuchet MS Bold", Arial;
	font-size: 32px;
	color: #6633FF;
	font-style: italic;
}
h2 {
	font-family: "Trebuchet MS Bold", Arial;
	font-size: 26px;
	font-style: italic;
	color: #6633CC;
}