body, td {
	font-family: verdana, tahoma, helvetica;
	line-height: 1.4em;
}

hr {
	display: block;
	clear: both;
	margin: 2em 0em 1em 0em;
}

body {
	margin: 0px;
	padding: 0;
	font-size: 13px;
	color: #000000;
}

a {color: #003244; cursor: pointer; cursor: hand; text-decoration: underline; }
a:hover {color: #007799; }
a:active {color: #00c6dd; }

em { color: #333; font-weight: bold; }

img { border: none; }

p {	margin-top: 0px; }

h1, #pageTitle {
	color: #000;
	font-weight: bold;
	font-size: 24px;
	margin-top: 15px;
	margin-bottom: 0.5em;
	line-height: 1.5em;
	text-align: center;
}

h2 {
	font-size: 22px;
	color: #002d5b;
	margin-top: 2em;
	margin-bottom: 1em;
	line-height: 1.3em;
}

h2.main {
	text-align: center;
	margin-top: 1em;
	margin-bottom: 1.7em;
}

h2.top { margin-top: 1em; }

.h2alt {
	color: #000;
	font-weight: bold;
	font-size: 21px;
	line-height: 1.5em;
}

h2.title {
	text-align: center;
	font-size: 24px;
	margin-bottom: 0.5em;
}

p.spacerSm { margin-top: 1em; }
p.spacer { margin-top: 2em; }

h3 {
	font-size: 16px;
	margin-top: 2.5em;
	margin-bottom: 1.3em;
}

h3.top { margin-top: 0px; }
h3.hypo { padding-top: 4px; margin-top: 0em;}
/*h3.substrate { margin-top: 1.2em; }*/

h4 {
	margin-top: 2.5em;
	font-size: 14px;
}

h4.list { margin: 0px; }

.center {
	margin-left: auto;
	margin-right: auto;
}

.left { float: left; }

.right { float: right; }

.header {
	height: 80px;
    background: #2f5d77;
    text-align: center;
	color: white;
	border-bottom: 2px solid #396a8a;
}

.headerBottom {
	height: 15px;
	background: #477c9c;
}

.footer {
    text-align: center;
    color: white;
	height: 24px;
	background-color: #477c9c;
	border-top: 2px solid #2f5d77;
	border-bottom: 2px solid #2f5d77;
}

.page { background: #477c9c; }

.menu {
	margin-left: 15px;
    width: 135px;
    float: left;
    color: white;
    padding-top: 5em;
}

.menu a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

.menu .normal a { display: block; }

.menu a:hover { color: #bcf5ff; }

.menu .standout { color: #fff49b; }
.menu .standout:hover { color: #59c2ff; }


div.error {
	padding: 1em;
	color: #900;
	background: #fdd;
	width: 480px;
	border: 1px solid #900;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2em;
}

#search {
	color: #000;
	margin-top: 30px;
}

#search .query {
	border: 1px solid #555;
	margin: 0px;
	width: 120px;
}

#search .button {
	border: 1px solid #555;
	margin-top: 3px;
	margin-left: 20px;
	margin-right: auto;
	width: 80px;
}

#search p {
	margin-left: 5px;
	margin-top: 0px;
	font-size: 10px;
}

.content {
	text-align: justify;
	padding: 10px;
	border-top: 1px solid #8e9fa9;
	border-left: 2px solid #84a4bb;
    background: white;
	padding-bottom: 1.5em;
	min-height: 600px;
    overflow: hidden;
	padding-left: 20px;
	padding-right: 20px;
}

.clear { clear: both; }

#mainContent {
	margin-right: 290px;
	text-align: justify;
}

#rightsidebar {
	margin: 0px;
	float: right;
	width: 250px;
	margin-left: 20px;
	text-align: center;
}

.border { border: 1px solid #333; }

#logoText {
	width: 323px; height: 70px;
	margin-top: 5px;
	float: right;
}

#logoSnail {
	position: absolute;
	top: 0px; left: 0px;
	background-image: url("/images/logoSnail.png");
	width: 150px;
	height: 144px;
	cursor: pointer; cursor: hand;
}

#footer {
	width: 100%; height: 24px;
	background-color: #477c9c;
	border-top: 1px solid #2f5d77;
	border-bottom: 1px solid #2f5d77;
}

