body {
	font:normal 1em verdana,lucida,geneva,arial,sans-serif;
	margin: 5px;
	padding: 0;
	border: 0;
	background: #f9fafc url(../images/mainBG.png) repeat-x;
	}
	
h1 {
	font: normal 2.3em arial,verdana,lucida,geneva,sans-serif;
	letter-spacing: .1em;
	margin:  0;
	padding: 0;
	position: relative;
	top: 75px;
	left: 120px;
	color: #B1AA4F;
	width: 500px;
	}
	
h3 {
	font:bold 1em 'ms trebuchet','lucida grande',verdana,lucida,arial,sans-serif;
	color: #000;
	}
	
ul, li {
	list-style: none;
	margin: 0;
	padding: 0;
	border: 0;
	font: normal .9em 'ms trebuchet','lucida grande',verdana,lucida,arial,sans-serif;
	color: #554A19;
	}
	
a:link {
	text-decoration: none;
	color: #554A19;
	}

a:visited {
	text-decoration: none;
	color: #554A19;
	}
	
a:hover {
	text-decoration: none;
	color: #da3;
	}

#lab-banner {
	height: 122px;
	background: #fff url(../images/banner.jpg) no-repeat;
	margin:  0;
	padding: 0;
	}

#bodywrap {
	width: 840px;
	margin:0;
	padding: 0;
	border: 0px solid red;
	margin: 0 auto;
	background: #fff url(../images/bodywrap-bg.gif) repeat-y;
	position: relative;
	}
	
#titlebar {
	background: #462 url(../images/bar-bg.gif) repeat-x;
	
	height: 30px;
	padding: 0;
	margin: 0;
	border: 0;
	}
	
#titlebar h2 {
	border: 0px solid gold;
	margin: 0;
	height: 23px;
	width: 400px; 
	float: left;
	padding: 7px 0 0 167px;
	font: normal 16px arial,geneva,lucida,sans-serif;
	background-image: url(../images/snailbody.jpg);
	background-repeat: no-repeat;
	color: #504416;
	}
	
form {
	display: inline;
	width: 250px;
	border: 0px solid green;
	padding: 0;
	margin: 0;
	}
	
#searchfield {
	background-color: #E2E3BF;
	margin: 0px;
	padding: 1px;
	border-top: 1px solid #a2a35F;
	border-left: 1px solid #a2a35F;
	border-right: 1px solid #f2f3dF;
	border-bottom: 1px solid #f2f3dF;
	}
	
#submitform {
	margin: 0;
	padding: 0px;
	border: 0;
	background: none;
	color: #342C0D;
	}
	
#formholder {
	width: 250px;
	position: absolute;
	left: 620px;
	top: 125px;
	border: 0px solid violet;
	margin: 0;
	padding: 0;
	}
	
#path {
	height: 22px;
	margin: 0;
	padding: 6px 0 0 167px;
	border: 0px solid green;
	background: #fff url(../images/snailfoot.jpg) no-repeat;
	font: normal .8em arial,lucida,geneva,sans-serif;
	color: #888;
	}
	
#path a:link {
	color: red;
	}
	
#path a:visited {
	color: red;
	}

#path a:hover {
	color: red;
	text-decoration: underline;
	}
	
#left-nav {
	width: 134px;
	margin: 0;
	font-size: .95em;
	padding: 0 0px 0 0;
	float: left;
	}
	
#left-nav #museum-address {
	font:normal 10px georgia,serif;
	letter-spacing: 0px;
	}
	
#left-nav li{
	text-align: right;
	margin: 3px 0px;
	}
	
#left-nav ul {
	padding-bottom: 40px;
	padding-top: 15px;
	}
	
#left-nav li span {
	color: #e32;
	}

#right-nav {
	width: 134px;
	margin: 0 10px 0 0;
	padding: 0;
	background-color: #eee;
	float: right;
	}
	
#right-nav p {
	padding: 2px 5px;
	margin: 0;
	font-size: .9em;
	background-color: #CDCEA5;
	}
	
#right-nav li {
	margin: 3px 5px;
	padding: 0;
	}
	
#bodytext, #publication-list  {
	padding: 0;
	font: normal .9em georgia,serif;
	line-height: 1.2em;
	float: left;
	width: 600px;
	margin-top: 0px;
	margin-bottom: 20px;
	margin-left: 35px;
	min-height: 400px;
	}
	
#publication-list p {
	border-left: 5px solid #CDCEA5;
	padding-left: 7px;
	}

#bodytext a:link {
	color: blue;
	}
	
