/*Allowed colours: 
aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow */
/*#

Page-BackCream : 	#FF FE F7
Text-brown: 			#69 59 46

Dark-Green:				#40 78 46
Nav-Button:			  #71 AD 78
Nav-Button outset #99 CC 99
Nav-Button home:  #2B B0 39

Popup back			  #EA EA AE
*/


/*Search for standard, menu, images, extlink, intlink, goBack, glossterm */  

/* Standard Formating */ 
body {
	margin: 0;
	padding: 0;
	background-color: #FFFEF7;
	color: #552C00;
	}
	
body, td, th, p, li, h1, h2, h3, h4 { font-family: 'Comic Sans MS', Verdana, Arial, sans-serif; 
 }

tt { display:none}
cite { font-family:Arial, sans-serif} 
.fig { font-family:Arial, sans-serif; font-style:italic; } 
.species {font-family:Times, serif; font-style:italic}

/* for the mail link on every page */
.mailme {color:#407846}

h1, h2 , h3 {color:#695946; background-color: transparent } 

.NavHead {color: #005845 ; 
			background-color: transparent; 
			font-family:Arial,sans-serif;
			font-size: 10pt;
			font-weight:bold;
			margin:0 10px;
			padding: 2px;
}					
				
/*make status table columns the same width */		
.statusTables table { width:100% ; table-layout:fixed;}
.mycol1 {width:20%} 
.mycol2 {width:50%} 	
.mycol3 {width:40%} 	
			
					
.CentreText {text-align:center}

.InfoTable td , 
.InfoTable th { 
font-family: Verdana, Arial,sans-serif;
padding:3px
 }

/* for an image caption in a table */ 
.ImageTable td  {
border:1px outset silver;
text-align:center;
font-size:smaller;
font-weight:normal;
}

/* for an image caption in a table */ 
.caption   {
text-align:center;
font-size:smaller;
font-weight:normal;
}

.explain  {
border:1px outset green; 
margin:10px; 
padding:10px;
}


/* bert-code to get my images with captions and listed nicely */
/*ul, li { clear:right; 
margin-top:1em; }*/

/*.Spaced li, ul { clear:right; 
margin-top:5em; } */ 

li.Spaced, ul.Spaced { 
clear:right; 
margin-top:5em; 
}

/*ul li span.FlRight */
/*margin: 5px 0 0 20px;   is top, right, bottom, left */

span.FHRight {
float:right;
width: 160px;
margin: 5px 0 0 20px;  
text-align:center;
font-size:smaller;
font-weight:normal;
clear:right; 
}

span.FVRight {
float:right;
width: 120px;
margin: 5px 0 0 20px;  
text-align:center;
font-size:smaller;
font-weight:normal;
clear:right; 
}

/*font-style:italic;
margin-top:1em;*/

span.FlLeft {
float:left;
width: 120px;
margin: 5px 0 0 20px;  
text-align:center;
font-size:smaller;
font-weight:normal;
clear:right; 
}

span.FlRight {
float:right;
width: 120px;
margin: 5px 0 0 20px;  
text-align:center;
font-size:smaller;
font-weight:normal;
clear:right; 
}

/* Menu */
#CurrentPage {
  background:#2BB039;
	color:yellow;
	font: small Verdana,sans-serif;
	text-decoration:none;
	text-align:left;
	width:100px;
	display:block;
	margin:2px 10px;
	padding: 1px;
	border:2px outset #99cc99;
}

.Menu {
	background: #71ad78 ;
	color: yellow;
	font-size: small;
	width:120px;
	margin:0;
	padding:10px 0;
	text-align:left;
	}
	
.Menu p {
	padding:0;
	margin:0;
	width:100px;
	text-align:center;
	}

.Menu p a{
	font-size:small;
	font-weight:normal;
	font-family:Verdana,sans-serif;
	text-decoration:none;
	display:block;
	padding: 1px;
	text-align:left;
	}

.Menu p a {
	width:100px;
	margin:2px 10px;
}

/* THIS KILLs the first link in a cell - so have a dummy link in the html */

.Menu p a:link,
.Menu p a:visited {
	border:2px outset #99cc99;
	color: #FFFEF7;
	background-color: #407846;
	}

.Menu p a:hover,
.Menu p a:active {
	border:2px outset #99cc99;
	color:black /*#407846*/;
	background-color: #FFFEF7;
	font-weight:normal;
}

/******                       
MenuDev is for development dead links, and show black ***/
.MenuDev {
	background: #71ad78 ;
	color: black;
	font-size: small;
	width:120px;
	margin:0;
	padding:10px 0;
	text-align:left;
	}

.MenuDev p {
	padding:0;
	margin:0;
	width:100px;
	text-align:center;
	}

.MenuDev p a{
	font-size:small;
	font-weight:normal;
	font-family:Verdana,sans-serif;
	text-decoration:none;
	display:block;
	padding: 1px;
	text-align:left;
	}

.MenuDev p a {
	width:100px;
	margin:2px 10px;
}

/* THIS KILLs the first link in a cell - so have a dummy link in the html */

.MenuDev p a:link,
.MenuDev p a:visited{
	border:2px outset #99cc99;
	color: #FFF2C3;
	background: black;
}

.MenuDev p a:hover,
.MenuDev p a:active {
	border:2px outset #99cc99;
	color: #407846;
	background: black;
	font-weight:normal;
}


.Corner {
	background: #71ad78 ;
	color: yellow;

}

/* END MenuDev    */

/*The period colours to be used in the Period InfoTable are in PH_Style02.css */ 


#Footer {
	font-size:8pt;
	color:black;  
  background:#FFF2C3; 
	font-family: Arial,Helvetica,sans-serif;
}

