body {
		font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
		font-size:0.8em;
		text-align:center;
		background-color:#eee;
}

h1 {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size:1.3em;
	text-align:center;
	font-weight:bold;
}

h2 {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size:1.1em;
	font-weight:bold;
	text-align:center;	
	color:#6699FF;
}

h3 {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size:1.3em;
	text-align:left;
	margin-left: 5px;
	margin-top:20px;
	font-weight:bold;
	color:#663333;
}

#frame {
		width:100%;
		margin-right:auto;
		margin-left:auto;
		margin-top:0px;
		padding:0px;
}

#frameguide {
		width:80%;
		margin-right:auto;
		margin-left:auto;
		margin-top:0px;
		padding:0px;
}
		
#contentheader {
		margin-top:0px;
		margin-bottom:10px;
		padding:5px;
		font-size:1.7em;
		text-align:center;
		background:#eee;
}


#contentleft {
		width:20%;
		margin-right:5px;
		padding:0px;
		float:left;
		}
	
	
#contentright {
		width:80%;
		padding:0px;
		float:left;
		}
		
#navbox {
		margin-right:auto;
		margin-left:auto;
}

.imagebox {
	width:165px;
	height:300px;
	margin-bottom:5px;
	margin-right:15px;
	text-align:center;
	font-size:0.8em;
	color:#990033;
}

.imagebox em {
	display:block;
}

.imageprops {
	border: solid 1px;
}

.navmenu {
	font-size:18px;
	line-height:100%;
	margin-left:50px;
	margin-top:2px;

}

.navbar {
	margin:0 auto;
	font-size:1.0em;
	background-color:#eee;
	color:#fc6;
}

.navbar1 {
	margin:0 auto;
	font-size:1.0em;
}

.navbar1 td {
	border:1px solid #333;
}
 

.articletext {
	font-size:1.2em;
	text-align:justify;
	padding-left:5px;
}


.articletext em{
	color:#3333CC;
	font-size:1.0em;
	font-style:italic;
	text-align:justify;
}

.articletext1 {	
	font-size:1.1em;
	padding-right:2px;
	text-align:justify;
}

.redarticletext {
	color:#CC0000;
	font-size:1.0em;
	font-style:italic;
	text-align:justify;
	padding-left:5px;
}

.fadearticletext {
	font-size:1.0em;
	text-align:justify;
	padding-left:5px;
	color:#CCCCCC;
}


/* formatting for whole row tr*  - redundant unless overriding <td> classes */

.kent {
	color:#000;
	background-color:#66CC66;
	font-size:1.0em;
	text-align:left;
}

.clement {
	color:#333333;
	background-color:#eee;
	font-size:1.0em;
	text-align:left;
}

.stace {
	color:#990000;
	font-size:1.0em;
	text-align:left;
	background-color:#FFFFCC;
}

.aggregate  {
	color:#fff;
	font-size:1.0em;
	text-align:left;
	background-color:#CC9966;
}

.other {
	color:#660000;
	background-color:#99FFFF;
	font-size:1.0em;
	text-align:left;
}
/* formatting for whole row tr*  - redundant unless overriding <td> classes */



/* <th> classes for headers on top row of table*/
.topaccepted  {
	border:1px solid #333;
	padding-left: 2px;
	padding-right: 2px;
	text-align:center;
	font-size:1.0em;
	background-color:#000;
	color:#FFF;
	width:40%;
}

.topcommon {
	border:1px solid #333;
	padding-left: 2px;
	padding-right: 2px;
	text-align:center;
	font-size:1.0em;
	background-color:#000;
	color:#FFF;
	width:23%;
}

.topinkent  {
	border:1px solid #333;
	padding-left: 2px;
	padding-right: 2px;
	text-align:center;
	font-size:0.7em;
	background-color:#000;
	color:#fff;
	width:2%;
}

.toptype {
	border:1px solid #333;
	padding-left: 2px;
	padding-right: 2px;
	text-align:center;
	font-size:0.7em;
	background-color:#000;
	color:#fff;
	width:2%;
}

.topkentref {
	border:1px solid #333;
	padding-left: 2px;
	padding-right: 2px;
	text-align:center;
	font-size:0.7em;
	background-color:#000;
	color:#fff;
	width:10%;
}

.topstatus{
	border:1px solid #333;
	padding-left: 2px;
	padding-right: 2px;
	text-align:center;
	font-size:0.7em;
	background-color:#000;
	color:#fff;
	width:2%;
}

.topauthority  {
	border:1px solid #333;
	padding-left: 2px;
	padding-right: 2px;
	text-align:center;
	font-size:0.8em;
	background-color:#000;
	color:#fff;
	width:18%;
}

.toprecord {
	border:1px solid #333;
	padding-left: 2px;
	padding-right: 2px;
	text-align:center;
	font-size:0.7em;
	background-color:#000;
	color:#fff;
}
/* End of  <th> classes for headers on top row of table*/




/* <td> classes for ordinary cells in table */
.cellaccepted  {
	font-size:1.0em;
	font-style:italic;
	color:#000000;
	text-align:left;
	background-color:#FFCCCC;
	width:auto;
}

