/* BASE ELEMENTS ########################################################## */

body {
	background-color: #ffffff;
	color: #3B3B3B;
	font-family: verdana, arial, helvetica, geneva, sans-serif;
	font-size: 100%;
	margin: 0;
	width: 757px;
}

a img {color: white} /* The only way to hide the border in NS 4.x */

td {
	font-family: verdana,arial,helvetica,geneva,sans-serif;
}

td.quickLinksTitle {
    white-space: nowrap;
    background-color: #A4D893;
    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 {
	background-color: #cccccc;
	color: #cccccc;
	height: 1px;
    border: none;
}

/* REGULAR CLASSES ########################################################## */
a.menu {
	font-family: verdana,arial,helvetica,geneva,sans-serif;
	color: #ffffff;
	margin-left: 2px;
}

/*  PSEUDO CLASSES ########################################################## */

a:link {
	color: #0005C3;
	text-decoration: none;
}

a:visited {
	color: #0005C3;
	text-decoration: none;
}

a:hover {
	color: #993026;
	text-decoration: underline;
}

a:active {
	color: #993026;
	text-decoration: underline;
}

/* CLASSES  ########################################################## */

.content {
	margin-left: 10px;
	font-size: 85%;
}

.taxonAccountLatinName {
	font-size: 140%;
 	font-weight: bold;
	font-style: italic;
	padding: .5em;
}

.taxonAccountCommonName {
	font-size: 120%;
	padding: .5em;
}

.taxonAccountAuthor {
	padding: .5em;
	white-space: nowrap;
	font-size: 80%;
}

.taxonAccountHeading {
	font-size: 120%;
	text-align: left;
	font-weight: bold;
}

.dataElements {
	font-size: 80%;
	white-space: normal;
	background-color: #DBDBD0;
	line-height: 17px;
	padding: 8px;
}

.utilityLinks {
	font-size: 80%;
	white-space: nowrap;
	/*background-color: #A4D893;*/
	background-color: #DBDBD0;
	line-height: 20px;
	font-weight: normal;
	padding: 8px;
	width: 200px;
}

.keywordLabel {
	font-weight: bold;
	color: #676565;
}

.keywords {
	font-size: 80%;
	color: #676565;
}

.taxon_reference, .taxon-link {
	color: #0072FF;
	text-decoration: none;
}

.cite {
	color: #D2262A;
	font-weight: bold;
}

.white {color: white;}

.red {color: red;}

.ka a:hover {color: #B28E00;}

.ka {color: #41B7FF;}

.SpacerClearBoth {
	margin: 0;
	padding: 0;
	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 {line-height: 18px; margin: 0 10px 0 0; padding: 0;}

#footer {
	font-size: 0.7em;
	line-height: 18px;
}

/* nav menus ########################################################## */

#layer1, #layer2, #layer3, #layer4, #layer5 {
   background-color: #ffffff; 
   layer-background-color: #ffffff;
   border: 1px solid #1879A4;
   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;
}

/* NAV MENUS ########################### */

div.navbar a:link {
	display: block;
	color: #0005C3;
	text-decoration: none;
}

div.navbar a:visited {
	display: block;
	color: #0005C3;
	text-decoration: none;
}

div.navbar a:hover {
	display: block;
	background: #F2F2E6;
	color: #993026;
	text-decoration: none;
}

div.navbar a:active {
	display: block;
	background: #F2F2E6;
	color: #993026;
	text-decoration: none;
}

/* TABS ################################ */

#tabnav {	
	width: 757px;
	height: 20px;
	margin: 0;
	padding-left: 5px;
	background: url(img/tabUnderline.gif) repeat-x bottom;
}

#tabnav ul, #tabnav li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
}
	
#tabnav a:link, #tabnav a:visited {
	float: left;
	background: #B3D2E5;
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
	margin-right: 10px;
	padding: 2px 10px 2px 10px;
	border: 1px solid #17749E;
	-moz-border-radius-topleft: 9px;
	-moz-border-radius-topright: 9px;
	text-decoration: none;
	color: #3B3B3B;
}

#tabnav a:link.active, #tabnav a:visited.active {
	border-bottom: 1px solid #ffffff;
	background: #ffffff;
	color: #3B3B3B;
}

#tabnav a:hover {
    background: #ffffff;
}

