body {
background-color: #fdf5e6;
background-image:	url("hide/newtile4.gif");
background-repeat:	repeat;
margin: 2%;
font-family:	Sans-Serif;
font-style:	normal;
font-size:14px;
}

a:link{
color: #008000;
}
a:visited{
color: #800000;
}
a:hover{
color: #8000f8;
}
a:active{
color: #80c0ff;
}
#left  {
 width:25%; 
 float:left; 
 position:relative;
}

#right  {
 width:70%; 
 float:right; 
 position:relative; 
 background-color: #fdf5e6;
 padding: 8px;
}

.center  { text-align: center;
}

div.box { 
color:black;
background-color: #fdf5e6;
border: 5px; solid #deb887;
padding: 2px;
}

div.mid {
color:black;
background-color: #fdf5e6;
padding: 8px;
margin: 10%;
}

div.mid2 {
color:black;
background-color: #fdf5e6;
padding: 8px;
margin: 2% 5% 0% 5%;
}

.light {
color:black;
background-color: #fdf5e6;
padding: 8px;
}

hr { width: 80%;
}

div.button	{
background-image: url("hide/btn.gif"); 
background-repeat: no-repeat; 
min-height: 30px; 
padding-left:	33px; 
line-height: 30px; 
 /* this keeps IE from overlapping the buttons. Sux in Opera, but doesn't make much difference to K-M. IE ignores max/min */
/* IE sux, flat-out final sux and no way out of it */
}

p	{
text-indent:	4%;
}
/* I really ought to re-do this stylesheet LOL */
/* 07/07/14 I do sometines ;-) */
table, td {
	empty-cells: show;
	}
.small	{
font-size:.8em;
}

INPUT {
font-size:.8em;
color:black;
text-decoration:underline;
background-color:transparent;
/* border:1px outset #deb887; */
border:none;
}