.columnRight {
	float: right;
	vertical-align: top;
	width: 250px;
	margin-left: 20px;
}

.columnRight img {
	border: 1px solid #000;
	display: block;
}

.latestNews td { padding: 4px; }

.latestNews {
	font-size: 12px;
	color: #333;
	font-weight: bold;
	background: #e3d7d4;
	border: 1px solid #000;
	padding: 10px;
	margin-right: 270px;
	margin-bottom: 20px;
	line-height: 1.5em;
}

.quickLinks {
	font-size: 12px;
	padding: 10px 0px 10px 0px;
	margin: 20px 0px 0px 0px;
	background: #d7d7d7;
	border: 1px solid #000;
	width: 250px;
	line-height: 1.3em;
}

.quickLinks h2, .latestNews h2 {
	font-size: 18px;
	font-weight: bold;
	color: #00478f;
	text-align: center;
	margin-top: 0px;
}

.quickLinks .title {
	font-weight: bold;
	display: inline-block;
	width: 62px;
	padding: 5px 5px 0px 5px;
	margin: 0px;
	text-align: right;
	vertical-align: top;
}

.quickLinks .links {
	display: inline-block;
	width: 168px;
	margin: 0px;
	padding: 5px 5px 5px 0px;
}

.posted {
	color: #555;
	font-size: 10px;
	font-weight: normal;
	font-style: italic;
	margin-left: 100px;
}

.latestNews p { line-height: 1.2em; }

.latestNews span {
	color: #333;
	font-size: 11px;
	font-weight: normal;
	font-style: italic;
}

.copyleft {
	color: #000;
	font-size: 10px;
	float: left;
	margin-top: 3px;
	margin-left: 10px;
}

div.link {
	display: inline;
	vertical-align: top;
}

div.link h2 {
	margin-top: 5px;
	text-align: right;
}

.footer .links {
	float: right;
	margin-top: 2px;
	margin-right: 10px;
}

.footer .links a {
	color: #bed3d7;
	font-size: 10px;
	text-decoration: none;
}

.counter {
	font-weight: bold;
	padding-top: 2px;
	color: #fff;

	display: inline-block;
}

.counter span {
	color: #000;
	font-weight: normal;
}

#translate {
	color: #000;
	margin-top: 40px;
	margin-left: 10px;
	font-size: 10px;
}

img.flag {
	margin: 2px;
	border: 1px solid #000;
	width: 26px; height: 16px;
}

#species .genall {
	margin: 20px auto 20px auto;
	width: 660px;
}

#species .general {
	margin-left: 20px;
	margin-top: 2px;
	display: inline-block;
}

/* Gallery menu styles */

div.gallerymenu { text-align: center; }

div.gallerymenu h2 { margin-top: 5px; }

div.gallerymenu .genusFirst, div.gallerymenu .genus {
    display: inline-block;
    margin: 0;
    padding: 0;
    text-align: center;
}

div.gallerymenu .genus { margin-left: 2em; }

div.gallerymenu .speciesListFirst, div.gallerymenu .speciesList {
	text-align: left;
	vertical-align: top;
	display: inline-block;
	text-align: left;
}

div.gallerymenu .speciesListFirst { padding-right: 2em; }

/* End of Gallery menu styles */



div.centercontainer { text-align: center; }

div.centercontainer div {
    display: inline-block;
    margin: 0;
    padding: 0;
    text-align: center;
}

div.center {
	text-align: center;
	clear: both;
}

div.credit {
	display: inline-block;
	text-align: center;
	float: left;
}

.credit {
	font-style: italic;
	font-size: 10px;
}

.author {
	color: #002d5b;
	font-style: italic;
	font-size: 12px;
	text-align: center;
}

.matingSeqTitle { font-size: 12px; }

#species .h2alt, #species h2.gentitle {
	padding-top: 0px;
	margin-top: 0px;
	vertical-align: top;
	display: inline-block;
	color: #000;
	font-weight: bold;
	font-size: 18px;
	line-height: 1.5em;
}

#species #speciesList {
	min-height: 490px;
	width: 695px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	display: block;
}

#species #speciesList h2 {
	display: block;
	margin-bottom: 10px;
	text-align: center;
}

#species #speciesList p {
	margin: 5px;
}

#achatininae {
	width: 396px;
	min-height: 485px;
	float: left;
	border: 5px solid #e0e0e0;
	margin: 0px;
	padding: 10px 10px 0px 10px;
}

