/* Generic */
body,div,p,h1,h2,h3,ul,ol,li,br {margin: 0;padding:0}
body {font-family: 'Lato',Verdana,sans-serif;font-size:60%; background-color: #FFF}
a {color: green}
#skip {display:none}

h1 {border-bottom: 4px solid #000}
h2 {border-bottom: 3px solid #666}
h3 {border-bottom: 2px solid #CCC}
h4 {border-bottom: 1px solid #DDD}

td, th {font-size: 130%}

#s2016 {
background-color:#ffeedd;
font-size: 150%;
}

/* HighLights */
.cool-highlight,.row-odd td {background-color:#ddeeff}
.warm-highlight,.row-even td {background-color:#ffeedd}
.green-hightlight {blackground-color:#CCFFCC}
.red-highlight {color:#FF0000}
.where-highlight {padding: 4px; font-size:150%;text-align:center}

/* 2015 Heading */
div#heading2015 {border-width: 0 1px 0 1px; border-style:solid; border-color:green; padding: 3px; height:100px; background: url("/images/new-cute-2015.gif") no-repeat scroll 200px top #fff; overflow: hidden;}
#heading2015 p {padding: 0;}
#heading2015 p.brand {margin: 0 0 0 5px} 
#heading2015 p.slogan {margin: 0 0 0 9px; width: 60%; background:#FFF; } 
#heading2015 p a {text-decoration: none; text-shadow: 1px 1px 1px #ccc; color: green; font-size: 300%; padding: 0}

/* Global Nav */
div#newest-menu {border-width: 1px 1px 0 1px; border-style:solid; border-color:green; padding: 4px; height:auto; background-color: rgb(230,255,230); overflow: auto; margin-top: 0;  text-align: center; text-transform:uppercase}

#newest-menu li {display: inline-block; text-align:center; margin: 0 4px; font-size: 150%; line-height: 150%; background-color: rgb(230,255,230);  padding: 4px 0 4px 0}

#newest-menu li:hover {background-color: rgb(255,255,230)}

div#species-menu {border-width: 1px 1px 0 1px; border-style:solid; border-color:green; padding: 5px; height:auto; background-color: white; overflow: auto; margin-top: 0; text-align:center}
#species-menu li {display: inline-block; text-align:center; margin: 0 4px; font-size:150%; line-height: 150%; background-color: rgb(230,255,230);  padding: 3px}
#species-menu li:hover {background-color: rgb(255,255,230)}

/* Search Box & Social */
form#cse-search-box { margin: 4px 0 4px 9px}
#cse-search-box input.input-text { border: 1px solid #000; height:20px; width: 150px}
div.sharethispage {}

/* Content */
#content, #content-home {background-color: #FFF; border-top: 1px solid green;}
#content p, #content-home p, small {padding: .4em; font-size: 2em}
#content-home ul, #content ul {padding: 0 0 0 3em}
#content-home ol, #content ol {padding: 0 0 0 4em}
#content-home li, #content li {margin-left: 0.2em; padding: .4em .4em .4em 0; font-size: 1.9em}
#content #books li {font-size: 1em;}
#content #books ul {padding:0 0 0 20px}
#speciesform label, #speciesform select, #speciesform input{font-size: 2em}
#content li li {margin-left: 0.2em; padding: .4em .4em .4em .4em; font-size: .8em}
#content h1, #content-home h1 {padding: .4em; font-size: 2em}
#content h2, #content-home h2 {padding: .4em; font-size: 2em}
#content h3, #content-home h3 {padding: .4em; font-size: 2em}
#content h4, #content-home h4 {padding: .4em; font-size: 2em}
#content small, #content-home small {padding: .4em; font-size: 0.8em; display: block}
#content img, #content-home img {max-width:90% !important; height:auto !important; margin: 4px}
#content iframe, #content-home iframe {max-width:300px !important;  margin: 4px !important}
#content-home a, #content a {-ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto;} 

/* Footer */
p.footer, #footer p   {padding: 4px; font-size: 2em;text-align:center;}

/* Page Specific */
.where-content td, .where-content th {border: 1px solid #999999; margin:1px}
.where-content table {border-collapse:collapse;}
textarea.codegrabs {width:90%; height:60px; padding:4px; margin: 4px; }
/* td audio {width:50px} */
.big-screen {display:none !important}
div.species1 {width:290px;float:left; padding: 0 10px 0 10px}
div.species2 {width:290px;float:left; padding: 0 10px 0 10px}
div.species3 {width:290px;float:left; padding: 0 10px 0 10px}
#grid .species .species-name {text-align: center;background-color: #F8BB1B}

/* HighLights */
.cool-highlight {background-color:#ddeeff}
.warm-highlight {background-color:#ffeedd}
.green-hightlight {blackground-color:#CCFFCC}
.red-highlight {color:#FF0000}
.where-highlight {padding: 4px; font-size:150%;text-align:center}

/* Experimental */
#books tr {border-bottom: 1px solid #000; clear: both}
#books td, #books th {float:left;border: 0;padding: 2px 5px 2px 5px;border-bottom: 1px solid #EEE;width:97%}

.clear {clear: both}

#globallinks {text-align:center; background-color: rgb(255,230,230);}
#globallinks div {float:left; padding:5px; margin:5px; background-color: rgb(233,255,233); width: 100%}
#globallinks div p.big {font-size: 20px; font-weight:bold}

div#svgmap {
width:350px; height: 286px; margin: 0 auto; 
}

.link-report {background-color:rgb(211,243,255) !important}