.cellcommon  {
	font-size:1.0em;
	color:#000000;
	text-align:left;
	background-color:#CCFFCC;
	width:auto;
}

.cellinkent  {
	font-size:0.8em;
	color:#000000;
	text-align:left;
	background-color:#CCFFFF;
}

.celltype  {
	font-size:0.8em;
	color:#000000;
	text-align:left;
	background-color:#CCFFFF;
}

.cellkentref  {
	font-size:0.7em;
	color:#000000;
	text-align:left;
	background-color:#CCFFFF;
}

.cellstatus  {
	font-size:0.7em;
	color:#000000;
	text-align:left;
	background-color:#CCFFFF;
}

.cellauthority  {
	font-size:0.7em;
	color:#000000;
	text-align:left;
	background-color:#CCFFFF;
}

.cellrecord  {
	font-size:0.7em;
	color:#000000;
	text-align:left;
	background-color:#CCFFFF;
}
/* End of <td> classes for ordinary individual cells in table */


/* Classes for systematic name in first columns subject to tootip configuration*/
.oldname 
  {
	color:#666666;
	font-size:1.0em;
	font-style:italic;
	text-align:left;
	background-color:#CCCCCC;}

.newname 
  {
	color:#000000;
	font-size:1.0em;
	font-style:italic;
	text-align:left;
	background-color:#FFFF99;
}

.taxname 
  {
	color:#666666;
	font-size:1.0em;
	font-style:italic;
	text-align:left;
	background-color:#808000; /* olive */
	color:#FFF;
	}


/* End of Classes for systematic name in firts ciolums subject to tootip configuration*/

.kentref {
	color:#FF3300;
	font-size:1.0em;
}

.authority {
	font-size:0.8em;
	color:#333333;
	line-height: 5px;
	text-align:left;
	margin-left:20px;
}

.authoritytop {
	font-size:1.0em;
	color:#000000;
	line-height: 5px;
	text-align:left;
	margin-top:30px;
}


.native {
	color:#339933;
}

/* Classes for table matrix */
.matrix {
	width:100%;
	font-size:1.0em;
	background-color:transparent;
	margin: 0 auto;
	text-align:center;
}

/*
.matrix th {
	border:1px solid #333;
	padding-left: 2px;
	padding-right: 2px;
	text-align:center;
	font-size:1.0em;
	color:#333399;
}
*/

.matrix td em{
/*	color:#000099;*/
	font-weight:bold;
	padding-left: 2px;
	padding-right: 2px;
	margin: 0 auto;
	color:
}

.matrix td {
	border:1px solid #333;
	padding-left: 2px;
	padding-right: 2px;
}

/* End of classes for table matrix */

li {
	text-align:left;
	font-size:1.0em;
	line-height:150%;
}


ol {
	font-size:1.5em;
	list-style: decimal;
}

ol ol {
	font-size:0.8em;
	list-style: lower-alpha;
	color:#000;
}

/* formatting for the table cell that contains navigation between pages */
.back1 {
	width:40px;
	font-weight:bold;
	text-align:center;
	font-size:0.8em;
	background-color:#FFCC33;
}

/* formatting for the table cell that contains navigation between pages */
.here1{
	width:40px;
	font-weight:bold;
	text-align:center;
	font-size:0.8em;
	background-color:#CC3333;
	color:#fff;
}

/* formatting for the table cell that contains navigation between pages */
.back {
	width:70px;
	font-weight:bold;
	text-align:center;
	font-size:0.9em;
	background-color:#eee;
	color:#000;
}


/* formatting for the table cell that contains navigation between pages */
.here{
	width:70px;
	font-weight:bold;
	text-align:center;
	font-size:0.9em;
	background-color:#CC3333;
	color:#fff;
}

/* black for link exists but not yet visited second set of link colours*/
.class1 a:link {color:#000; text-decoration: none; background-color: transparent; }

/* purple for link exists but not yet visited*/
.class1 a:visited { color:#c09; text-decoration: none; background-color: transparent; }

/* green when mouse hovers over link*/
.class1 a:hover { color:#693; text-decoration: underline; background-color: transparent; }

/* blue during click or if it stays active as in wretched IE6*/
.class1 a:active { color:#36c;  text-decoration: underline; background-color: transparent; }


/* Main navigation link colours*/
/* green for link exists but not yet visited*/
a:link {color:#693; text-decoration: none; background-color: transparent; }

/* plum red for link exists but not yet visited*/
a:visited { color:#cc3333; text-decoration: none; background-color: transparent; }

/* black when mouse hovers over link*/
a:hover { color:#000; text-decoration: underline; background-color: transparent; }

/* blue during click or if it stays active as in wretched IE6*/
a:active { color:#3366cc;  text-decoration: underline; background-color: transparent;}



/* configuration of tooltip box for new names changed in Stace 3*/
.tipnew {
	display:none;
	position:absolute;
	color:#000000;
	background-color:#99CCFF;  /*blue */
	border:3px solid #000066; /*dark blue */ 
	padding:0.5em;
	font-size:0.9em;
	font-style:normal;
	width:550px;
	cursor:pointer;
	padding-left:20px;
	}

/* Special configuration of tooltip box for long hybrid new names changed in Stace 3*/
.tipnewlong {
	display:none;
	position:absolute;
	color:#000000;
	background-color:#99CCFF;  /*blue */
	border:3px solid #000066; /*dark blue */ 
	padding:0.5em;
	font-size:0.9em;
	font-style:normal;
	width:780px;
	cursor:pointer;
	padding-left:20px;
	}

.tipnew em{
	font-weight:bold;
	color:#0066003;

	}

.newyellow {
	background-color:#FFFF99; /*yellow */
}

.tiptitlenew {  
	background-color:#000066;  /*dark blue */ 
	color:#FFFFFF;	/*white */
	font-size:1.1em;
	display:block;
	padding:0.5em;	
	margin-bottom:0.5em;
	 } 

.tiptitlenew em {  
	font-size:1.2em;
	color:#FFF; /*white */
	 } 

/* Old name of taxon mentioned in new name tooltip */
.tipoldname {
	font-style:italic;
	font-weight:bold;
/*	color:#000; */
	color:#993300;
	}

/* Old authority of taxon mentioned in new name tooltip */
.tipauthold {
	font-size:1.0em;
	font-style:normal;
	background-color:#99CCFF;  /*blue */
	color:#993300;
	}

/* END of configuration of tooltip box for new names changed in Stace 3*/




/* Start of configuration of tooltip box for old names in Stace 3*/
.tipold {
	display:none;
	position:absolute;
	color:#000;
	background-color:#999; /*dark grey */
	border:3px solid #000; /*black */
	padding:0.5em;
	font-size:0.9em;
	font-style:normal;
	width:550px;
	cursor:pointer;
	padding-left:20px;
	}

.oldgrey {
	background-color:#CCC; /*dark grey */
}

/* Special configuration of tooltip box for old names with long hybrid names in Stace 3*/
.tipoldlong {
	display:none;
	position:absolute;
	color:#000;
	background-color:#999; /*dark grey */
	border:3px solid #000; /*black */
	padding:0.5em;
	font-size:0.9em;
	font-style:normal;
	width:750px;
	cursor:pointer;
	padding-left:20px;
	}

.tiptitleold {  
	background-color:#000;  /*dark grey */ 
	color:#FFFFFF;	/*white */
	font-size:1.1em;
	display:block;
	padding:0.5em;	
	margin-bottom:0.5em;
	 } 

.tiptitleold em {  
	font-size:1.2em;
	color:#FFF;	/*white */
	 } 

.tipnewname{
	font-size:1.1em;
	font-style:italic;
	font-weight:bold;
	background-color:#999;  /*dark grey */
	color:#FFF;	/*white */
	
	}

.tipauthnew {
	font-size:1.0em;
	font-style:normal;
	background-color:#999;  /*dark grey */
	color:#FFF;	/*white */
	}


/* END of configuration of tooltip box for new names in Stace 3*/

/* Start of configuration of tooltip box for new TAXON entries in Stace 3*/
.tiptaxon {
	display:none;
	position:absolute;
	color:#000;
	background-color:#FF3333; /*red */
	border:3px solid #000; /*black */
	padding:0.5em;
	font-size:0.9em;
	font-style:normal;
	width:500px;
	cursor:pointer;
	padding-left:20px;
	}

.taxolive {
	background-color:#808000; /*olive green */
	color:#FFFFFF;
}


.tiptitletaxon {  
	background-color:#000;  /*dark red */ 
	color:#FFFFFF;	/*white */
	font-size:1.1em;
	display:block;
	padding:0.5em;	
	margin-bottom:0.5em;
	 } 

.tiptitletaxon em {  
	font-size:1.2em;
	color:#FFFFFF;
	 } 

.tiptaxonname{
	font-size:1.1em;
	font-style:italic;
	font-weight:bold;
	background-color:#FF3333;  /*red */
	color:#fff;	/*black */
	
	}

.tipauthtaxon{
	font-size:1.0em;
	font-style:normal;
	background-color:#FF3333;  /*red */
	color:#fff;	/*white */
	}

/* Start of configuration of tooltip box for new but long TAXON entries in Stace 3*/
.tiptaxonlong {
	display:none;
	position:absolute;
	color:#000;
	background-color:#FF3333; /*red */
	border:3px solid #000; /*black */
	padding:0.5em;
	font-size:0.9em;
	font-style:normal;
	width:750px;
	cursor:pointer;
	padding-left:20px;
	}	
	
/* END of configuration of tooltip box for new taxon entries in Stace 3*/
/* Other configurations of tooltip boxes */

.rounded 		{ border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }

.newtaxon
  {
	color:#fff;
	font-size:1.0em;
	text-align:left;
	background-color:#CC9999 !important;
}

.commonwhite {
	font-weight:bold;
	color:#FFFFFF;
}

.commonblack {
	font-weight:bold;
	color:#000;
}

.sspblack	 {
	color:#000000;
	font-weight:normal;
	}
	
.sspyellow	 {
	color:#FFFF00;
	font-weight:normal;
	}

.sspwhitebold	 {
	color:#fff;
	font-weight:bold;
	}