BODY { background-color: #FFFFCE; 
       font-family: "Book Antiqua", Garamond, serif; 
       color: #8B4513 }
A:link { color: #0000ff }
A:visited { color: #8b4513 }
A:hover { color: #ff0000 }
A:active { color: #8b4513 }
H1 { color: #FFD700;
     padding-top: 3px;
     padding-bottom: 3px;
     padding-left: 6px;
     padding-right: 5px;
     background-color: #8B4513;
     border-color: #bc8f8f #A52A2A;
     border-style: outset;
     border-width: medium;
     font-family: "Heritage Bold","Book Antiqua";
     text-align: center }
H2 { color: #FFD700;
     padding-top: 5px;
     padding-bottom: 3px;
     background-color: #8B4513;
     border-color: #CC9900 #996633;
     border-style: outset;
     border-width: thin;
     font-family: "Heritage Bold","Book Antiqua";
     letter-spacing: 4px;
     text-align: center }
.FANTASY { text-align: center;
     font-family: "fantasy";
     font-size: 16pt; color: #996600 }

#box { color: #8b4513;
background-color: #ffd700;
margin: 0.5in 0.1in;
border-width: 1; 
border: solid;
border-color: #8b4513;
text-indent: 5%;
font: 10pt Arial,Verdana,sans-serif;
font-weight: 500; }
.hidden {
display: none;
}

a.sidenote {
	font-size: 0.7em;
	vertical-align: super;
	line-height: 0;
}

span.sidenote {
	font-size: 0.9em;
	display: none;
	padding: 1em;
	border: 1px solid #630;
	margin: 1em;
	background: #FFCF49;
}

span.sidenote a {
	color: #000;
	background-color: #FFCF49;
	margin: 0 5px;
}

span.sidenote a:hover {
	background-color: #FFB73D;
}