#page
{
   font-size:12px;
   background-color: white;
   layer-background-color: white;
   border-width : 0px; 
   border-style : solid; 
   border-color : darkgray; 
   width : 940px; 
   top : 0px; 
   margin-left:0px;
   margin-right:0px;
   position : absolute; 
   z-index : 1; 
   visibility : show; 
}

#layer1 
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size:12px;
   background-color: gray;
   layer-background-color: gray;
   border-width : 1px; 
   border-style : solid; 
   border-color : white; 
   width : 180px; 
   top : 26px; 
   left : 68px; 
   position : absolute; 
   z-index : 90; 
   visibility : hidden; 
}


#layer2 
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size:12px;
   background-color: gray;
   layer-background-color: gray;
   border-width : 1px; 
   border-style : solid; 
   border-color : white; 
   width : 100px; 
   top : 26px; 
   left : 128px; 
   position : absolute; 
   z-index : 90; 
   visibility : hidden; 
}


#layer3 
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size:12px;
   background-color: gray;
   layer-background-color: gray;
   border-width : 1px; 
   border-style : solid; 
   border-color : white; 
   width : 200px; 
   top : 26px; 
   left : 240px; 
   position : absolute; 
   z-index : 90; 
   visibility : hidden; 
}

#layer4 
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size:12px;
   background-color: gray;
   layer-background-color: gray;
   border-width : 1px; 
   border-style : solid; 
   border-color : white; 
   width : 100px; 
   top : 26px; 
   left : 322px; 
   position : absolute; 
   z-index : 90; 
   visibility : hidden; 
}

/* General styles */

body
{
  font-family: 'ArialMT', 'Arial', sans-serif;
  width:940px; 
  background-color:darkgray;
  margin-top:0;
  margin-left:auto;
  margin-right:auto;
}


li
{
  font-family : Arial, Helvetica, sans-serif;
  font-size: 14px;
}

p 
{
  font-family : Arial, Helvetica, sans-serif;
  font-size:14px;
  padding:0px;
  margin-bottom:12px; 
  margin-top:4px;
  text-align:justify;
}

h1 
{
  font-family : Arial, Helvetica, sans-serif;
  font-size: 24px;
  padding:0px;
  margin-bottom:4px; 
  margin-top:5px;
  margin-left:0px;
}

h2 
{
  font-size: 20px;
  font-family : Arial, Helvetica, sans-serif;
  padding:0px;
  margin-bottom:4px; 
  margin-top:5px;
}

h3
{
  font-size: 16px;
  font-family : Arial, Helvetica, sans-serif;
  padding:0px;
  margin-bottom:4px; 
  margin-top:5px;
}

table
{
  font-family : Arial, Helvetica, sans-serif;
  font-size: 14px;
}

/* Styles in the main page */

.main-page-title
{
  font-size:30pt; 
  text-align:center;
  color:#black;
  margin-top:30px;
  margin-left:160px;
  margin-right:160px;
}

.main-page-title-line
{
  align:center; 
  margin-left:160px;
  margin-right:160px;
  font-size:30pt; 
  height:1px; 
  text-align:center;
  color:#black;
  border-bottom: 1px solid black; 
}

.main-page-body
{
  font-family : Arial, Helvetica, sans-serif;
  text-align:center;
  font-size: 10pt;
  color:black;
  padding:0px;
  margin-bottom:30px; 
  margin-top:10px;
  margin-left:160px;
  margin-right:160px;
}

.main-page-copyright
{
  font-family : Arial, Helvetica, sans-serif;
  text-align:center;
  font-size: 10pt;
  font-weight: normal;
  color:black;
  padding:0px;
  margin-bottom:40px; 
  margin-top:4px;
  margin-left:70px;
  margin-right:70px;
}

/* Styles in ? */


.mainheader
{
  font-family : Arial, Helvetica, sans-serif;
  padding:0px;
  margin-bottom:4px; 
  padding-right = 50px;
  margin-top:5px;
  text-align:left;
  border-bottom: 1px solid #CCCCCC; 
  padding-bottom: 4px; 
  margin-bottom: 8px;
}

.standard-body
{
  font-family : Arial, Helvetica, sans-serif;
  font-size: 14px;
  margin-top:0px;
  margin-bottom:8px;
  margin-right:0px;
}

.standard-list-item
{
  font-family : Arial, Helvetica, sans-serif;
  font-size: 14px;
  margin-top:0px;
  margin-bottom:0px;
  margin-right:4px;
}

.standard-indent
{
  font-family : Arial, Helvetica, sans-serif;
  font-size: 14px;
  margin-top:0px;
  margin-bottom:8px;
  margin-right:10px;
  margin-left:50px;
}