/* taxon box */

#taxonBox {
    float: right;
    width:175px;
    font-size: 80%;
    background-color: #DBDBD0;
    /* line-height: 12px; */
    padding: 4px;
    /* border: 1px solid black; */
    border: 1px solid #cccccc;
    margin-left: 2em;
    margin-bottom: 2em;
    /* text-indent: -1em; */
}

#taxonBox div {
    text-indent: -10px;
    margin-left: 10px;
    line-height: 150%;
}

#taxonBox ul {
    margin-left: -4em;
}

#taxonBox li {
	margin: 0; 
	padding: 0;
	list-style-type: none;
}

/* breadcrumb trail */
#breadcrumb {
    font-size: 9pt;
}

#breadcrumb a, a:visited {
	color: #0005C3;
	text-decoration: none;
}

.key-value, .bullet-list {
    font-size: 90%;
}

.paragraph-text {
    text-align: justify;
    margin-left: 15px;
}

.keywords-list {
    font-size: 90%;
    /* color: #666666; */
    color: #676565;
    margin-left: 0px;
}

div.informationBox {
    background-color: #CCE0BC;
    border: 1px solid #B6C8A8;
    margin-left: 2em;
    margin-bottom: 2em;
    padding: 4px;
    width: 150px;
    float: right;
}

.header h1 {
    font-size: 150%;
}

/* for navigation */
div.listingBar {
    border-color: #cccccc;
    border-style: solid;
    border-width: 1px;
    padding: 0em 1em;
    text-align: center;
    text-transform: lowercase;
    font-size: 80%;
    clear:both;
    vertical-align: top;
    margin: 1em 0em;
}
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 #cccccc;
    padding: 4px;
}

.message {
border: 1px dotted red; padding: 10px; margin-bottom: 10px;
}

span.taxon_link_sp {
    font-style: italic;
    border-bottom: 1px dotted #666;
}

span.taxon_link {
    border-bottom: 1px dotted #666;
}

a.taxon_reference {
    border-bottom: 1px dotted #666;
    text-decoration: none;    
}

a.taxon_link_sp {
    font-style: italic;
    border-bottom: 1px dotted #666;
    text-decoration: none;    
}

a.taxon_link {
    border-bottom: 1px dotted #666;
    text-decoration: none;    
}

a.taxon_reference {
    border-bottom: 1px dotted #666;
    text-decoration: none;    
}

a.glossary:link {color:#676565; text-decoration: none;}
a.glossary:visited {color:#676565; text-decoration: none;}
a.glossary:active {color:#0072FF;; text-decoration: underline;}
a.glossary:hover {color:#993026;;; text-decoration: underline;}

a.button {
    background: white;
    color: Black;
    cursor: pointer;
    font-weight: normal;
    padding: 5px;
    margin: 5px;

    border-left: 1px solid #aaaaaa;
    border-top: 1px solid #aaaaaa;
    border-right: 1px solid #333333;
    border-bottom: 1px solid #333333;
}

p.survey {
	margin: 0 0 15px;
	padding: 0 0 5px 0;
	font-size: 0.7em;
	text-align: left;
	}
	
p.survey a {color: #b31b1b;}


td p#surveyHmLink {
	margin: 0 0 10px;
	padding: 20px 0 0;
	font-size: 0.8em;
	}
	
td p#surveyHmLink a {color: #b31b1b;}

td p.is {
	margin: 0;
	padding: 0;
	font-size: 0.7em;
	line-height: 15px;
	color: #999;
	}
	
td p.isFooter {
	margin: 0;
	padding: 0 0 0 10px;
	font-size: 0.8em;
	line-height: 15px;
	color: #999;
	}
	
td form {margin: 0; padding: 0 0 2px;}

.info {
border: 0px dotted red; padding: 10px; margin-bottom: 10px; padding-left: 0px;
font-size: 120%; font-weight: bold; color: #CC6600;
clear:both;
}

#audio-warning {
    margin: 0 auto;
    text-align: center;
    width: 75%;
}

#audio-message {
    text-align: left;
    margin: 2px;
    margin-left: 2px;
    padding: 2px;
}

#audio-warning p {
    text-align: left;
    padding: 2px;
}

.hidden {
    display: none;
}

.visible {
display: block;
}