#achatininae h3 {
	margin-top: 0px;
	text-align: center;
}

#othergenera a, #achatininae a {
	float: right;
}

#achatina {
	float: left;
	width: 180px;
	margin: 0px;
}

#archachatina {
	float: left;
	width: 180px;
	margin: 0px;
	margin-left: 30px;
}

#othergenera {
	min-height: 485px;
	float: left;
	width: 240px;
	border: 5px solid #e0e0e0;
	border-left: 0px;
	margin: 0px;
	padding: 10px 10px 0px 10px;
}

#othergenera span, #othergenera a, #othergenera img {
	vertical-align: middle;
}

.noinfokey {
	width: 300px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}

#speciesStart {
	padding-top: 200px;
	margin-top: 100px;
	height: 100px;
	border: 1px solid #000;
}

p.synonym {
	font-family: tahoma, helvetica;
	font-size: 10px;
	color: #444444;
	text-decoration: none;
	line-height: 12px;
}

.speciesContent b, #mainContent b {
	color: #444;
}

p.list {
	margin-top: 20px;
	font-style: italic;
}

p.list span {
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	margin-right: 10px;
}

p.conclusion {
	font-weight: bold;
	color: #003;
}

p.heading {
	font-weight: bold;
	margin-top: 2em;
}

p.quote, span.quote {
	color: #444;
	font-style: italic;
}

.editorNote { color: #000; }

.citation {
	color: #002d5b;
	font-size: 10px;
}

.illustrateLeft, .illustrateRight  {
	font-style: italic;
	font-size: 10px;
	color: #333;
	text-align: center;
	margin: 5px 20px 20px 20px;
}

.illustrateLeft sup, .illustrateRight sup {
	font-weight: bold;
}


.illustrateLeft {
	float: left;
	margin-left: 0px;
}

.illustrateRight {
	float: right;
	margin-right: 0px;
}

.illustrateLeft img, .illustrateRight img {	display: block; }

img.illustrateLeft { margin-top: 1.5em; }

img.illustrateRight { margin-top: 0.5em; }

.illustrateRight table {
	padding: 0px;
	border: 1px solid #000;
}

.illustrateRight td {
	white-space: nowrap;
	color: #000;
	font-size: 13px;
	font-weight: bold;
	font-style: normal;
	text-align: left;
	padding: 5px;
}

table.stats {
	border-collapse: collapse;
}

table.stats td {
	padding: 2px;
	border: 1px solid #444;
	text-align: right;
}

table.stats thead td {
	font-weight: bold;
	text-align: center;
}


table.variants {
	padding: 20px 0px 0px 0px;
	margin: 0px;
}

table.variants td {
	margin: 0px;
	margin-bottom: 20px;
	padding: 0px;
	padding-bottom: 1.5em;
	color: #000;
}

table.variants td.type {
	width: 120px;
	padding-right: 20px;
	font-weight: bold;
	text-align: right;
}

.leadin {
	color: #00478f;
	font-weight: bold;
}

.infoBox {
	text-align: left;
	border: 1px solid #000;
	background: #eee;
	padding: 10px;
}

.infoBox h2 {
	color: #00478f;
	text-align: center;
	padding-top: 0px;
	margin-top: 0px;
	font-style: normal;
}

.infoBox a {
	font-style: normal;
	display: block;
	margin-bottom: 1em;
}

.courtesy {
	font-style: italic;
	font-size: 10px;
	color: #333;
}

#careNavigation {
	font-weight: bold;
	width: 500px;
	margin: 30px auto 60px auto;
	clear: both;
}

#carePrev { float: left; }

#careNext { float: right; }

#careMenu {
	width: 560px;
	height: 210px;
	margin: 0px auto 20px auto;
}

#careMenu div {
	float: left;
	padding: 10px;
}

#careMenu a {
	display: block;
	margin-bottom: 0em;
	padding-left: 30px;
}

#careMenu a.main {
	font-weight: bold;
	margin-top: 1em;
	padding-left: 0px;
}

#careContent ul, care.ul {
	color: #003;
	line-height: 1.7em;
}

#careContent li { margin-bottom: 5px; }

div.notice {
	padding: 10px;
	border: 1px solid #333;
	background: #ffc8c0;
}

