/* Keep identical to britishlichens2.css */
head {
  margin-top: 0px;
}

h1.indextitle {
  color: rgb(255,50,0);
  background-color: rgb(255,200,100);
  padding-top: 0px;
  padding-bottom: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}

div.indextitle {
  color: rgb(255,50,0);
  background-color: rgb(255,200,100);
  padding-top: 0px;
  padding-bottom: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}

div.britishlichens {
  color: rgb(255,50,0);
  margin: 0 0 0 5px;
  font-size: 2em;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  div.britishlichens {
    display: inline-block;
  }
}

h1.aboutthissite {
  color: rgb(10,50,150);
  margin-top: 0px;
  margin-bottom: -6px;
  text-align: center;
}

h1.links {
  color: rgb(150,0,0);
  margin-top: 0px;
  margin-bottom: -6px;
  text-align: center;
}

h1.speciesgallery {
  color: rgb(240,120,0);
  margin-top: 0px;
  margin-bottom: -6px;
  text-align: center;
}

h1.lichenkey {
  color: rgb(20,200,20);
  margin-top: 0px;
  margin-bottom: -6px;
  text-align: center;
}

h1.lichenscapes {
  color: black;
  margin-top: 0px;
  margin-bottom: -6px;
  text-align: center;
}

h1.habitattours {
  color: rgb(0,0,255);
  text-indent: 250px;
  margin-top: 0px;
  margin-bottom: -6px;
  text-align: left;
}

h2.habitattours {
  color: rgb(0,0,255);
  margin-top: 0px;
  margin-bottom: -6px;
  text-align: center;
}

h1.opal {
  color: blue;
  margin-top: 0px;
  margin-bottom: -6px;
  text-align: center;
}

h3.opal {
  color: blue;
}

h1.pictureindex {
  color: green;
  margin-top: 0px;
  margin-bottom: -6px;
  text-align: center;
}

h2.pictureindex {
  color: rgb(0,150,25);
  margin-top: 10px;
  margin-bottom: 0px;
}

p.pictureindexsubtitle {
  color: green;
  margin-top: -5px;
}

h3.piindent {
  color: rgb(25,0,150);
  text-indent: 100px;
  margin-top: 10px;
  margin-bottom: 0px;
}

h3.piindent4 {
  color: rgb(25,0,150);
  margin-top: 10px;
  margin-bottom: 0px;
}

h4.piindent2 {
  color: rgb(150,0,25);
  text-indent: 200px;
  margin-top: 15px;
  margin-bottom: 5px;
}

h4.piindent3 {
  color: rgb(150,0,25);
  margin-top: 15px;
  margin-bottom: 5px;
}

h3.aboutthissite {
  color: rgb(10,50,150);
  margin-top: 0px;
  margin-bottom: 0px;
}

h2.wal1 {
  color: green;
}

p.indexsubtitle {
  color: rgb(255,102,0);
  margin-bottom: -4px;
}

p.linkssubtitle {
  color: rgb(150,0,0);
}

body {
  font-family: Verdana,Arial,sans-serif;
  font-size: 80%;
  margin-bottom: 0px;
}

  body.index {
    font-family: Verdana,Arial,sans-serif;
    font-size: 100%;
    margin-bottom: 0px;
  }


img {
  border-style: none;
}

/* First button text */
p.button1text {
  color: rgb(10,50,150);
  text-indent: 44px;
  font-family: Georgia, Arial, san-serif;
  font-size: medium;
}

/* First button */
img.button1 {
  border-style: none;
  margin-left: 0px;
  margin-top: -20px;
  margin-bottom: -10px;
}

/* WAL button text */
p.WALbuttontext {
  color: black;
  text-indent: 16px;
  font-family: Georgia, Arial, san-serif;
  font-size: medium;
}

/* WAL button */
img.WALbutton {
  border-style: none;
  margin-left: 0px;
  margin-top: 0px;
  margin-bottom: -10px;
}

/* Second button text */
p.button2text {
  color: rgb(150,0,0);
  text-indent: 138px;
  font-family: Georgia, Arial, san-serif;
  font-size: medium;
}

/* second button */
img.button2 {
  border-style: none;
  margin-left: 0px;
  margin-top: 0px;
  margin-bottom: -10px;
}

/* Third button text */
p.button3text {
  color: rgb(240,120,0);
  text-indent: 42px;
  font-family: Georgia, Arial, san-serif;
  font-size: medium;
}

/* third button */
img.button3 {
  border-style: none;
  margin-left: 0px;
  margin-top: 0px;
  margin-bottom: -10px;
}

/* fourth button text */
p.button4text {
  color: olive;
  text-indent: 57px;
  font-family: Georgia, Arial, san-serif;
  font-size: medium;
}

/* fourth button */
img.button4 {
  border-style: none;
  margin-left: 0px;
  margin-top: 0px;
  margin-bottom: -10px;
}

