﻿button {border: none; background-color: #F4EADF; font-family: Verdana, Arial; font-size: 9pt; font-style: italic;cursor: pointer;}    
a:link    {color: blue; font-family: Verdana, Arial; text-decoration: underline }    
a:visited  {color: green; font-family: Verdana, Arial; text-decoration: underline; border: none }    
a:hover       {color: teal; font-family: Verdana, Arial; text-decoration: none }    
hr.green { background-color:#008080;
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 15px;
margin-bottom:5px;

border-bottom: 1px solid #ffffff;
height:3px;
}
hr.red { background-color:#ff0000;
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 15px;
margin-bottom:5px;

border-bottom: 1px solid #ffffff;
height:3px;
}


body {background-image: url("Bground.jpg")}  
body.nobg {background-image: url("Bground1.jpg")}

iframe {
	border:0px
}
iframe.border {
	border-style: solid; border-color:#008080; border-width: 1px; border-radius:25px;padding:3px; width:98%; margin:auto;
}

iframe.links {width:225px; height:750px;}

div.links {position: fixed; left: 10px; top: 30px; padding: 1em;  padding-left: 4px; padding-right: 4px; padding-top: 1px; padding-bottom: 1px}  
div.main {
	position: relative;
	left: 195px;
	top: 30px;
	padding: 1em;
	border-radius: 25px;
	border: 5px ridge #008080;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 1px;
	padding-bottom: 1px;
}    
span.fpsilver    { color:aqua; font-size: 18pt; font-weight: bold;font-family: Verdana; border: medium none;  }    
span.photolabel    { color: #800000; font-size: 10pt; font-family: Verdana; border: medium none;  }    
span.photosp  { color: maroon; font-style: italic; font-size: 10pt; font-family: Verdana, Arial; border: none }    
span.ack    { color: maroon; font-style: italic; font-size: 8pt; font-family: Verdana, Arial; border: none }    
span.maintext    { color: #000000; font-style: normal; font-size: 12pt; font-family: Verdana; border: medium none;  }    
span.menutext    { color: #000000; font-style: normal; font-size: 10pt; font-family: Verdana; border: medium none;  }    
span.keyname   { color: red; font-style: italic; font-size: 12pt; font-family: Verdana, Arial; border: none }    
span.latinname   { color: black; font-style: italic; font-size: 12pt; font-family: Verdana, Arial; border: none }    
span.menulatin   { color: black; font-style: italic; font-size: 10pt; font-family: Verdana, Arial; border: none }    
span.boldtext { color: black; font-style: normal; font-weight: bold; font-size: 12pt; font-family: Verdana, Arial; border: none }    
span.pagehead     { color: maroon; font-weight: bold; font-size: 45pt; font-family: Verdana, Arial }    
span.tablehead   { color: black; font-weight: bold; font-size: 20pt; font-family: Verdana, Arial }    
span.keyhead   { color: blue; font-style: normal; font-size: 14pt; font-family: Verdana, Arial }    
span.navhead { color: maroon; font-style: normal; font-size: 14pt; font-family: Verdana, Arial }    
span.headerframe   { color: #008000; font-weight: bold; font-size: 18pt; font-family: Verdana; text-align: center }    
span.alert { color: red; font-weight: bold; font-style: italic; font-size: 12pt; font-family: Verdana, Arial; border: none}      
td.green {background-color: #66FF66; vertical-align: top}      
td.red {background-color: #FF9966; vertical-align: top;
	text-align: center;}   
td.gold {background-color: #CCCC00; vertical-align: top}  
td.blue {background-color: #ADD8E6; vertical-align: top;text-align: center}  
td {vertical-align: top;}
td.fohwlist {text-align:left; width: 50%}
td.valid {vertical-align: top;text-align: center;}

li.fohw {font-family:Verdana,Arial; font-size: 10pt; font-style:normal; color:black;padding-left:25px;margin-left:40px;}
ul.challenge {color: #000000; font-style: normal; font-size: 12pt; font-family: Verdana; border: medium none;}

span.dropt {border-bottom: none; background: #f0f0f0;} /*text bg colour*/
/*span.dropt:hover {text-decoration: none; background: #0000ff; z-index:2;}*/ /*text bg hover colour disabled*/
span.dropt span {position: absolute; left: -9999px;
  margin: 0px 0 0 0px; padding: 3px 3px 3px 3px;
  border-style:solid; border-color:black; border-width:1px; z-index: 2;}
span.dropt:hover span {left: 2%; background: #ff0000;}
span.dropt span {float: right;
  margin: 40px 0 0 0px; padding: 3px 3px 3px 3px; 
  border-style:solid; border-color:black; border-width:1px;}
span.dropt:hover span {margin: 100px 0 0 0px; background: #C2C2C2; z-index:2;}  /*box offset Y and X; bg colour*/

span.dropt1 {color: blue;border-bottom : none; }  /*text bg colour*/
/*span.dropt1:hover {text-decoration: none; background: #0000ff; z-index:2;}*/ /*text bg hover colour disabled*/
span.dropt1 span {position: absolute; left: -9999px;
  margin: 0px 0 0 0px; padding: 3px 3px 3px 3px;
  border-style:solid; border-color:black; border-width:1px; z-index: 2;}
span.dropt1:hover span {left: 20%; background: #ff0000;}
span.dropt1 span {float: right;
  margin: 40px 0 0 0px; padding: 3px 3px 3px 3px; 
  border-style:solid; border-color:black; border-width:1px;}
span.dropt1:hover span {margin: 10px 0 0 0px; background: #C2C2C2; z-index:2;}  /*box offset Y and X; bg colour*/

td.latest {
border-style: solid; border-color:#008080; border-width: 1px; border-radius:25px;padding:7px; width:48%;
	
}
span.droponhover {color: #008000; }  /*text color*/
span.droponhover span {position: absolute; left: -9999px;
  margin: 0px 0 0 0px; padding: 3px 3px 3px 3px;
  }
span.droponhover:hover span {left: 20%;}
span.droponhover span {float: right;
   }
span.droponhover:hover span {margin: -150px 0 0 30px; background: #c2c2c2; z-index:2;}  /*box offset Y and X; image background colour*/

