.clear_both {
  clear:both;
}

BODY {
  font-family: sans-serif;
  color: #e0e0e0;
  font-size: 10pt;  
  background-color: #000000;
  margin-left: 1em;
  margin-right: 1em;
}

TABLE {
  font-family: sans-serif;
  font-size: 9pt;  
  margin-left: 8px;
  margin-right: 8px;
}
	
A:link {text-decoration: none; color: #e0e0e0;}
A:visited {text-decoration: none; color: #e0e0e0;}
A:active {text-decoration: underline; color: orange;}
A:hover {text-decoration: none; color: orange;}

/*----------------------------------- Main page --------------------------------------------*/

.indexleftcontainer
{
  float: left;
  width: 12em;
}

.indexmenu {
  padding-top: 4em;
  float: left;
  width: 12em;
}

.indexmain {
  float: left;
  text-align: center;
  margin: 10px 0 0 100px;
}

.main {
  float: left;
  text-align: left;
  margin: 10px 0 0 100px;
  display: block;
}

img
{ 
vertical-align: middle
}  

.title {
  font-size: 26pt;
  font-weight: bold;      
  font-family: sans-serif;
  margin-top: 0.10em;
  margin-bottom: 0.25em;
  text-align: center;
}

.subtitle {
  padding: 0 0 1em 0;
  font-size: 12pt;
  font-weight: bold;      
  margin-bottom: 1em;
  text-align: center;
}

.smalllogo {
  padding: 1em 0em 1em 0em;
}


/*----------------------------------- General --------------------------------------------*/
.copyright {
  clear: both;
	font-size: 10pt;
  text-align: center;
  padding-top: 0.25em;
}

/* The top part of every page with the name or picture of the WebSite */
.pageheader {
  font-size: 18pt;
  font-weight: bold;      
  font-family: sans-serif;
  margin-top: 0.5em;
  margin-bottom: 1em;
  margin-left: 1em;
  margin-right: 1em
}

/* The name of the current page with links to the parent directory */
.pagename {
  font-size: 16pt;
  font-weight: bold;      
  font-family: sans-serif;
  margin-bottom: 0.5em;
}


img.flag {border: 1px darkgray solid;}

/*----------------------------------- Main index.html --------------------------------------------*/

/* The Categories text in the main index.html file */
.categories {
  font-size: 16pt;
  font-weight: bold;      
  font-family: sans-serif;
  margin-bottom: 0.5em;
}

/* The name of a Category in the main index.html file */
.category {
  font-size: 7pt;
  font-weight: bold;
  font-family: sans-serif;
/*   margin-bottom: 0.5em; */
/*   margin-left: 2em; */
  text-align: center;
  float: left;

  padding-left: 1em;
  padding-bottom: 1em;
  margin: 0;
}

.category_line {
  text-align: left;
  clear: both;
}


/*----------------------------------- Species list index.html --------------------------------------------*/

/* The ABC letters in the species list (at the top) */
.ABC {
  font-size: 10pt;
  font-family: sans-serif;
  margin-left: 2em;
  margin-top: 1em;
  margin-bottom: 0.2em;
}

.cf {
  padding-left: 8em;
}


/* The letter in the species list (not all the letters at the top) */
.ABCLetter {
  font-size: 12pt;
  font-weight: bold;      
  font-family: sans-serif;
  margin-left: 3em;
  margin-top: 1em;
  margin-bottom: 0.2em;
}

.taxonNameColumn {
  float: left;
  padding-left: 0.5em;
  padding-right: 0.5em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  border: 0px solid #000000;
}

.taxonNameInList {
  font-size: 10pt;
  font-family: sans-serif;
  margin-left: 2em;
}

/* The number of species text */
.numOfSpecies {
  padding-top: 1em;
  padding-left: 2em;
  clear: both;
}

/*----------------------------------- Taxon index.html --------------------------------------------*/

/* Name of the photographer */
.photographerInTaxonPage {
  font-size: 12pt;
  font-weight: bold;
  font-family: sans-serif;
  padding-left: 1em;
  padding-bottom: 0.5em;
  padding-top: 0.6em;
  clear: left;
}

/* The thumbnail image */
img.thmbimage {
  float: left;
  margin-right: 0.25em;
  margin-bottom: 0.25em;
  border: 0px solid #000000;
}

/*----------------------------------- A taxon image index.html --------------------------------------------*/

img.taxonimage {
  border: 0px solid #000000;
}

/*----------------------------------- A big picture for childre image index.html --------------------------------------------*/

img.forchildrenimage {
  border: 0px solid #000000;
}