ol.standout {
	margin-top: 2em;
	margin-left: 2em;
	color: #003;
}

ol { padding-left: 2em; }
ol li { margin-bottom: 1em; }

#careContent ol { padding-left: 2em; }

#careContent ol li { margin-bottom: 1em; }

#careContent ol.inner {
	margin-bottom: 2em;
	list-style-type: lower-roman;
}

#careContent h1 {
	margin-top: 1em;
	margin-bottom: 1.5em;
}

#careNavigation .backToTop {
	text-align: center;
	width: 150px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}

.wen { clear: right; }

.new { clear: left; }

.block {
	padding-top: 10px;
	display: block;
	clear: both;
}

.block h3 { margin-top: 1.2em; }

.block h3.top {	margin-top: 5px; padding-top: 0px; }

p.importNote {
	color: #800;
	font-weight: normal;
}

p.important {
	text-align: center;
	font-size: 1.1em;
	color: #800;
	font-weight: bold;
}

p.note {
	margin-top: 2em;
	font-weight: bold;
}

.bspacer { margin-bottom: 2em; }

#eggs {
	text-align: center;
	width: 800px;
	margin: 2em auto 2em auto;
}

.eggs {
	text-align: center;
	float: left;
	font-style: italic;
	font-size: 10px;
	margin-right: 100px;
}

div.mutation .credit {
	font-size: 10px;
	text-align: center;
}

div.mutation table { width: 100%; }

div.mutation td { text-align: center; }

.menucontainer .heading {
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 1em;
}

.menucontainer { text-align: center; }
 
.menucontainer div {
	vertical-align: top;
    display: inline-block;
    margin: 0;
    padding: 0;
    text-align: left;
	margin: 1em 0 2em 0;
}

.menucontainer ul {
	vertical-align: top;
    display: inline-block;
    margin: 0;
	margin-right: 20px;
    padding: 0;
    text-align: left;
}
 
.menucontainer last.ul { margin-right: 0px; }

.menucontainer li { list-style-type: none; }

table#herbs  {
	background :#ddffdd;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 3em;
	width: 640px;
	border: 1px solid #333;
}

table#herbs td.latin {
	font-style: italic;
}

table#herbs td {
	padding: 2px;
	text-align: center;
}

table#herbs td.summary {
	padding-top: 0.5em;
	text-align: left;
}

table#herbs td.common,
table#herbs td.latin {
	text-align: left;
	white-space: nowrap;
}

span.safe { 
	font-weight: bold;
	color: #050;
}

span.tried {
	font-weight: bold;
	color: #005;
}

h2.subspecies {
	margin-bottom: 0em;
	padding-bottom: 0px;
}

.common {
	font-style: italic;
}

.speciesStart {
	margin-top: 0em;
	text-align: right;
	font-size: 15px;
	color: #000000;
	font-weight: bold;
}

.species {
	margin-top: 2em;
	text-align: right;
	font-size: 15px;
	color: #000000;
	font-weight: bold;
}

.variant {
	font-size: 18px;
	line-height: 1.3em;
	color: #00478f;
	text-decoration: none;
	font-weight: bold;
	font-style: italic;
}

.galleryPic {
	display: inline-block;
	margin: 5px;
	font-style: italic;
	font-size: 10px;
	text-align: center;
}

.imageCell {
	display: block;
	float: left;
	margin: 10px;
	font-style: italic;
	font-size: 10px;
	text-align: center;
}

.imageCell img, .galleryPic img {
	border: 1px solid #333;
}

#immacEnd {
	clear: left;
}

#shellMeasuring {
	border-collapse: collapse;
	background: #eee;
	border: 1px solid #999;
}

#shellMeasuring tr.head td {
	text-align: center;
	font-weight: bold;
}

#shellMeasuring td {
	padding: 3px 10px 3px 10px;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	text-align: right;
}

#speciesTraderLinkBox a, #speciesTraderLinkBoxThin a {
	color: #fff;
}

#speciesTraderLinkBox, #speciesTraderLinkBoxThin {
	cursor: pointer;
	cursor: hand;
	text-align: center;
	background-color: #214862;
	color: #fff;
	line-height: 1.8em;
	font-family: verdana, tahoma, arial;
	font-style: normal;
	font-size: 14px;
	border: 1px solid #000;
	padding: 20px 10px 20px 10px;
	font-weight: bold;
}

