body 
{
margin: 0px 0px 0px 0px;
overflow:auto;
font-size: small;
}


#menu {
	position: absolute;
	text-align: center;
	top:10px; 
	right:40px; 
	font-size: medium; 
	color:#000000;
	display: inline;
}

#mangomenu {
	text-align: center;
	font-size: medium; 
	color:#000000;
	display: inline;
}

#topmenu
 {
	text-align: center;
}

#rtheader {
	position: absolute;
	top:5px; 
	left:580px; 
	font-size: medium; 
	color:#000000
	
}

	
a.button, a.button:link {display:block; width:160px; color: Yellow; background: #8CAEEC; text-decoration: none; border: 0px none White; text-align:center; margin-top: 1px;  font-weight: bolder;  margin-left: 6px;  }
a.button:visited {display:block; width:160px; color: Fuchsia;}
a.button:hover {color: White;  background: #FFB20C; }
a.button:active {color: #228B22; background: #FFB20C;}


#text {display:block; margin-left:150px; border-left:0px solid #000; padding:5px;  color: #9400D3; }
body {font-family: sans-serif; font-size: medium;}
a.b1, a.b1:link {font-weight: bold; color: Blue; text-decoration:none; text-align:center}
a.b1:visited { color: #32CD32;}
a.b1:hover {color: Red; background:transparent; padding:0px;}
a.b1:active {color:#c00; background:transparent;}
p {width:95%; text-align: left; margin-left: .5em;}

.tbox
{
	margin-left: 5px;
	text-align: left;
	width: 95%;
	
}
 
#span1 

{ 
display: table-row; 
top:20px; 
left:.5em; 
 
}

#span2 {

color:#e4ebd2; 
position:absolute; 
top:150px; 
left:33px; 
width:140px; 
background:transparent;
}

#span3 {
display: block;
margin-left: 10px;
text-align: center;
}

BODY {
	color: Black;
	background-color: White;
	font-size: small;
	margin-left: .5em;
}

A
{
	color: blue;
	text-decoration: none;
	font-weight: bold;
}

a:hover
{
	color: red;
	font-weight: bold;
	
}

a:active
{
	color: red;
	font-weight: bold;
	
}
.link
{
	color: Blue;
	
	text-decoration: none;
	font-weight: bold;
}

.link:HOVER {
	color: Red;
	text-decoration: none;
}

A.strike
{
	text-decoration: line-through;
}

.floatright
{
float: right;
margin: .5em 0 .5em .5em;
padding: .5em;

}

.floatleft
{
float: left;
margin: .5em .5em .5em 0;
padding: .5em;
}
.textleft
{
float: left;
text-align: left;
margin-left: .5em;
width: 90%;
}
.left
{
position: static;
margin: 1px 5px 1px 1px;
padding: .5em;
}

.img
{

margin: 0px 0px 0px 0px;
border: 0px;
}

.arrow
{
	margin: 0px 0px 0px 0px;
	border: 0px;
}

.joinus
{
margin: 0px 5px 0px 22px;
}

.hardimg
{
margin: 0px 0px 0px 0px;
}

.flag
{
float: left;
margin: 0px 2px 0px 0px;

}

.flagborder
{
float: left;
margin: 0px 4px 0px 0px;
border: 1px;
}

.clip
{
vertical-align: text-bottom;
}

.imgcenter
{
text-align: center;
margin: 0px 2px 0px 7px;

}

#textbox {
display: block;
margin: 10px 5px 0px 5px;
text-align: left;
border: medium Blue;
 border: 2px solid Blue;
 padding: 4px;
 width: 160px;
 }
 
#menubox {
display: block;
margin: 10px 5px 0px 5px;
text-align: left;
border: medium Blue;
 border: 2px solid Blue;
 padding: 4px;

 
}

#floatbox {
display: block;
text-align: center;
border: medium Blue;
 border: 2px solid Blue;
 padding: 4px;
 width: 80%;
 
}

.hardbox {
display: block;
margin-left: 5px;
margin-right: 5px;
text-align: center;
 padding: 4px;
 background: #FBA164;
 width: 160px;
 text-align: center;
}

.softbox {
display: block;
margin: 5px 5px 5px 5px;
text-align: left;
 border: 0px;
 padding: 5px;
 background: White;
}

