﻿html {
	overflow-y: scroll;
}
body {
	background: #E7E7DC url('../images/book_images/background2.png') repeat-x; 
	margin: 0 0 0 0;
}

#left {
	float: left;
	padding: 0 9px 0 9px;
}
#right {
	float: left;
	padding: 0 9px 0 9px;
}
#navcontainer {
	margin: 0 auto 0 auto;
	width: 900px;
	vertical-align: middle;
	height: 40px;
	background-color: #990000;
	position:relative;
}

#wholepage {
	margin: 0 auto 0 auto;
	width: 960px;
}

#maincontent {
	float:left; width: 896px; 
	height: 630px; 
	border: 2px maroon dotted; 
	background: white;
}

.mp3link {
	text-decoration: underline;
	font-weight: bold;
	cursor: pointer;
}

.directlink {
	font-weight:bold;
	color:white;	
}

.navi {
	cursor: pointer;
	border:0;
}
.tooltip {
	display: none;
	background: url("../images/book_images/Callout.png");
	height: 154px;
	padding: 30px 45px 10px 30px;
	width: 262px;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	color: #fff;
}
.scroll{
	overflow:auto;
}
.tooltip a{
	color:#FFF;
}
.title {
	font-size: x-large;
	margin: 0 auto 0 auto;
	text-align: center;
}
ul#navlist {
	font-family: sans-serif;
	font-size: 10px;
	margin: 5px;
	padding: 4px 0 0 500px;
	list-style-type: none;
	position:relative;
	top:20px;
}
ul#navlist a {
	font-weight: bold;
	text-decoration: none;
}
ul#navlist ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
ul#navlist li {
	float: left;
}
ul#navlist li a {
	color: #ffffff;
	background-color: maroon;
	padding: 3px;
	border: 1px #ffffff outset;
}
ul#navlist li a:hover {
	color: #ffff00;
	background-color: #CC0000;
}
ul#navlist li a:active {
	color: #cccccc;
	background-color: #003366;
	border: 1px #ffffff inset;
}
ul#navlist ul.subnavlist {
	display: none;
}
ul#navlist ul.subnavlist li {
	float: none;
}
ul#navlist ul.subnavlist li a {
	padding: 0px;
	margin: 0px;
	cursor:pointer;
}
ul#navlist ul.subnavlist li a.subcurrent {
	color: #ffff00;
}
ul#navlist li:hover ul.subnavlist {
	display: block;
	position: absolute;
	font-size: 8pt;
	padding-top: 5px;
}
ul#navlist li:hover ul.subnavlist li a {
	display: block;
	width: 10em;
	border: none;
	padding: 2px;
}
ul#navlist li:hover ul.subnavlist li a:before {
	content: " >> ";
}