.table-fungus-group
{
  font-family : Arial, Helvetica, sans-serif;
  padding: 0px;
  margin-bottom: 0px; 
  margin-top: 0px;
  text-align: left;
  color: #408080;
  text-decoration: none;
  font-weight: bold;
  font-size: 14pt;
}

.table-species
{
  font-family : Arial, Helvetica, sans-serif;
  padding: 0px;
  margin-bottom: 0px; 
  margin-top: 0px;
  text-align: left;
  color: #408080;
  text-decoration: none;
  font-weight: bold;
  font-size: 14px;
}

.figure-comment 
{
  font-family : Arial, Helvetica, sans-serif;
  font-size:12px; 
  font-style: normal;
  text-align:left;
  font-weight: bold;
  margin-top:0px;
  margin-bottom:12px;
}


/* Styles within the A-Z by group page */

.fungi-group-header
{
  font-family : Arial, Helvetica, sans-serif;
  margin-bottom:8px; 
  margin-top:24px;
  text-align:center;
  border-bottom: 1px solid; 
  padding-bottom: 6px; 
  padding-top: 6px;
}

.group-table-item
{
  font-family : Arial, Helvetica, sans-serif;
  font-size: 12pt;
  color: #408080;
  text-align:center; 
  margin:0px;
  padding: 2px;
}

.group-table-item A:link
{
  color: #408080;
}

.group-table-item A:visited
{
  color: #408080;
}

.group-table-item A:hover
{
  color: red;
}

.group-table-item A:active
{
  color: red;
}

.group-table-separator
{
  font-family : Arial, Helvetica, sans-serif;
  font-size: 0pt;
  text-align:center; 
  background-color:white;
  color: darkgray;
  margin-right:170px;
  margin-left:170px;
  margin-top:0px;
  margin-bottom:10px; 
  padding-top: 2px;
  padding-bottom: 5px;
  border-bottom: 0px solid; 
}

/* Styles within the fungus photo index page */


.fungus-photo-index-title 
{
  font-family : Arial, Helvetica, sans-serif;
  font-size:24pt;
  text-align:center; 
  padding:0px; 
  margin:0px; 
  margin-bottom:4px; 
  margin-top:4px;
  border-bottom: 0px solid #CCCCCC; 
}

/* Styles within the group photo pages */


.fungus-group-title 
{
  font-family : Arial, Helvetica, sans-serif;
  font-size:24pt;
  padding:0px; 
  margin:0px; 
  margin-bottom:4px; 
  margin-top:4px;
  border-bottom: 1px solid #CCCCCC; 
}


/* Styles within the fungus index */


.fungus-index-title
{
  text-align:center; 
  color:black; 
  background-color:white; 
  margin:0%; 
  padding-top:14px; 
  padding-bottom:10px;
}

.fungus-index-warning-p
{
  font-size: 10pt;
  font-weight: bold;
  text-align:center; 
  color: darkred;
  background-color: white;
  border-left:6px solid white;
  border-right:6px solid white;
  border-top:6px solid white;
  border-bottom:6px solid white;
  margin-left:150px; 
  margin-right:150px; 
  margin-top:4px; 
  margin-bottom:10px; 
  padding:0px;
}

.alphabet-table-item
{
  font-family : Arial, Helvetica, sans-serif;
  font-size: 16pt;
  color: #408080;
  text-align:center; 
  width:20px; 
  background-color:#F0F0F0;*/
}

.alphabet-table-item A:link
{
  color:#408080;
}

.alphabet-table-item A:active
{
  color:red;
}

.alphabet-table-item A:hover
{
  color:red;
}

.alphabet-table-item A:visited
{
  color: #408080;
}

.species-separator-one
{
  font-family : Arial, Helvetica, sans-serif;
  font-size: 0pt;
  text-align:center; 
  background-color:white;
  color: darkgray;
  margin-right:50px;
  margin-left:50px;
  margin-top:0px;
  margin-bottom:10px; 
  padding-top: 2px;
  padding-bottom: 2px;
  border-bottom: 0px solid; 
}

.species-separator-two
{
  font-family : Arial, Helvetica, sans-serif;
  font-size: 0pt;
  text-align:center; 
  background-color:white;
  color: darkgray;
  margin-right:50px;
  margin-left:50px;
  margin-top:0px;
  margin-bottom:10px; 
  padding-top: 2px;
  padding-bottom: 10px;
  border-bottom: 0px solid; 
}

.fungus-index-species-count
{
  text-align:center; 
  font-size:10pt; 
  margin-top:3px; 
  margin-bottom:3px;
}