#Footer a {color:olive ; 
background: transparent;
text-decoration:none;
}
#Footer a:link    {}
#Footer a:visited {}
#Footer a:hover   { text-decoration:underline;  }
#Footer a:active  {}	



/* BackTo */
.toTop a {
  float:right;	
	color:olive;
	background-color: transparent;
	font-size:8pt;
	font-weight:normal;
	text-decoration:none;
	}
.toTop a:hover {text-decoration:underline;}

	
/*	------------------------------ */
a.extLink			   
{
  text-decoration:none; 
  color:olive; 
  background:transparent ; 
  font-size:larger ;
  font-family: Arial,Helvetica,sans-serif;}
a.extLink:link    {}
a.extLink:visited {}
a.extLink:hover   { text-decoration:underline;  }
a.extLink:active  {}

a.intLink {
  text-decoration:none;
  color:olive;  
  background:transparent ; 
  font-size:larger ;
  font-family: Arial, Helvetica, sans-serif;}
a.intLink:link    {}
a.intLink:visited {}
a.intLink:hover   { text-decoration:underline;  }
a.intLink:active  {}	
	
	
.intHop a 	{
text-decoration:none;
color:#695946;  
background:transparent ; 
font-family: Arial, Helvetica, sans-serif;}

.intHop a:link    {}
.intHop a:visited {}
.intHop a:hover   { text-decoration:underline;  }
.intHop a:active  {}	
	
/*a.intHop			   {
text-decoration:none;
color:#695946;  
background:transparent ; 
font-family: Arial,Helvetica,sans-serif;}
a.intHop:link    {}
a.intHop:visited {}
a.intHop:hover   { text-decoration:underline;  }
a.intHop:active  {}		*/
	
/*Glossary index */	
a.GIdx			    
{
  text-decoration:none;
  color:#695946;  
  background:transparent ; 
  font-family: Arial,Helvetica,sans-serif;
  font-size: large;}
a.GIdx:link    {}
a.GIdx:visited {}
a.GIdx:hover   { text-decoration:underline;  }
a.GIdx:active  {}
	
	
	
/*Glossary terms */	
.gt {color:olive;
	font-family: 'Verdana' ,sans-serif;
	font-weight:bold;
	text-decoration:none;
	background-color: transparent;
}


/*Reference terms (jump to a refernce page other than the glossary)*/	
.rt {color:olive;
	font-family: 'Verdana' ,sans-serif;
	font-weight:bold;
	text-decoration:none;
	background-color: transparent;
}



.MainGloss dt {font-weight:bold;}

.DevMessage, .devmessage {color:green;
  font-style:italic;
	background-color: transparent;
}

.DevOptions {color:green;
background-color: transparent;
}  

/*Dev message and dev options */
.DM {color:green;
  font-style:italic;
	background-color: transparent;
}

.DO {color:green;
background-color: transparent;
}  	
	
/* ------------images ------------------------*/
/*.caption {color:black;
  font-style:italic;
	font-size: small;
	background-color: transparent;
	}*/
	




.tnHorzLeft  {width:160px ; height:120px ; float:left  ; border:1px solid black ; margin:10px; } 
.tnHorzRight {width:160px ; height:120px ; float:right ; border:1px solid black ; margin:10px; }  
.tnHorzCentre{width:160px ; height:120px  ; float:none; border:1px solid black ; margin:10px; }  
.tnVertLeft  {width:120px ; height:160px ; float:left  ; border:1px solid black ; margin:10px; } 
.tnVertRight {width:120px ; height:160px ; float:right ; border:1px solid black ; margin:10px; } 
.tnVertCentre {width:120px ; height:160px ; float:none ; border:1px solid black ; margin:10px; }   	
	


.imgLeft  {float:left  ; border:1px solid black ; margin:10px; } 
.imgRight {float:right ; border:1px solid black ; margin:10px; }  
.imgCentre{float:none; border:1px solid black ; margin:10px; }