body {
	background-color: E6E6AA;
	margin: 0px;
	padding: 0px;
	font-size: 101%;
	color: #666666;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#header {
	height: 240px;
	width: 740px;
	background-color: #666600;
		padding: 0px 0px 12px 0;
}
#header h1 {
	margin: 10px 10px 10px 10px ;
	width: 744px;
}



.floatright { 
float: right;
margin: 0 0 8px 8px;
background-color: #CCCC88;
padding: 4px;
}

div.floatright img

{
border-top: 2px solid #555;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
border-left: 2px solid #555;
}


.floatleft { 
float: left;
margin: 8px 8px 8px 0px;
background-color: #CCCC88;
padding: 4px;
}

div.floatleft img

{
border-top: 2px solid #555;
border-right: 2px solid #999;
border-bottom: 1px solid #999;
border-left: 1px solid #555;
}



blockquote {
background-color: #e6e6aa;
font-size: 110%;
padding: 6px 8px 6px 8px;

}

p {margin-top: 0;	
	
}

#mainwrapper {
	width: 800px;
	margin: 0px auto;
	padding: 0px;
	
}
#maincontent {
	float: left;
	width: 540px; /* 520 + 18 + 2 = 540 */
	margin: 4px;
	padding: 12px;
	border-left: thick double #666600;
	text-align: justify;
	font-size: .9em;
	background-color: FFFFCC;
	}



sup a span {
display: none;
}
 
sup a:hover span {
display: block;
background-color:#CC0000;
font-weight: normal;
font-size: 110%;
color:#FFCC33;
line-height: 120%;
position: absolute;
margin: auto;
padding: 10px;
left: 33%;
top: 40%;
width: 25%;
z-index: 200;
}
 
.relativeparagraph {
position: relative;
}






#footnotes {
font-size: .94em;
margin-top: 0;
width: 570px;
float: right;
}

#footnotes p {
margin: 1em 1.5em;
padding: .5em 3em 0 1em;
line-height: 130%;
}

#footnotes sup a.note {
background-color: #FFE680;
text-decoration: none;
color: #333;
padding: .1em .2em .1em .2em;
margin-right: .2em;
border: none;
line-height: 0em;
}

#footnotes sup a.note:visited {
background-color: #E6B873;
}

#footnotes sup a.note:hover, #footnotes sup a.note:active {
background-color: #FF9900;
}

sup a span {
display:none;
}

sup a:hover span {
display: block;
background-color: #fff2bf;
font-weight: normal;
font-size: 110%;
color: #333;
line-height: 120%;
position: absolute;
margin: auto;
padding: 10px;
left: 33%;
top: 40%;
width: 25%;
z-index: 200;
}

.relativeparagraph {
position: relative;
}





#sidebar {
	float: left;
	width: 160px;
	height: 300px;
	padding: 4px 4px 4px 4px;
	font-size: 1.2em;
	font-color: #808022;
	background-color: b3b366;
	margin: 8px;
	border: thin double #666600;
	font: Arial, Helvetica, sans-serif;
	
}
#nav {
margin: 1em 0 0 0; 
padding: 6px;
}

#nav li {
	margin: 0 0 1px 0;
	padding: 0;
	list-style-type: none;
}
#nav a, #nav a:visited {
	text-decoration: none;
	padding: 3px;
	border: none;
	display: block;
	background-color:808022;
	color: #FFFFFF;
}
#nav a:hover, #nav a:active, #nav a:focus {
	color: 808022;
	background-color: #808022;
}
h2 {font-size: 1.2em; 
margin: 24px 0px 8px 2px;}
#footer {
	clear: both;
	background-color: #666600;
	font-size: 1em;
	color: #E6E6AA;
	padding: 8px;
	width: 100%;
	height: 66px;
	border-bottom: 2px solid #E6E6AA;
}
#footer p {
	margin: 0;
	width: 728px;
}