body
{
    background:#222;
    border:0;
    color:#999;
    font: 62.5%/1.4 Georgia, Times, Serif;
    font-size:1em;
    line-height:1.5em;
    margin:0;
    padding:0;
    text-align:center;}

h3{
    color:#BCC;
    margin-bottom:-15px;}
    
 img{border:solid 1px #111;}

a{color:#060;}

a:hover{
    color:#FFF;
    background-color:#393;
    text-decoration:none;}

div.header{
    background:url(Images/walls.jpg) no-repeat;
    height:165px;
    width:1024px;}
    
div.Order{background:url(Images/linesbanner.jpg) no-repeat;}

div.Chapters{background:url(Images/drive.jpg) no-repeat;}

div.Epilogues{background:url(Images/playground.jpg) no-repeat;}

div.Compendium{background:url(Images/hammer.jpg) no-repeat;}
    
#menucontainer{
    background-color:#333;
    float:left;
    height:30px;
    margin-top:114px;
    width:1024px;}
    
#menucontainer ul{
    background-color:#333;
    float:left;
    font-family:Arial,sans-Serif;
    height:30px;
    list-style:none;
    margin:0 0 0 150px;}

#menucontainer ul li{
    float:left;
    margin:0;
    padding:5px 25px 0;}
    
#menucontainer ul li a{
    color:#999;
    text-decoration:none;}
    
#menucontainer ul li a:hover{
    background-color:#333;
    color:#CCC;}
    
#menucontainer ul li span{color:#C90;}

img.left{
    float:left;
    margin:3px 15px 3px 0;}

img.right{
    float:right;
    margin:3px 5px 5px 15px;}

div.page{
    background:#000;
    margin:0 auto;
    width:1024px;
    text-align:left;}

#header{}

div.outer{
    clear:both;
    float:left;
    overflow:hidden;
    position:relative;
    width:100%;
}

div.inner,div.content{
    float:left;
    width:100%;
    position:relative;}
    

div.main,div.right,div.left{
    float:left;
    overflow:hidden;
    position:relative;
    padding:0 0 1em 0;}
    
    
div.threecol{background:#000;}

div.threecol div.inner{
   background:#000;
   right:25%;}
 
   
div.threecol div.content{
    border-right:solid 1px #222;
    background:#000;
    right:55%;}
    
div.threecol div.main{
    width:51%;
    left:102%;}

div.threecol div.left{
    width:16%;
    left:31%;}

div.threecol div.right{
    color:#555;
    margin-top:50px;
    font-style:italic;
    width:21%;
    left:90%;}
    
    
img.elephant{
	height:0;
	width:0;
	border-width:0px;}

a.displayPopup:hover img.elephant {
	height:200px;
	width:200px;
	position:absolute;
	top:100px;
	left:0;
	z-index:100;
}

a.displayPopup:hover{
    background-color:#000;
	text-decoration:underline;
	cursor:crosshair;}

a.displayPopup{
text-decoration:none;
color:#393;}

.caption{
	font-size:1.1em;
	text-align:center;}