.fungus-index-date
{
  text-align:center; 
  font-size:10pt; 
  margin-top:3px; 
  margin-bottom:3px;
}


/* Styles within the fungus record */

.fungus-species-title 
{
  font-family : Arial, Helvetica, sans-serif;
  font-size:24pt;
  padding:0px; 
  margin:0px; 
  margin-bottom:4px; 
  margin-top:4px;
  border-bottom: 1px solid #CCCCCC; 
}

.fungus-attribute-title
{
  font-family : Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  margin-top:8px;
  margin-bottom:0px;
}

.fungus-attribute-body
{
  font-family : Arial, Helvetica, sans-serif;
  font-size: 14px;
  margin-top:0px;
  margin-bottom:8px;
  margin-right:0px;
}

.fungus-image-title
{
  font-family : Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  margin-top:12px;
  margin-bottom:6px;
}

.fungus-image-comment 
{
  font-family : Arial, Helvetica, sans-serif;
  font-size:12px; 
  font-style: normal;
  color:black;
  text-align:left;
  margin-top:0px;
  margin-bottom:12px;
}

/* Gallery styles */

.gallery-title
{
  font-family : Arial, Helvetica, sans-serif;
  font-style: normal;
  text-align:center;
  padding-top:8px;
  padding-bottom:8px;
  margin:0;
  color:black;
  background-color:white;
  margin-left:100px;
  margin-right:100px;
}


.gallery-image-comment 
{
  font-family : Arial, Helvetica, sans-serif;
  font-size:12px; 
  font-style: normal;
  text-align:center;
  margin-top:12px;
  margin-bottom:12px;
}

.gallery-date
{
  text-align:center; 
  font-size:10pt; 
  font-style: italic;
  margin-top:20px; 
  margin-bottom:10px;
}

/* Styles in the gallery photo page */

.image-title
{
  margin-top:15px; 
  margin-bottom:15px; 
  text-align:center;
}

.image-copyright
{
  text-align:center;
  margin-top:4px; 
  margin-bottom:20px;
}


/* Styles in the photo galleries */


.gallery-thumbnail-table /* The main table */
{
  border-width:0px;
  text-color:black;
  background-color:white;
  border-collapse:collapse;
}

.gallery-spacer-tr /* space between rows */
{
  height:60px;
}

.gallery-spacer-td /* space between columns */
{
  width:80px;
}

.thumbnail-tr
{
  font-family : Arial, Helvetica, sans-serif;
  font-size:12px; 
  font-style: normal;
  color:black;
  background-color:#f0f0f0;
  text-align:center;
  valign:bottom;
  margin-top:4px;
  margin-bottom:10px;
}

.thumbnail-td
{
  width:180px;
  height:180px;
  align:center;
  valign:center;
  border: 1px solid gray;
}

.thumbnail-title-tr
{
  font-family : Arial, Helvetica, sans-serif;
  font-size:12px; 
  font-style: bold;
  text-color:white;
  color:black;
  background-color:white;
  valign:bottom;
  margin-top:0px;
  margin-bottom:0px;
}

.thumbnail-title-td
{
  width:180px;
  height:30px;
  valign:top;
  color:white;
  background-color:#408080;
  border-top: 0px solid black;
}

.thumbnail-title-p
{
  font-family : Arial, Helvetica, sans-serif;
  font-size:12px; 
  font-style: bold;
  text-align:center;
  valign:top;
  margin-left:4px;
  margin-right:4px;
  margin-top:0px;
  margin-bottom:0px;
  border-bottom: 0px solid black;
  padding:0px;
}

/* Bibliography styles */

.bibliography-book-title
{
  font-family : Arial, Helvetica, sans-serif;
  padding: 0px;
  margin-bottom: 0px; 
  margin-top: 0px;
  text-align: left;
  color: #408080;
  text-decoration: none;
  font-weight: bold;
  font-size: 14px;
}

.bibliography-book-publisher
{
  font-style:italic;
  margin-bottom: 0px; 
  margin-top: 0px;
}

.bibliography-book-notes
{
  font-style:normal;
  margin-top: 0px;
}


/* Book shops styles */

.bookseller
{
  font-family : Arial, Helvetica, sans-serif;
  padding: 0px;
  margin-bottom: 0px; 
  margin-top: 0px;
  text-align: left;
  color: #408080;
  text-decoration: none;
  font-weight: bold;
  font-size: 14px;
}

.bookseller-address
{
  font-family : Arial, Helvetica, sans-serif;
  padding: 0px;
  margin-bottom: 0px; 
  margin-top: 0px;
  text-align: left;
  color: #408080;
  text-decoration: none;
  font-weight: normal;
  font-style:italic;
  font-size: 12px;
}

