/* ::::: http://animaldiversity.ummz.umich.edu/site/2.5.css ::::: */

body { margin: 0pt; background-color: rgb(255, 255, 255); color: rgb(59, 59, 59); font-family: verdana,arial,helvetica,geneva,sans-serif; font-size: 100%; width: 757px; }
a img { color: white; }
td { font-family: verdana,arial,helvetica,geneva,sans-serif; }
td.quickLinksTitle { white-space: nowrap; background-color: rgb(164, 216, 147); padding-bottom: 3px; padding-right: 0px; }
h1 { font-size: 130%; }
h2 { font-size: 115%; }
h3 { font-size: 110%; font-weight: bold; }
h4 { font-weight: bold; }
hr { border: medium none ; background-color: rgb(204, 204, 204); color: rgb(204, 204, 204); height: 1px; }
a.menu { font-family: verdana,arial,helvetica,geneva,sans-serif; color: rgb(255, 255, 255); margin-left: 2px; }
a:link { color: rgb(0, 5, 195); text-decoration: none; }
a:visited { color: rgb(0, 5, 195); text-decoration: none; }
a:hover { color: rgb(153, 48, 38); text-decoration: underline; }
a:active { color: rgb(153, 48, 38); text-decoration: underline; }
.content { margin-left: 10px; font-size: 85%; }
.taxonAccountLatinName { padding: 0.5em; font-size: 140%; font-weight: bold; font-style: italic; }
.taxonAccountCommonName { padding: 0.5em; font-size: 120%; }
.taxonAccountAuthor { padding: 0.5em; white-space: nowrap; font-size: 80%; }
.taxonAccountHeading { font-size: 120%; text-align: left; font-weight: bold; }
.dataElements { padding: 8px; font-size: 80%; white-space: normal; background-color: rgb(219, 219, 208); line-height: 17px; }
.utilityLinks { padding: 8px; font-size: 80%; white-space: nowrap; background-color: rgb(219, 219, 208); line-height: 20px; font-weight: normal; width: 200px; }
.keywordLabel { font-weight: bold; color: rgb(103, 101, 101); }
.keywords { font-size: 80%; color: rgb(103, 101, 101); }
.taxon_reference, .taxon-link { color: rgb(0, 114, 255); text-decoration: none; }
.cite { color: rgb(210, 38, 42); font-weight: bold; }
.white { color: white; }
.red { color: red; }
.ka a:hover { color: rgb(178, 142, 0); }
.ka { color: rgb(65, 183, 255); }
.SpacerClearBoth { margin: 0pt; padding: 0pt; clear: both; }
.xlarge { font-size: 120%; }
.large { font-size: 110%; }
.small { font-size: 90%; }
.xsmall { font-size: 80%; }
.center { text-align: center; }
.lineSpace { line-height: 18px; }
.lineSpaceHm { margin: 0pt 10px 0pt 0pt; padding: 0pt; line-height: 18px; }
#footer { font-size: 0.7em; line-height: 18px; }
#layer1, #layer2, #layer3, #layer4, #layer5 { border: 1px solid rgb(24, 121, 164); background-color: rgb(255, 255, 255); top: 133px; position: absolute; z-index: 90; visibility: hidden; text-align: left; font-weight: normal; font-size: 73%; white-space: nowrap; font-family: verdana,arial,helvetica,geneva,sans-serif; line-height: 20px; }
#layer1 { width: 160px; left: 7px; }
#layer2 { width: 115px; left: 91px; }
#layer3 { width: 217px; left: 205px; }
#layer4 { width: 370px; left: 285px; }
#layer5 { width: 115px; left: 442px; }
div.navbar a:link { display: block; color: rgb(0, 5, 195); text-decoration: none; }
div.navbar a:visited { display: block; color: rgb(0, 5, 195); text-decoration: none; }
div.navbar a:hover { background: rgb(242, 242, 230) none repeat; display: block; color: rgb(153, 48, 38); text-decoration: none; }
div.navbar a:active { background: rgb(242, 242, 230) none repeat; display: block; color: rgb(153, 48, 38); text-decoration: none; }
#tabnav { margin: 0pt; background: transparent url('tabunderline.gif') repeat-x scroll center bottom; width: 757px; height: 20px; padding-left: 5px; }
#tabnav ul, #tabnav li { margin: 0pt; padding: 0pt; display: inline; list-style-type: none; }
#tabnav a:link, #tabnav a:visited { border: 1px solid rgb(23, 116, 158); padding: 2px 10px; background: rgb(179, 210, 229) none repeat; float: left; font-size: 12px; line-height: 14px; font-weight: normal; margin-right: 10px; -moz-border-radius-topleft: 9px; -moz-border-radius-topright: 9px; text-decoration: none; color: rgb(59, 59, 59); }
#tabnav a.active:link, #tabnav a.active:visited { border-bottom: 1px solid rgb(255, 255, 255); background: rgb(255, 255, 255) none repeat; color: rgb(59, 59, 59); }
#tabnav a:hover { background: rgb(255, 255, 255) none repeat; }
#taxonBox { border: 1px solid rgb(204, 204, 204); padding: 4px; float: right; width: 175px; font-size: 80%; background-color: rgb(219, 219, 208); margin-left: 2em; margin-bottom: 2em; }
#taxonBox div { text-indent: -10px; margin-left: 10px; line-height: 150%; }
#taxonBox ul { margin-left: -4em; }
#taxonBox li { margin: 0pt; padding: 0pt; list-style-type: none; }
#breadcrumb { font-size: 9pt; }
#breadcrumb a, a:visited { color: rgb(0, 5, 195); text-decoration: none; }
.key-value, .bullet-list { font-size: 90%; }
.paragraph-text { text-align: justify; margin-left: 15px; }
.keywords-list { font-size: 90%; color: rgb(103, 101, 101); margin-left: 0px; }
div.informationBox { border: 1px solid rgb(182, 200, 168); padding: 4px; background-color: rgb(204, 224, 188); margin-left: 2em; margin-bottom: 2em; width: 150px; float: right; }
.header h1 { font-size: 150%; }
div.listingBar { border: 1px solid rgb(204, 204, 204); margin: 1em 0em; padding: 0em 1em; text-align: center; text-transform: lowercase; font-size: 80%; clear: both; vertical-align: top; }
div.listingBar a { text-decoration: none; }
div.listingBar span.previous { text-align: left; float: left; white-space: nowrap; }
div.listingBar span.next { text-align: right; float: right; white-space: nowrap; }
div listingbar img { vertical-align: middle; }
.resource { border: 1px double rgb(204, 204, 204); padding: 4px; }
.message { border: 1px dotted red; padding: 10px; margin-bottom: 10px; }
span.taxon_link_sp { border-bottom: 1px dotted rgb(102, 102, 102); font-style: italic; }
span.taxon_link { border-bottom: 1px dotted rgb(102, 102, 102); }
a.taxon_reference { border-bottom: 1px dotted rgb(102, 102, 102); text-decoration: none; }
a.taxon_link_sp { border-bottom: 1px dotted rgb(102, 102, 102); font-style: italic; text-decoration: none; }
a.taxon_link { border-bottom: 1px dotted rgb(102, 102, 102); text-decoration: none; }
a.taxon_reference { border-bottom: 1px dotted rgb(102, 102, 102); text-decoration: none; }
a.glossary:link { color: rgb(103, 101, 101); text-decoration: none; }
a.glossary:visited { color: rgb(103, 101, 101); text-decoration: none; }
a.glossary:active { color: rgb(0, 114, 255); text-decoration: underline; }
a.glossary:hover { color: rgb(153, 48, 38); text-decoration: underline; }
a.button { border-style: solid; border-color: rgb(170, 170, 170) rgb(51, 51, 51) rgb(51, 51, 51) rgb(170, 170, 170); border-width: 1px; margin: 5px; padding: 5px; background: white none repeat; color: Black; cursor: pointer; font-weight: normal; }
p.survey { margin: 0pt 0pt 15px; padding: 0pt 0pt 5px; font-size: 0.7em; text-align: left; }
p.survey a { color: rgb(179, 27, 27); }
td p#surveyHmLink { margin: 0pt 0pt 10px; padding: 20px 0pt 0pt; font-size: 0.8em; }
td p#surveyHmLink a { color: rgb(179, 27, 27); }
td p.is { margin: 0pt; padding: 0pt; font-size: 0.7em; line-height: 15px; color: rgb(153, 153, 153); }
td p.isFooter { margin: 0pt; padding: 0pt 0pt 0pt 10px; font-size: 0.8em; line-height: 15px; color: rgb(153, 153, 153); }
td form { margin: 0pt; padding: 0pt 0pt 2px; }
.info { border: 0px dotted red; padding: 10px 10px 10px 0px; margin-bottom: 10px; font-size: 120%; font-weight: bold; color: rgb(204, 102, 0); clear: both; }
#audio-warning { margin: 0pt auto; text-align: center; width: 75%; }
#audio-message { margin: 2px; padding: 2px; text-align: left; }
#audio-warning p { padding: 2px; text-align: left; }
.hidden { display: none; }
.visible { display: block; }