/* ##### Common Styles ##### */

body {
color: black;
background-color: rgb(243,242,235);
font-family: verdana, helvetica, arial, sans-serif;
font-size: 73%;  /* Enables font size scaling in MSIE */
margin: 0;
padding: 0;
}

html > body {
font-size: 9pt;
}

acronym, .titleTip {
border-bottom: 1px dotted rgb(168,140,83);
cursor: help;
margin: 0;
padding: 0;
}

.doNotDisplay {
display: none !important;
}

.smallCaps {
font-size: 117%;
font-variant: small-caps;
}

/* ##### Header ##### */

#header {
color: inherit;
background-color: white;
}

.headerTitle {
margin: 0;
}

.headerTitle a {
color: black;
background-color: transparent;
text-decoration: none;
font-size: 110%; 
font-weight: bold;
font-style: italic;
}

.headerTitle > a {
font-size: 138%;  /* For fully standards-compliant user agents */
}

.headerTitle span {
color: white;
background-color: transparent;
font-weight: normal;
}

.subHeader {
color: white;
background-color: black;
font-size: 109%;
text-align: center;
margin: 0;
padding: 0.5ex 0;
}

.subHeader a {
color: white;
background-color: black;
text-decoration: none;
font-weight: bold;
margin: 0;
padding: 0 1ex;
}

.subHeader a:hover {
color: black;
background-color: white;
}

/* ##### Left Side Bar ##### */

.leftSideBar {
width: 12.5em;
float: left;
clear: left;
}

.leftSideBar .sideBarTitle {
color: rgb(64,64,64);
background-color: rgb(230,223,207);
font-weight: bold;
margin: 0;
padding: 0.8ex 1ex;
}

.leftSideBar ul {
list-style-type: none;
list-style-position: outside;
margin: 0 0 1em 0;
padding: 0;
}

.leftSideBar li {
margin: 1ex;
padding: 0 0 1.25ex 0.75ex;
}

.leftSideBar a {
color: rgb(166,140,83);
background-color: transparent;
text-decoration: none;
}

.leftSideBar a:hover {
color: rgb(64,64,64);
background-color: transparent;
text-decoration: none;
}

.leftSideBar .sideBarText {
color: rgb(166,140,83);
background-color: transparent;
line-height: 1.25em;
margin: 1ex 0.25ex 1.5em 0.75ex;
padding: 0;
display: block;
}

.leftSideBar .sideBarText a {
text-decoration: underline;
}

.leftSideBar .sideBarText a:hover {
text-decoration: none;
}

.leftSideBar .thisPage {
color: rgb(64,64,64);
background-color: transparent;
font-weight: bold;
}

/* ##### Main Copy ##### */

#main-copy {
color: black;
background-color: white;
text-align: justify;
line-height: 1.5em;
margin: 0 0 0 12.5em;
#padding: 0.5ex 15em 1em 1em;
padding: 0.5ex 1em 1em 1em;
border-left: 1px dotted rgb(216,210,195);
}

#main-copy h1 {
color: rgb(166,140,83);
background-color: transparent;
font-family: arial, verdana, helvetica, sans-serif;
font-size: 24px;
font-weight: bold;
font-style: italic;
text-align: left;
margin: 2em 0 1em 0;
padding:  1em 0 0;
border-top: 1px solid rgb(216,210,195);
}

#main-copy h1 span
{
line-height: 35px;
position: relative;
left: 35px;
margin: 0;
padding:0;
}

#main-copy h1.first
{
margin-top: 0px;
border-top: 0px;
}

#main-copy h1 span
{
line-height: 35px;
position: relative;
left: 45px;
}

#main-copy h1 span.genus-species
{
position: relative;
left: 0;
}

#main-copy h2 {
color: rgb(166,140,83);
background-color: transparent;
font-family: arial, verdana, helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
font-style: italic;
text-align: left;
margin: 1em 0 0 0;
padding:  1em 0 0;
}

#main-copy a {
color: rgb(168,140,83);
background-color: transparent;
text-decoration: underline;
}

#main-copy a:hover {
text-decoration: none;
}

#main-copy p {
margin: 1em 0 1.5em 0;
padding: 0;
}

