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

td, th {font-size: 130%}

/* 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: 5px; height:auto; background-color: white; overflow: auto; margin-top: 0;  text-align: center}
#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: 3px}
#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 {float:left; width:300px; height:30px; overflow: hidden;}

/* 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; height:auto !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   {padding: 4px; font-size: 16px}

/* 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:150px}
.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}