body
	{
	background-color: #606761;
	font-size: 14px;
	font-family: Georgia, Verdana, Sans-serif;
	margin:0px auto 0px auto;
	width:760px;
	position:relative;
	}
	

:link {color: black;}
:visited {color: #3d3832;}
:hover { color: #dec5a5}

.italic {font-style: italic}
.style1 {font-size: 10px;}
.style2 {font-size: 12px;}
.style3 {font-size: 16px;}
.style4 {font-size: 24px;}
.style5 {font-size: 32px;}
.style6 {font-size: 40px;}

div.container
	{
	position: absolute;
	left: 0px;
	right: 0px;
	width: 760px;
	height: 1400px;
	}

div.title
	{
	position: absolute;
	left: 10px;
	top: 20px;
	width:400px;
	height: 200px;
	}
	
div.titleimage
	{
	position: absolute;
	left: 410px;
	top: 60px;
	width: 360;
	height: 140;
	}
	
	
div.navigation
	{
	position: absolute;
	left: 30px;
	top: 220px;
	width: 600px;
	height: 60px;
	}
	
div.text
	{
	position: absolute;
	left: 210px;
	top: 300px;
	width: 480px;
	height: 650px;
	}
div.letterlinks
	{position: absolute;
	left: 30px;
	top: 300px;
	width:165px;
	height:665px;
	}

/* this size must change with every letter so make sure
to make a new class name for each one!  But do not 
delete this one or you will be sorry must be a better 
way to do this!  could put each of these in the head!! */ 
div.lettertext
	{
	position: absolute;
	left: 80px;
	top: 300px;
	width: 600px;
	height:780px;
	background-color: #f3deb1;
	padding: 30px;
	border:outset thick #3d3832;
	}
div.footer
	{position: absolute;
	font-size: 10px;
	top: 1200px;
	left: 30px;
	width: 600px;
	height: 50px;
	}
p.initial:first-letter 
	{
	font-size: 30px;
	float:left;
	}
.indent
	{
	position: absolute;
	left: 400px;
	top: 0px;
	width: 150px;
	height: 50px;
	}
img.floatleft
	{
	float: left;
	margin: 10px 10px 10px 0px;
	}
img.floatright
	{
	float: right;
	margin: 10px 30px 10px 10px;
	}