/* tour button text */
p.habitattourtext {
  color: rgb(0,0,255);
  text-indent: 60px;
  font-family: Georgia, Arial, san-serif;
  font-size: medium;
}

/* tour button */
img.habitattours {
  border-style: none;
  margin-left: 0px;
  margin-top: 0px;
  margin-bottom: -10px;
}

/* fifth button text */
p.button5text {
  color: green;
  text-indent: 55px;
  font-family: Georgia, Arial, san-serif;
  font-size: medium;
}

/* fifth button */
img.button5 {
  border-style: none;
  margin-left: 0px;
  margin-top: 0px;
  margin-bottom: -10px;
}

/* blog button text */
p.blogbuttontext {
  color: rgb(120,0,120);
  text-indent: 15px;
  font-family: Georgia, Arial, san-serif;
  font-size: medium;
}

/* blog button */
img.blogbutton {
  border-style: none;
  margin-left: 0px;
  margin-top: 0px;
  margin-bottom: -10px;
}

/* opal button text */
p.opalbuttontext {
  color: blue;
  text-indent: 53px;
  font-family: Georgia, Arial, san-serif;
  font-size: medium;
}

/* opal button */
img.opalbutton {
  border-style: none;
  margin-left: 0px;
  margin-top: 0px;
  margin-bottom: -10px;
}

/* picture index */
img.thumb {
  border-style: none;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}

img.floatleft {
  float: left;
}

table.title {
  width: 100%;
  margin-top: -18px;
  xmargin-left: -12px;
  xmargin-right: 0px;
}

td.title {
  virtical-align: middle;
  padding-left: 0px;
  border-bottom: 2px;
  border-style: outset;
  background-color: rgb(255,200,100);
}

table.index {
  width: 800px;
}

td.indexleft {
  width: 300px;
  padding: 0px;
  border-right-width: 1px;
  border-left-width: 0px;
  border-top-width: 0px;
  border-bottom-width: 0px;
}

td.indexcentre {
  width: 200px;
  padding: 0px;
  border-right-width: 1px;
  border-left-width: 0px;
  border-top-width: 0px;
  border-bottom-width: 0px;
}

td.indexright {
  padding: 0px;
  border-right-width: 1px;
  border-left-width: 0px;
  border-top-width: 0px;
  border-bottom-width: 0px;
}

table.speciesgallery {
  width: 100%;
}

td.SGLeft {
  width: 50px;
  border-right-width: 1px;
  border-left-width: 0px;
  border-top-width: 0px;
  border-bottom-width: 0px;
  border-style: solid;
  border-color: Olive;
}

table.wal1 {
  width: 860px;
  padding: 0px;
  border-width: 8px;
  border-style: solid;
  border-color: rgb(80,200,80);
}

tr.wal1 {
  background-color: rgb(230,250,210);
  border-width: 2px;
  padding: 0px;
  border-style: solid;
  border-color: rgb(80,200,80);
}

th.waltabhead1 {
  background-color: rgb(150,200,80);
  border-width: 2px;
  border-style: solid;
  border-color: rgb(80,200,80);
}

td.wal1 {
  background-color: rgb(230,250,210);
  padding: 3px;
  border-right-width: 1px;
  border-left-width: 0px;
  border-top-width: 1px;
  border-bottom-width: 0px;
  border-style: solid;
  border-color: rgb(80,200,80);
}

td.wal1r {
  background-color: rgb(230,250,210);
  padding: 3px;
  border-right-width: 0px;
  border-left-width: 0px;
  border-top-width: 1px;
  border-bottom-width: 0px;
  border-style: solid;
  border-color: rgb(80,200,80);
}

td.wal1b {
  background-color: rgb(230,250,210);
  padding: 3px;
  border-right-width: 0px;
  border-left-width: 0px;
  border-top-width: 0px;
  border-bottom-width: 2px;
  border-style: solid;
  border-color: rgb(80,200,80);
}

table.wal2 {
  width: 860px;
  padding: 0px;
  border-width: 8px;
  border-style: solid;
  border-color: rgb(255,200,100);
}

tr.wal2 {
  border-width: 2px;
  padding: 0px;
  border-style: solid;
  border-color: rgb(80,200,80);
}

th.waltabhead2 {
  background-color: rgb(255,200,100);
  border-width: 2px;
  border-style: solid;
  border-color: rgb(255,200,100);
}

td.wal2 {
  background-color: rgb(255,255,200);
  padding: 3px;
  border-right-width: 1px;
  border-left-width: 0px;
  border-top-width: 1px;
  border-bottom-width: 0px;
  border-style: solid;
  border-color: rgb(255,200,100);
}

td.wal2r {
  background-color: rgb(255,255,200);
  padding: 3px;
  border-right-width: 0px;
  border-left-width: 0px;
  border-top-width: 1px;
  border-bottom-width: 2px;
  border-style: solid;
  border-color: rgb(255,200,100);
}