.titlecenter
{
text-align: center;
margin: 5px 2px 2px 53px;

}

.lbutton, .lbutton:link {display: block; width: 130px; color: Blue; background:transparent; text-decoration:none; vertical-align: text-top;  border-left: 4px solid Black;  border-left-width: 4px;  list-style: none; }
.lbutton:visited {display:block; width:130px; color: Fuchsia; background:transparent;}
.lbutton:hover {color: White;  background: #00008B; }
.lbutton:active {color:#c00; background:transparent;}

.lhome, .lhome:link {display: block; width: 130px; color: Red; background:transparent; text-decoration:none;vertical-align: text-top; list-style: none;} 
.lhome:visited {display:block; width:130px; color: Fuchsia; background:transparent;}
.lhome:hover {color: White;  background: #00008B; }
.lhome:active {color:#c00; background:transparent;}

.finnbutton, .finnbutton:link {display: inline;color: Yellow; background: #08AEEC; text-decoration: none; border: 0px none White; text-align:center; font-weight: bolder;  margin-left: 1px; font: bolder; padding: 2px;  line-height: 30px; font-size: medium; }
.finnbutton:visited {display: inline; color: #9400D3; background: #08AEEC; font-size: medium;  line-height: 30px;  }
.finnbutton:hover {color: White;  background: #FFB20C;  line-height: 30px;  }
.finnbutton:active {color:#c00; background: #08AEEC;}

.finnmenu, .finnmenu:link {display: block; width: 130px; color: Blue; background:transparent; text-decoration:none;  margin-top: 2px;  margin-bottom: 2px;   }
.finnmenu:visited {display:block; width:130px; color: Fuchsia; background:transparent; }
.finnmenu:hover {color: White;  background: #4169E1; }
.finnmenu:active {color:#c00; background:transparent;}

.tbutton, .tbutton:link {width:160px; color: Yellow; background: #8CAEEC; text-decoration: none; border: 0px none White; text-align:center; margin-top: 1px;  font-weight: bolder; }
.tbutton:visited {width:160px; color: Fuchsia;}
.tbutton:hover {color: White;  background: #FFB20C; }
.tbutton:active {color: #228B22; background: #FFB20C;}


.centertext
{
	text-align: center;
}

.ttext
{
	text-align: left;
	margin-left: .5em;
	font-family: sans-serif;
	font-size: medium;
}

.stext
{
	text-align: left;
	margin-left: .5em;
	font-family: sans-serif;
	font-size: small;
	width: 90%;

}

.footer
{
	text-align: center;
	font-family: sans-serif;
	font-size: smaller;

}

#blist
{
	list-style: disc;

}

#quote

{
	clear: both;
	background: white;
	color: black;
	border: 1px solid #000;
	margin: 2em;
	width: 85%;
	padding: 5px;
	text-align: left;
	font-size: small;
}

#quotesmall

{
	clear: both;
	background: white;
	color: black;
	border: 1px solid #000;
	margin: 2em;
	width: 25%;
	padding: 5px;
	text-align: center;
}

.smalltext
{
	font-size: xx-small;
	margin-left: 5px;
	color: black;
}
.lhr98
{
	vertical-align: text-top;
	font-weight: bold;
	display:block; 
	width:120px; 
	height:16px; 
	color: Blue; 
	background:transparent; 
	text-align: center; 
	border-right: 0px;
	border-top: 0px;
	border-left: 0px;
	margin-bottom: 0px;
	}
	
	
	H5
	{
		font-weight: bold;
		font-size: large;
		text-align: center;
	}
	H4
	{
		font-weight: bold;
		font-size: medium;
		text-align: left;
		color: #4B0082;
	}
	
	H3
	{
		font-weight: bold;
		font-size: medium;
		text-align: left;
	}
	
	H1
	{
		font-weight: bold;
		font-size: x-large;
		text-align: center;
	}
	
	#journal
	{
	clear: both;
	color: Black;
	font-family: "Courier New", Courier, monospace;
	background-image: url(pix/pback.jpg); 
	border: 1px solid #000;
	margin: 2em;
	width: 85%;
	padding: 5px;
	text-align: left;
}