.bookseller-comment
{
  font-family : Arial, Helvetica, sans-serif;
  padding: 0px;
  margin-bottom: 0px; 
  margin-top: 0px;
  text-align: left;
  color: black;
  text-decoration: none;
  font-weight: normal;
  font-size: 14px;
}

/* Links page styles */

.links-title
{
  margin-top: 0px;
  margin-bottom: 0px; 
}

.links-notes
{
  margin-top: 0px;
}

/* General styles */

A:link 
{  
  color: #408080;
  text-decoration: none;
  font-weight: bold;
}

A:visited 
{  
  color: #408080;
  text-decoration: none;
  font-weight: bold;
}

A:active 
{  
  color : #666600;
  text-decoration: none;
  font-weight: bold;
}

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

/* Navigation arrow styles */

.navigation-arrows A:link 
{  
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight: bold;
  color: black;
  text-decoration: none;
}

.navigation-arrows A:visited 
{  
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight: bold;
  color: black;
  text-decoration: none;
}

.navigation-arrows A:active 
{  
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight: bold;
  color: red;
  text-decoration: none;
}

.navigation-arrows A:hover 
{  
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight: bold;
  color: red;
  text-decoration: none;
}

/* Styles within the submenu */

.subnav
{  
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: green;
  text-decoration: none;
  align:center;
  border-right: 0px solid white;
}

.subnav A:link 
{  
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: white;
  text-decoration: none;
}

.subnav A:visited 
{  
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: white;
  text-decoration: none;
}

.subnav A:active 
{  
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: yellow;
  text-decoration: none;
}

.subnav A:hover 
{  
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: yellow;
  text-decoration: none;
}

.dropdownnav 
{
  color:gray;
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  padding: 2px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 2px;
  margin-right: 2px;
  border:1px;
  border-bottom: 0px solid white; 
}

.dropdownnav A:link 
{
   color: white;
   border:0px;
}

.dropdownnav A:visited 
{
   color: white;
   text-decoration: none;
   margin-top: 0px;
}

.dropdownnav A:active 
{
   color: yellow;
   text-decoration: none;
   margin-top: 0px;
}

.dropdownnav A:hover 
{
   color: yellow;
   text-decoration: none;
   margin-top: 0px;
}

/* Feedback page */

.feedback-message
{
  font-family : Arial, Helvetica, sans-serif;
  padding: 10px;
  margin-bottom: 10px; 
  margin-top: 10px;
  text-align: center;
  color: black;
  text-decoration: none;
  font-weight: normal;
  font-size: 24px;
}

/* Colour chart page */

.colour-chart-tr
{
  color:black;
  background-color:#f0f0f0;
  width:600px;
  height:50px;
}

.colour-chart-title-td 
{
  color:black;
  text-align:center;
  background-color:#f0f0f0;
  width:100px;
  height:50px;
}

/* Grey scale */

.greyscale-p
{
  font-family : Arial, Helvetica, sans-serif;
  font-size: 14px;
  margin-top:0px;
  margin-bottom:8px;
  margin-right:0px;
  text-align:center;
}

.grey-1-td
{
  background-color:#000000;
  width:60px;
  height:40px;
}

.grey-2-td
{
  background-color:#111111;
  width:60px;
  height:40px;
}


.grey-3-td
{
  background-color:#222222;
  width:60px;
  height:40px;
}


.grey-4-td
{
  background-color:#333333;
  width:60px;
  height:40px;
}


.grey-5-td
{
  background-color:#444444;
  width:60px;
  height:40px;
}

.grey-6-td
{
  background-color:#555555;
  width:60px;
  height:40px;
}


.grey-7-td
{
  background-color:#666666;
  width:60px;
  height:40px;
}


.grey-8-td
{
  background-color:#777777;
  width:60px;
  height:40px;
}

.grey-9-td
{
  background-color:#888888;
  width:60px;
  height:40px;
}


.grey-10-td
{
  background-color:#999999;
  width:60px;
  height:40px;
}

.grey-11-td
{
  background-color:#aaaaaa;
  width:60px;
  height:40px;
}


.grey-12-td
{
  background-color:#bbbbbb;
  width:60px;
  height:40px;
}


.grey-13-td
{
  background-color:#cccccc;
  width:60px;
  height:40px;
}


.grey-14-td
{
  background-color:#dddddd;
  width:60px;
  height:40px;
}


.grey-15-td
{
  background-color:#eeeeee;
  width:60px;
  height:40px;
}


.grey-16-td
{
  background-color:#ffffff;
  width:60px;
  height:40px;
}