td.wal2b {
  background-color: rgb(255,255,200);
  padding: 3px;
  border-right-width: 0px;
  border-left-width: 0px;
  border-top-width: 0px;
  border-bottom-width: 0px;
  border-style: solid;
  border-color: rgb(255,200,100);
}

table.wal3 {
  width: 860px;
  padding: 0px;
  border-width: 8px;
  border-style: solid;
  border-color: rgb(220,240,255);
}

tr.wal3 {
  border-width: 2px;
  padding: 0px;
  border-style: solid;
  border-color: rgb(220,240,255);
}

th.waltabhead3 {
  background-color: rgb(220,240,255);
  border-width: 2px;
  border-style: solid;
  border-color: rgb(220,240,255);
}

td.wal3 {
  background-color: rgb(250,250,255);
  padding: 3px;
  border-right-width: 1px;
  border-left-width: 0px;
  border-top-width: 1px;
  border-bottom-width: 0px;
  border-style: solid;
  border-color: rgb(220,240,255);
}

td.wal3r {
  background-color: rgb(250,250,255);
  padding: 3px;
  border-right-width: 0px;
  border-left-width: 0px;
  border-top-width: 1px;
  border-bottom-width: 0px;
  border-style: solid;
  border-color: rgb(220,240,255);
}

td.wal3b {
  background-color: rgb(250,250,255);
  padding: 3px;
  border-right-width: 0px;
  border-left-width: 0px;
  border-top-width: 0px;
  border-bottom-width: 0px;
  border-style: solid;
  border-color: rgb(220,240,255);
}


td {
  padding: 5px;
  vertical-align: top;
  font-family: Georgia, Arial, san-serif;
  font-size: small;
}


table.lichenkey2 {
  font-size: 60%;
}

td.lKey2left {
  width: 150px;
  padding: 0px;
  border-right-width: 0px;
  border-left-width: 0px;
  border-top-width: 0px;
  border-bottom-width: 0px;
}

td.Keyleft {
  width: 200px;
  padding: 0px;
  border-right-width: 0px;
  border-left-width: 0px;
  border-top-width: 0px;
  border-bottom-width: 0px;
}

td.linerow {
  padding: 0px;
  border-right-width: 0px;
  border-left-width: 0px;
  border-top-width: 1px;
  border-bottom-width: 0px;
  border-style: solid;
  border-color: Olive;
}

td.Keycol1 {
  width: 200px;
  padding: 0px;
  border-right-width: 0px;
  border-left-width: 0px;
  border-top-width: 0px;
  border-bottom-width: 0px;
}

td.Keycol2 {
  width: 100px;
  padding: 0px;
  border-right-width: 0px;
  border-left-width: 0px;
  border-top-width: 1px;
  border-bottom-width: 0px;
}

td.Keycol3 {
  padding: 0px;
  border-right-width: 0px;
  border-left-width: 0px;
  border-top-width: 1px;
  border-bottom-width: 0px;
}

td.Keycol4 {
  padding: 0px;
  border-right-width: 0px;
  border-left-width: 0px;
  border-top-width: 1px;
  border-bottom-width: 0px;
}

Table.opalns {
  border-width: 3px;
  border-style: solid;
  border-color: blue;
}

Table.opali {
  border-width: 3px;
  border-style: solid;
  border-color: gray;
}

Table.opalnl {
  border-width: 3px;
  border-style: solid;
  border-color: orange;
}

.mainExpand {
  cursor: hand;
  cursor: pointer;
  font: bold .9em verdana, arial, helvetica, sans-serif;
}

/* Species Gallery classes */
.sidenav a {
  padding: 3px 4px 3px 4px;
  font-size: 15px;
  display: block;
}

.sg-leftcol {
  width: 60px;
  position: sticky;
  top: 0;
  float: left;
}

.sg-rightcol {
  margin-left: 60px;
}

body {
  margin-right: 0;
  padding-right: 3px;
}

.fillwidth {
  max-width: 100%;
}

.wal1 {
  border-color: rgb(80,200,80);
  background-color: rgb(230,250,210);
}

.wal2 {
  border-color: rgb(255,200,100);
  background-color: rgb(255,255,200);
}

.wal3 {
  border-color: rgb(220,240,255);
  background-color: rgb(250,250,255);
}

.waltabhead1 {
  background-color: rgb(150,200,80);
  border-width: 2px;
  border-style: solid;
  border-color: rgb(80,200,80);
}

.wal1 .card-header {
  background-color: #F2F7DC;
}

.wal2 .card-header {
  background-color: #F3EAD8;
}

.wal3 .card-header {
  background-color: #EFE5E5;
}

.wal4 .card-header {
  background-color: #e8eef7;
}