BODY
{
	MARGIN: 0px 0px 20px 0px; 
	background-color: #ffffff;
	FONT-SIZE: 15px; 
	FONT-FAMILY: Arial, sans-serif;
}

H1, H2 
{
	font-style: italic;
}

p 	
{
	font-size: 100%;
}

li	
{
	font-size: 100%;
}

hr
{
	color: #f00;
	background-color: #f00;
	height: 4px;
}


div#links 
{
position: absolute;
 	top: 20px;
 	left: 0;
 	width: 150px;
 	height: 900px;
 	font: 16px Verdana, sans-serif;
 	z-index: 100;
}

div#links a 
{
	display: block;
	text-align: left;
	font: bold 1em sans-serif;
	padding: 5px 10px; 
	margin: 0 0 1px; 
	border-width: 0; 
   	text-decoration: none; 
	color: #ffffff; background: midnightblue;
}

div#links a:hover 
{
	color: #000000; 
	background: #ffffff;
}


div#links a span 
{
	display: none;
}

div#links a:hover span 
{
	display: block;
   	position: absolute; 
	top: 330px; 
	left: 0; 
	width: 110px;
   	padding: 5px; 
	margin: 10px; 
	z-index: 100;
   	color: #ffffff; 
	background: 00cccc;
   	font: 18px Verdana, sans-serif; 
	text-align: center;
}

.toc
{
	background-color: midnightblue;
	FONT-SIZE: 15px; 
	FONT-FAMILY: Arial, sans-serif;
}

.bottom 
{
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 20px; 
	PADDING-BOTTOM: 5px; 
	COLOR: #ffffff; 
	PADDING-TOP: 5px; 
	BACKGROUND-COLOR: midnightblue;
}

.bottom A {TEXT-DECORATION: none; COLOR: #ffffff; TEXT-DECORATION: none}
.bottom A:hover {TEXT-DECORATION: underline;  COLOR: #ffffff}
.bottom A:active {COLOR: #ffffff; TEXT-DECORATION: underline}