#main-copy h3 {
color: rgb(166,140,83);
background-color: transparent;
font-family: arial, verdana, helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
font-style: italic;
text-align: left;
margin: 0 0 10px 0;
padding:  0 0 0 0;
}

/* table of content */

#main-copy ul.tableofcontent {
background-color: #F3F2EB;
border: 1px solid #E6DFCF;
padding: 5px;
margin: 15px 0px 15px 0px;
}

#main-copy ul.tableofcontent li{
margin: 0 0 0 15px ;
padding: 0 0 0 0 ;
list-style-type: none;
list-style-position: inside;
}

/* section */

#main-copy .section {
border: 1px solid #E6DFCF;
margin: 20px 0 0 0;
padding: 0px 29px 5px 29px;
-moz-border-radius: 15px;
/*-moz-opacity: 0.90;*/
font-size: 11px;
}

#main-copy .section h2{
background-color: #E6DFCF;
color:#000000;
margin: 0px -30px 20px -30px;
padding: 5px 0 5px 0px;
font-size:175%;
border-bottom:1px dashed #E6DFCF;
border-left:1px dashed #E6DFCF;
border-right:1px dashed #E6DFCF;
display: block;
font-weight: normal;
-moz-border-radius: 15px;
}

#main-copy .section h2 span {
line-height: 35px;
position: relative;
left: 55px;
}

#main-copy .section#taxonomy h2 {
background-image: url(../media/book.png);
/*background-position: center left;*/
background-position: 10px 5px;
background-repeat: no-repeat;
}

#main-copy .section p {
margin: 0px;
}

/* sort */

#main-copy .section .sort {
margin: 0;
padding: 0;
}

/* taxalist */

#main-copy .section table.list {
border: 1px dotted #E6DFCF;
border-spacing: 0px;
padding: 0px;
width: 750px; 
border-collapse: collapse; 
margin: 0px 0 10px 0;
font-size:11px;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
/*-moz-opacity: 0.85;*/
}

#main-copy .section table.list  .number {
text-align: right;
}

#main-copy .section table.list th {
background-color: #E6DFCF;
font-weight: bold;
text-align: left;
}

#main-copy .section table.list td {
padding: 0 5px 0 5px;
}

#main-copy .section table.list tr.odd {
background-color: #F0EFE8;
}

#main-copy .section table.list tr.even {
background-color:#F8F7F1;
}

/* default */

#main-copy .section table.default {
width: 780px;
border: 1px solid rgb(216,210,195);	
background-color: rgb(243,242,235);
margin: 0 0 10px 0;
padding: 5px;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
/*-moz-opacity: 0.85;*/
}

#main-copy .section table.default caption {
font-weight: bold;
background-color: rgb(230,223,207);
margin: 0;
padding: 0;
font-size: 13px;
-moz-border-radius-topright: 10px;
-moz-border-radius-topleft: 10px;
}

#main-copy .section table.default th {
font-weight: bold;
text-align: left;
margin: 0;
padding: 0 10px 0 0;
}


/* determination */

#main-copy .section .determination {
border: 1px dashed rgb(200,193,177);
margin: 5px 0 35px 0;
padding: 10px;
}

#main-copy .section .determination h3{
margin: 0 0 10px 0;
padding:  0 0 0 0;
font-weight: bold;
font-size: 15px;
color: #000000;
text-align: left;
}

/* relevance */

#main-copy .section .score {
text-align: right;
padding: 0;
margin: 0 0 40px 0;
font-size: 10px;
}


/* subtable */

#main-copy .section table.subtable {
border-collapse: collapse;
border: 1px solid rgb(200,193,177);
/* 	background-color: rgb(243,242,235);*/
margin: 10px 0 10px 0;	
padding: 0px;
width: 640px;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px; 
}

#main-copy .section table.subtable caption {
font-weight: bold;
background-color: rgb(200,193,177);
margin: 10px 0 0 0;
padding: 0;
-moz-border-radius-topright: 10px;
-moz-border-radius-topleft: 10px;
}

#main-copy .section table.subtable th {
background-color: rgb(240,233,217);
font-weight: bold;
text-align: center;
margin: 0;
padding: 5px;
border-left: 1px solid rgb(216,210,195);	
}

#main-copy .section table.subtable td {
border-left: 1px solid rgb(216,210,195);	
padding: 5px;
}

