@charset "utf-8";
/* CSS Document */
#PageContainer {
	width:800px;
	height:500px;
	}
	
a:link {color: #9999ff;
	text-decoration:none
		
		}      /* unvisited link */
a:visited {color:#9999ff; text-decoration:none}  /* visited link */
a:hover {color:#9999ff;
		text-decoration: none}  /* mouse over link */
		
		
		
/* a:active {color:#0000FF;}  /* selected link */

img {
	border:none;
	border-color:#000000;
	color:#000000;
	outline:none;
	
	}

#books {
	width:500px;
	height:450px;
	float:right;
	}	

#book_descri {
	width:300px;
	height:450px;
	float:left;
	max-height:500px;
	overflow: auto;
	
	}	

#footer {
	width:800px;
	height:100px;
	float:left;
	}	
		
body 
	{background-color:#000000;
	font-family: Geneva, Arial, Helvetica, sans-serif}

	/* BLUE background-color: #D6E9F8; */
		
	
	
p {
/* ORIG color	color:#FF3300  */
	color:#eae8ff
	}
	
h2 {
	color:#eae8ff
	}	
	
h3 {
	color:#eae8ff
	}
	
h4 {
	color:#eae8ff
	}		
	
font {
	color:#eae8ff
	}	
	
li 	{
	color:#eae8ff
	}	
	
td {
	color:#eae8ff
	}


		
	
div.header {
	background-color: #000000;
/*	background-color: #D6E9F8; BLUE */
	height: 100px;
	width:800px;
/* border-color: #CC6600;
border-width:3px; */
	background-image: url(../pics/joe2.jpg);
	background-repeat: no-repeat;
	background-position: right;
	text-align:left;
/*	color:#531d10; */
	color:#9999ff;
	text-indent:;
	font-size:30px;
	
		
	}		
	
/* div.mainnav {
	width:800px;
	}	
	
*/	
	
#PageNav {
	width:800px;
	
	}	
	

.menu{margin:0 auto; padding:0; height:30px; width:100%; display:block; background:url('topMenuImages.jpg') repeat-x;}
.menu li{padding:0; margin:0; list-style:none; display:inline;}
.menu li a{float:right; padding-right:15px; display:block; color:rgb(255,255,255); text-decoration:none; font:12px Verdana, Arial, Helvetica, sans-serif; cursor:pointer; background:url('topMenuImages_blue.jpg') 0px -30px no-repeat;}
.menu li a span{line-height:30px; float:right; display:block; padding-left:15px; background:url('topMenuImages_blue.jpg') 100% -30px no-repeat;}
.menu li a:hover{background-position:0px -60px; color:rgb(255,255,255);}
.menu li a:hover span{background-position:100% -60px;}
.menu li a.active, .menu li a.active:hover{line-height:30px; font:12px Verdana, Arial, Helvetica, sans-serif; background:url('topMenuImages_blue.jpg') 0px -90px no-repeat; color:rgb(255,255,255);}
.menu li a.active span, .menu li a.active:hover span{background:url('topMenuImages_blue.jpg') 100% -90px no-repeat;}	


/* BLUE 
.menu{margin:0 auto; padding:0; height:30px; width:100%; display:block; background:url('topMenuImages_blue.jpg') repeat-x;}
.menu li{padding:0; margin:0; list-style:none; display:inline;}
.menu li a{float:right; padding-right:15px; display:block; color:#D6E9F8; text-decoration:none; font:12px Verdana, Arial, Helvetica, sans-serif; cursor:pointer; background:url('topMenuImages_blue.jpg') 0px -30px no-repeat;}
.menu li a span{line-height:30px; float:right; display:block; padding-left:15px; background:url('topMenuImages_blue.jpg') 100% -30px no-repeat;}
.menu li a:hover{background-position:0px -60px; color:#D6E9F8;}
.menu li a:hover span{background-position:100% -60px;}
.menu li a.active, .menu li a.active:hover{line-height:30px; font:12px Verdana, Arial, Helvetica, sans-serif; background:url('topMenuImages_blue.jpg') 0px -90px no-repeat; color:rgb(255,255,255);}
.menu li a.active span, .menu li a.active:hover span{background:url('topMenuImages_blue.jpg') 100% -90px no-repeat;}	
*/

/*
.menu{margin:0 auto; padding:0; height:30px; width:100%; display:block; background:url('topMenuImages.png') repeat-x;}
.menu li{padding:0; margin:0; list-style:none; display:inline;}
.menu li a{float:left; padding-left:15px; display:block; color:rgb(255,255,255); text-decoration:none; font:12px Verdana, Arial, Helvetica, sans-serif; cursor:pointer; background:url('topMenuImages.png') 0px -30px no-repeat;}
.menu li a span{line-height:30px; float:left; display:block; padding-right:15px; background:url('topMenuImages.png') 100% -30px no-repeat;}
.menu li a:hover{background-position:0px -60px; color:rgb(255,255,255);}
.menu li a:hover span{background-position:100% -60px;}
.menu li a.active, .menu li a.active:hover{line-height:30px; font:12px Verdana, Arial, Helvetica, sans-serif; background:url('topMenuImages.png') 0px -90px no-repeat; color:rgb(255,255,255);}
.menu li a.active span, .menu li a.active:hover span{background:url('topMenuImages.png') 100% -90px no-repeat;}	

*/