html, body {height: 100%; padding: 0; margin: 0; }

/*navigator */
div.navigator{padding: 3px; width: 100%; height: 40px; line-height: 40px; position: sticky; top: 0; z-index: 100; background-color: #90a492}

.navigator a:link {color: #784319}
.navigator a:visited {color: #784319}

div.main{width: 100%; min-height: 100%; padding: 3px; position: relative; background-color: #d2bd64}

.main a:link {color: #784319}
.main a:visited {color: #784319}

.about-pic{max-width: 100%; max-height: 100%; padding: 3px; float: right}
.about-text{padding: 3px; float: left}

.map{max-height:400px} /*don't like this*/
.map-jpg{max-width: 100%; max-height: 100%; padding: 3px}
.sp-jpg{max-width: 98%}
.id1{background-color:#67a126}
.id2{background-color:#ef9e18}
.id3{background-color:#e96a6a}


div.subtaxa-list{font-size:large}
.thumb-jpg{max-width: 100%; padding: 3px}


/*list*/
div.family{font-size: large}
div.genus{font-style: italic}
div.species{font-style: italic}