#main-copy .section table.subtable tr {
margin: 0px;
padding: 0px;
}

#main-copy .section table.subtable tr.odd {
background-color: rgb(230,223,207);
}

#main-copy .section table.subtable tr.even {
background-color: rgb(240,233,217);
}

/* tables */

#main-copy #determinations table {
width:550px;
}

#main-copy #determinations table th {
width:170px;
}

#main-copy div.gallery {
margin: 0;
margin-top: 10px;
padding:0;
}

#main-copy div.gallery .thumbnail {
border: 1px solid #000;
background-color: #ddd;
width: 130px;
height: 130px;
padding: 10px;
float: left;
margin-right: 5px;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 5px;
text-align: center;
-moz-border-radius: 10px;
}

#main-copy div.gallery .thumbnail h3 {
font-weight: bold;
text-align: center;
font-size: 12px;
}

#main-copy div.gallery .thumbnail img {
border: 1px solid #000;
height: 120px;
-moz-opacity: 0.75;
}

#main-copy div.gallery .thumbnail img:hover {
-moz-opacity: 1.0; 
}

#main-copy div.gallery .thumbnail p {
text-align: left;
font-size: 11px;
margin: 0;
padding: 0;
}

#main-copy div.gallery .thumbnail dl {
margin: 5px 0 0 0;
padding: 0;
font-size: 11px;
}

#main-copy div.gallery .thumbnail dt {
margin: 0;
padding: 0;
float: left;
font-weight: bold;
}

#main-copy div.gallery .thumbnail dd {
margin: 0;
padding: 0;
text-align: right;
}

#main-copy div.gallery .thumbnail .copyright {
margin: 5px 0 0 0;
text-align: right;
font-size: 10px;
}

/* text */

#main-copy dl.text {
margin: 0px 0 10px 0;
padding: 0;
}

#main-copy dl.text dt {
margin: 0;
padding: 0;
font-weight: bold;
font-size: 15px;
}

#main-copy dl.text dd {
margin: 0;
padding: 0;
text-align: justify;
}


/* selector */

#main-copy ul.selector {
margin: 0 0 3px 0;
padding: 0;
}

#main-copy ul.selector li {
display: inline;
}

#main-copy ul.selector li.selected {
font-weight: bold;
}

/* Pager */

#main-copy ul.pager {
margin-top: 10;
margin-bottom: 10;
margin-left: 0;
margin-right: 0;
padding: 0;
}

#main-copy ul.pager li {
display: inline;
}

#main-copy ul.pager li.selected {
font-weight: bold;
}

/* picture */

#main-copy .picture {
text-align: center;
margin:0;
padding:0;
}

#main-copy .picture .caption{
margin:0;
padding:0;
}

#main-copy .picture .enlarge{
margin:0;
padding:0;
font-style: italic;
}

/* ##### Footer ##### */

#footer {
color: black;
background-color: rgb(230,223,207);
font-size: 92%;
text-align: center;
line-height: 1.25em;
margin: 0;
padding: 1em 4mm 1em 4mm;
clear: both;
}

#footer div {
margin: 0;
padding: 0 0 1ex 0;
}

#footer a {
color: black;
background-color: transparent;
text-decoration: underline;
font-weight: bold;
}

#footer a:hover {
text-decoration: none;
}

/* customs styles */

input.default {
margin: 0;
padding: 0 2px 0 2px;
font-size:11px;
height: 20px;
background-color: #F3F2EB;
border: 1px solid #C8C1B1;
cursor:pointer;
}

input.radio {
margin: 0;
padding: 0;
font-size:11px;
cursor:pointer;
background : transparent;
border: none;
color: #000;
}

imput.image {
border:none;
}

select.default {
margin: 0;
padding: 0px;
font-size:11px;
height: 18px;
background-color: #F3F2EB;
border: 1px solid #C8C1B1;
}

input.default:hover{
background-color: #E6DFCF;
}

.latin {
font-style: italic;
}

.strong {
font-weight: bold;
}

span.genus-species 
{
font-style: italic;
left:0;
}

span.ref_title
{
font-style: italic;
}

img {
border: 0;
}

.backtotop {
text-align:right;
}

hr {
visibility: hidden;
clear: both;
margin: 0;
padding:0;
}

.highlight {
background-color: #B2B2B0;
}