#speciesTraderLinkBoxThin {
	padding: 5px 10px 5px 10px;
}

#speciesTraderLinkBoxThin:hover, #speciesTraderLinkBox:hover {
	background: #337098;
}

.avoidRightCol { margin-right: 220px; }

.buy { text-decoration: none; }

.marg {
	margin-top: 0px;
	padding-top: 0px;
	width: 200px;
}

.marg p { margin-bottom: 2em; }

ol.idPoints {
	margin-top: 2em;
	margin-left: 350px;
}

ol.idPoints li {
	color: #000;
	font-weight: bold;
}

.idDiag {
	text-align: center;	
	margin-left: auto;
	margin-right: auto;
}

.idDiag .img {
	margin-left: 50px;
}

.idDiag div {
	float: left;
	margin-left: 50px;
}

.idDiag div.first {
	margin-left: 0px;
}

table.taxonomy {
	padding: 5px;
	border: 1px solid #555;
}

table.taxonomy td {
	text-align: left;
	padding: 5px;
}

table.taxonomy thead td {
	font-weight: bold;
}

#faqNav a {
	margin-left: 4em;
	display: block;
}

#faqNav h2 {
	color: #002d5b;
	margin-top: 2em;
	margin-bottom: 1em;
}

#faqMain h3 {
	margin-top: 2em;
}

.hemp thead td {
	text-align: center;
	font-weight: bold;
}

.hemp td.figures {
	font-style: italic;
	padding-left: 2em;
	padding-right: 5em;
}

.library {
	vertical-align: top;
	display: block;
	margin-bottom: 0.5em;
}

.library h3 {
	margin-top: 0px;
}

.library .type {
	vertical-align: top;
	display: inline-block;
	margin-right: 1em;
	text-align: right;
	width: 200px;
}

.library .list {
	vertical-align: top;
	display: inline-block;
}

.documents div.caption {
	color: #333;
	font-weight: bold;
	width: 30%;
	display: inline-block;
	padding-right: 1em;
	text-align: left;
	margin-bottom: 1em;
}

.documents div.description {
	width: 65%;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 1em;
	font-style: italic;
	text-align: left;
}

table.calcium {
	padding: 3px 0px;
}

table.calcium tbody td {
	padding-right: 2em;
}

table.calcium thead td {
	font-weight: bold;
	padding-right: 2em;
}

#snailcalc .choice span {
	display: inline-block;
	width: 100px;
}

#snailcalc .choice .center {
	margin-top: 1em;
	width: 300px;
	margin-left: auto;
	margin-right: auto;
}

#snailcalc .choice h3 {
	margin-top: 0px;
	text-align: center;
	margin-bottom: 2em;
}

#snailcalc .choice {
	background: #d6eded;
	text-align: left;
	vertical-align: top;
	display: inline-block;
	padding: 2em;
	border: 2px solid #90b5b5;
	width: 40%;
	height: 290px;
}

#snailcalc .blockcenter {
	margin-top: 2em;
	display: block;
	clear: both;
	width: 500px;
}

#snailcalc .choice label {
	vertical-align: middle;
}

#snailcalc description.div {
	vertical-align: middle;
}


#snailcalc input.check-input {
   vertical-align: middle;
}

#snailcalc div.results {
	background: #dfd;
	color: #060;
	padding: 1em;
	width: 85%;
	border: 1px solid #090;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2em;
	text-align: left;
}

#snailcalc div.results h3 {
	color: #000;
	margin-top: 0px;
	margin-bottom: 1em;
}

p.warnBold {
	font-weight: bold;
	color: #f00;
}

p.warn { color: #f00; }

p.warnSoft { color: #ff5a00; }

#snailcalc td {
	text-align: center;
}

#otherlink {
	padding: 10px;
	font-size: 10px;
	border: 1px dotted #999;
}

#otherlink table {
	width: 100%;
}

#otherlink td {
	color: #999;
	vertical-align: top;
}

#otherlink td.field {
	text-align: right;
	padding-right: 10px;
	font-weight: bold;
	width: 120px;
	font-weight: bold;
}

#otherlink a { color: #90a0a3; }

#addthis {
	position: absolute;
	top: 105px; left: 158px;
}

.ad-banner-horiz {
	width: 730px;
	margin: 0 auto 1em;
}