#bodytext a:visited {
	color: blue;
	}
	
#bodytext a:hover {
	color: red;
	text-decoration: underline;
	}

#bodytext li {
	color: #222;
	margin: 5px 0;
	font-size: 1em;
	}
	
#bodytext li li {
	border: 0;
	margin: 0;
	padding-left: 10px;
	}
	
#bodytext .listHighlight {
	border-left: 6px solid #CDCEA5;
	padding-left: 5px;
	}
	
#bodytext p img {
	margin: 0 0px 0 10px;
	float: right;
	}
	
	
#footer {
	height: 20px;
	border-top: 1px solid #bDb86E;
	margin: 0;
	padding: 0;
	font: normal .9em verdana,lucida,arial,sans-serif;
	background-color: #dDdEb5;
	}
	
#footer p {
	float: left;
	margin: 2px 0 2px 10px;
	padding: 0;
	font-size: .8em;
	color: #bDb86E;
	}

#footer #copyright {
	/*width: 270px;*/
	margin: 2px 5px;
	padding: 0;
	float: right;
	color: #554A19;
	}
	
#imagecell {
	padding: 0px 0;
	font: normal .8em arial,lucida,geneva,sans-serif;
	margin-top: 35px;
	margin-bottom: 10px;
	width: 580px;
	float: left;
	}
	
#imagecell p {
	margin: 0;
	padding: 10;
	font-size: 1.1em;
	}
	
#imagecell img {
	margin-right: 15px;
	float: left;
	}
	
.sn {
	font: italic 1.1em times,georgia,serif;
	}
	
.clearboth {
	clear:both;
}



ul ul#peopleList li {
	margin-top: 5px;
}

/* Preview images for Conidae range map links */
.range-map-previews {
	display: flex;
	gap: 28px;
	align-items: flex-start;
	margin: 18px 0 22px 0;
}

.range-map-preview {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	font: normal .9em 'ms trebuchet','lucida grande',verdana,lucida,arial,sans-serif;
	color: #554A19;
	width: 280px;
}

.range-map-preview img {
	height: 190px;
	width: auto;
	max-width: 270px;
	object-fit: contain;
	border: 1px solid #CDCEA5;
	background: #fff;
	padding: 4px;
	margin: 0 0 6px 0;
	float: none;
	border-radius: 4px;
}

.range-map-preview a:hover img {
	border-color: #da3;
}

/* Example images for Conidae range maps */
.example-images-heading {
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 1em;
	color: #000;
}

.example-images {
	margin: 0 0 25px 0;
	padding: 0;
}

.example-images figure {
	margin: 0 0 22px 0;
	padding: 0;
}

.example-images img {
	display: block;
	width: 600px;
	max-width: 100%;
	height: auto;
	float: none;
	border: 1px solid #CDCEA5;
	background: #fff;
	padding: 5px;
}

.example-images figcaption {
	margin-top: 6px;
	font: normal .9em 'ms trebuchet','lucida grande',verdana,lucida,arial,sans-serif;
	color: #554A19;
}

#left-nav .nav-divider {
  border-top: 1px solid #ccc;
  margin: 10px 0;
  padding: 0;
  height: 0;
  list-style: none;
}

.tooltip {
  position: relative;
  display: inline-block;
  cursor: default;
  color: inherit;
  text-decoration: none;
}

.tooltip .tooltip-text {
  visibility: hidden;
  opacity: 0;
  width: 280px;
  background-color: #333;
  color: #fff;
  text-align: left;
  border-radius: 4px;
  padding: 8px 10px;
  position: absolute;
  z-index: 10;
  bottom: 125%;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.2s ease-in-out;
  font-style: normal;
  font-size: 0.9em;
  line-height: 1.3;
}

.tooltip:hover .tooltip-text,
.tooltip:focus .tooltip-text {
  visibility: visible;
  opacity: 1;
}

.image-hover-message {
  position: relative;
  display: inline-block;
}

.image-hover-message a {
  position: relative;
  display: inline-block;
}

.image-hover-message img {
  display: block;
}

.image-hover-text {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  left: 50%;
  bottom: 12px;
  transform: translateX(-50%);
  background-color: rgba(0, 0, 0, 0.75);
  color: #fff;
  padding: 6px 10px;
  border-radius: 4px;
  font-size: 0.9em;
  line-height: 1.3;
  text-align: center;
  width: max-content;
  max-width: 85%;
  z-index: 10;
  transition: opacity 0.2s ease-in-out;
}

.image-hover-message:hover .image-hover-text {
  visibility: visible;
  opacity: 1;
}