p {  font-family: Arial, Helvetica, sans-serif; color: #000000;}
a, a:link {  font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #000000;}
a:hover, a:active {  font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #FF0000;}
ul {  font-family: Arial, Helvetica, sans-serif; color: #000000;}
table {  font-family: Arial, Helvetica, sans-serif; color: #000000;}


body {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin:0;
padding:0;
}

.menu, a.menu , a.menu:hover, a.menu:link, a.menu:active{
font-family: Arial, Helvetica, sans-serif;
font-weight: 900;
color: #000000;
font-size: 14px;
text-decoration: none;
position: relative;
top: 15px;
left: 5px;
line-height: 90%
}

.title{
color: #ff0000;
font-size: 130%;
text-align: center;
font-weight: bold;
}

#book { width: 600px;
	height: 475px;
	border-style: hidden;
	position: relative;
	top: 0px;
	left: 0px;
	padding: 0px;
	z-index: 5;
}

#look { width: 86px;
	height: 56px;
	border-style: hidden;
	position: absolute;
	top: 150px;
	left: 450px;
	padding: 0px;
	z-index: 10;
}

#lookback { width: 86px;
	height: 56px;
	border-style: hidden;
	position: absolute;
	top: 150px;
	left: 600px;
	padding: 0px;
	z-index: 10;
	visibility: hidden;
}

#inside { width: 600px;
	height: 475px;
	border-style: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 0px;
	z-index: 8;
	visibility: hidden;
}

.pages { width: 647px;
	height: 475px;
	border-style: hidden;
	border:hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 0px;
	z-index: 8;
}

.pagesOffset {
	position: relative;
	left: 24px;
	z-index: 8;
	border-style: hidden;
	border:hidden;
}

.forward{ width: 86px;
	height: 56px;
	border-style: hidden;
	position: absolute;
	top: 150px;
	left: 647px;
	padding: 0px;
	z-index: 10;
}

.back { width: 86px;
	height: 56px;
	border-style: hidden;
	position: absolute;
	top: 150px;
	left: -41px;
	padding: 0px;
	z-index: 500;
}