body {
background-attachment:fixed; background-color: #eeffee;background-image:url('http://www.cicadamania.com/images/tibicenpeek4.png'); background-position:center; background-repeat:no-repeat; color:#000; font-family: Verdana, sans-serif; font-size: 80%; margin: 0; padding: 0;}
a {color:green}
a:active {color: #FF0000;}
a:hover {background-color:#FFFFD0;text-decoration: none;}
h1 {font-size: 15pt;margin: 3px;text-shadow: 1px 1px 1px #CCC;}
h2 {font-size: 13pt;margin: 3px;text-shadow: 1px 1px 1px #CCC;}
h3 {font-size: 11pt;margin: 3px;text-shadow: 1px 1px 1px #CCC;}
.genusspecies h3, .genusspecies h4 {font-style:italic;}
.genusspecies h3 span, .genusspecies h4 span {font-style:normal; color: #999}
ul {margin: 0;padding: 0;}

/* 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}


/* Float Utilities */
.clear {clear:both;height:1px;width:1px;margin:0;padding:0}
.float-right {float:right}
.float-left {float:left}

/* Wrapper */
#thewrapper {margin-left: auto;margin-right: auto;width: 980px;}

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

/* 2015 Menu */
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}
#newest-menu li {display: block; float: left; 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;}
#species-menu li {display: inline; 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)}

form#cse-search-box { margin: 4px 0 4px 14px}
#cse-search-box input.input-text { border: 1px solid #000; height:20px; width: 225px}
div.sharethispage {float:right; width:300px; height:30px; overflow: hidden;}


#content {border:0;margin: 0;padding: 0;}
#content-right ul { margin-left: 20px;}
#content-right{background-color:#FFF;border:1px solid #999;padding: 1em;}

/* Advertisement */
#aadd {padding-bottom: 10px;}
#aadd a img {border:1px solid red;}

/* Footer */
#footer {font-size:11px;height: auto;padding: 5px;text-align:center;width:auto;}

/* Image Share */
textarea.codegrabs {width:90%; height:60px; padding:4px; margin: 4px; }

/* FAQs */
.faqs p {font-size: 120%}
.faqs em {font-weight:bold}

/* Homepage */
div#content-home {background-color:#FFF;height:auto; border: 1px solid #CCC; font-size: 120%}
#content-home div#content-main { margin:5px  0 5px 5px; padding:5px; width: 564px; float:left;}
#content-home div#content-supp { margin:5px 5px 5px 0; padding:5px; width: 382px; float:left;}
#content-home .section {border: 1px solid #CCC; padding:5px; margin-bottom:10px;overflow:auto}
#content-home ul {margin-left: 20px}
#content-home p {margin: 4px 0 8px 0}
.figure {border:1px solid #CCC}
.figure p {padding: 0 8px}
.tymbal {width:260px; padding:2px}
.rostrum {width:207px; padding:2px; margin-right: 4px}
div.linkz {height:auto;}
.linkz ol {width:320px}

/* Table Replacements */
#iframe-box {border-color: #0c0;border-style: solid;border-width: 1px 1px 1px 1px;width: 120px;height: 250px;float: left;padding: 4px;}
#description-box {border-color: #0c0;border-style: solid;border-width: 1px 1px 1px 0px;width: 800px;height: 250px;float: left;padding: 4px;margin: 0 0 4px 0;}
.left-side {width:462px; float:left;background-color:rgb(245,255,245); padding:5px;}
.right-side {width:462px; float:left;background-color:rgb(255,255,245); padding:5px;}
.ichi-side {width:228px; float:left;background-color:rgb(245,255,245); padding:5px;}
.ni-side {width:228px; float:left;background-color:rgb(255,255,245); padding:5px;}
.san-side {width:228px; float:left;background-color:rgb(245,245,255); padding:5px;}
.shi-side {width:228px; float:left;background-color:rgb(245,255,245); padding:5px;}

.cube {
float:left;
width: 360px;
margin: 4px;
}

.cube2 {
float:left;
width: 200px;
margin: 4px;
}

.cube-before .cube, .cube-before .cube2 {
height: 280px;
}

.cube-emerge .cube, .cube-emerge .cube2 {
height: 420px;
}

/* cicada links page */
span.icon-audio {background-color: yellow; font-size: 9px}
span.icon-maps {background-color: #Fcc; font-size: 9px}
span.icon-photos {background-color: #cFc; font-size: 9px}
span.icon-illu {background-color: #FcF; font-size: 9px}

/* where */
.where-content {
background-color: #FFF;
background-image: url('/images/hi.gif');
background-repeat:no-repeat;
background-position:right top;
}
.where-content td, .where-content th {border: 1px solid #999999}
.where-content table {border-collapse:collapse;}
#grid  {width:auto; height:auto; }
#grid div div{ padding: 0 4px 0 4px;  border:1px solid #999}
#grid .species {width:306px; float:left ;height:auto;}
#grid .species .species-name {height:40px;}
#grid .species .species-name h3 {font-size:25px}
#grid .species .species-similar {height:320px;}
#grid .species .species-appearance {height:600px;}
#grid .species .species-features{height:300px;}
#grid .species .species-song {height:300px;}
#grid .species em {font-weight: bold}

/* Gallery */

div.species1 {width:290px;float:left; border-right:1px solid gray; padding: 0 10px 0 10px}
div.species2 {width:290px;float:left; border-right:1px solid gray; padding: 0 10px 0 10px}
div.species3 {width:290px;float:left; padding: 0 10px 0 10px}
#globallinks {text-align:center; height: 800px; width: 100%}
#globallinks div {float:left; padding:5px; margin:5px; background-color: rgb(233,255,233); width: 170px; height: 170px}
#globallinks div p.big {font-size: 20px; font-weight:bold}