div.inputSearch {
 font-family: "Arial Rounded MT Bold", "Trebuchet MS", serif;
 font-size: 16px;
 line-height: 16px;
 color: #47A842;
 display: block;
 margin: 0 0 -1px 0;
/* border-top: 1px solid #FDB813; */
 border-bottom: 1px solid #FDB813;
 padding: 4px 20px 4px 20px;
 }


.newBack {
position:absolute;
top:0px;
left:0px;
width:1045px;
height:945px;
background: url(http://www.naturegrounds.org/images/corner-5.jpg) top left no-repeat;
z-index:2;
}

body {
 font-family: Verdana, sans-serif;
 font-size: 12px;
 line-height: 16px;
 }

body.Db {
 padding: 0 20px 20px 20px;
 }

.top-left,
.top-right,
.column-left,
.column-right {
 text-align: left;
 }

.top-left {
 text-align: left;
 background: transparent;
 width: 260px;
 padding: 10px 20px;
 height: 60px;

 left: 20px;
 top: 0;
 z-index: 5;
 display:none;
 }

.top-left-fix {
 background: transparent;
 width: 260px;
 padding: 0;
 position: absolute;
 left: 20px;
 top: 0;
 z-index: 5;
 }

.column-left {

 width: 228px;
 padding: 0;

 left: 20px;
 top: 170px;
 z-index: 5;
 }

.column-left-fix {

 width: 228px;
 padding: 0;
 position: absolute;
 left: 20px;
 top: 170px;
 z-index: 5;
 }

table.top-right {

 width: 560px;
 height: 30px;
 position: absolute;
 left: 270px;;
 top: 170px;
 z-index: 10;
 }

.column-right {

 width: 560px;
 position: absolute;
 left: 270px;
 top: 202px;
 z-index: 5;
 }
 
 
 .column-right-real {
	text-align: left;
	background: transparent;
	width: 200px;
	padding: 0;
	/* position: fixed; */
position: absolute;
	left: 0px;
	top: 0px;
	margin: 0;
	z-index: 5;
 }

.column-right-real-fix {
	text-align: left;
	background: transparent;
	width: 200px;
	padding: 0;
	position: absolute;
	left: 852px;
	top: 170px;
	margin: 0;
	z-index: 5;
 }

div.input {
 font-family: "Arial Rounded MT Bold", "Trebuchet MS", serif;
 font-size: 16px;
 line-height: 16px;
 color: #47A842;
 display: block;
 margin: 0 0 -1px 0;
 border-top: 1px solid #FDB813;
 border-bottom: 1px solid #FDB813;
 padding: 10px 20px 4px 20px;
 }

div.map {
 text-align: center;
 margin: 0 0 -1px 0;
 border-top: 1px solid #47A842;
 border-bottom: 1px solid #47A842;
 padding: 10px 20px 4px 20px;
 display: block;
 }

a {
 font-family: "Trebuchet MS", Techno, Charcoal, sans-serif;
 font-weight: bold;
 font-size: 13px;
 text-decoration: none;
 color: #005AAA;
 line-height: 16px;
 background: transparent;
 border-bottom: 2px solid #FDB813;
 }

a:hover {
 color: black;
 background: #FDB813;
 }

a.quiet,
a:hover.quiet {
 background: none;
 border: 0;
 }

img.arrow {
 position: relative;
 top: 2px;
 }

p {
 margin: 0 0 4px 0;
 padding: 0;
 }




/* RESULTS TABLE */

table.expanded {
 border-top: 1px solid #47A842;
 border-bottom: 1px solid #47A842;
 margin: 0 0 -1px 0;
 }

td.species {
 width: 240px;
 padding: 5px 20px;
 }

td.thumbs {
 width: 280px;
 padding: 5px 0;
 }

td.data-left {
 width: 240px;
 padding: 0 20px 8px 20px;
 }

td.data-right {
 width: 260px;
 padding: 0 20px 8px 0;
 }

td.results-number,
a.pages,
span.pages {
 font-family: "Arial Rounded MT Bold", "Trebuchet MS", serif;
 font-size: 18px;
 line-height: 20px;
 width: 240px;
 padding: 8px 20px 8px 20px;
 }

td.results-pages {
 width: 260px;
 padding: 8px 20px 8px 0;
 }

a.pages,
span.pages {
 font-weight: normal;
 width: default;
 padding: 1px 4px 1px 4px;
 margin: 0;
 border: solid 1px #FDB813;
 }

span.pages {
 color: #FDB813;
 }

a:hover.pages {
 background: #FDB813;
 }

img.thumb {
 margin: 0 8px 0 0;
 border: 0;
 }

.common-head,
.latin-head {
 font-family: "Arial Rounded MT Bold", "Trebuchet MS", serif;
 font-size: 18px;
 line-height: 20px;
 }

.common-head {
 font-style: normal;
 }

.latin-head {
 font-style: italic;
 }

.common-sub,
.latin-sub {
 font-family: Georgia, serif;
 font-weight: normal;
 font-size: 14px;
 line-height: 18px;
 }

.common-sub {
 font-style: normal;
 }

.latin-sub {
 font-style: italic;
 }

a.input {
 font-weight: normal;
 font-family: "Arial Rounded MT Bold", "Trebuchet MS", serif;
 font-size: 16px;
 line-height: 16px;
 color: #47A842;
 display: block;
 margin: 0 0 -1px 0;
 border-top: 1px solid #FDB813;
 border-bottom: 1px solid #FDB813;
 padding: 10px 20px 4px 20px;
 }

a:hover.input {
 color: black;
 }

div.sort,
div.shuffle {
 text-align: left;
 font-family: Verdana, sans-serif;
 font-size: 12px;
 line-height: 16px;
 color: black;
 display: block;
 margin: 0 0 -1px 0;
 border-top: 1px solid #47A842;

 padding: 8px 0 2px 0;
 width: 280px;
 }

div.shuffle {
 padding: 12px 20px 6px 20px;
 width: 220px;
 }

div.criteria {
 text-align: left;
 font-family: Verdana, sans-serif;
 font-size: 12px;
 line-height: 16px;
 color: #47A842;
 display: block;
 margin: 0 0 -1px 0;
 border-top: 1px solid #47A842;
 border-bottom: 1px solid #47A842;
 padding: 8px 20px 2px 20px;
 width: 520px;
 }

span.criterion {
 font-weight: bold;
 color: #005AAA;
 }












table.output {
 border-bottom: 1px solid #47A842;
 margin: 0 0 -1px 0;
 }

p.variable {
 margin: 0;
 padding: 0;
 }

span.variable {
 color: #47A842;
 }

td.info {
 text-align: left;
 width: 265px;
 padding: 0 10px 0 5px;
 }






a.collapsed,
a.collapsed-latin {
 font-family: "Arial Rounded MT Bold", "Trebuchet MS", serif;
 font-weight: normal;
 font-size: 16px;
 line-height: 18px;

 display: block;
 width: 520px;
 margin: 0 0 -1px 0;
 padding: 3px 20px;
 border-top: 1px solid #47A842;
 border-bottom: 1px solid #47A842;
 }

.collapsed-latin {
 font-style: italic;
 }










select.open,
select.shut,
select.sort,
input.search {
 font-family: "Trebuchet MS", Techno, Charcoal, sans-serif;
 font-weight: bold;
 font-size: 13px;
 line-height: 16px;
 background-color: #FDB813;
 color: #00325F;
 width: 210px;
 outline-width: 0;
 border: 1px solid #00325F;
 }

select.sort {
 background-color: #75BD71;
 width: 180px;
 }

input.search {
 background-color: #BADEB8;
 padding: 2px 7px;
 margin: 5px 0;
 width: 190px;
 }

input.radio {
 color: #00325F;
 background-color: #75BD71;
 border: 1px solid #00325F;
 }

.input-sub {
 font-family: Verdana, sans-serif;
 font-size: 12px;
 line-height: 16px;
 }

select.shut {
 background-color: #75BD71;
 color: #00325F;
 }

.hide { display: none; }
.show { display: block; }
.peek { display: inline; }



/* OLD */




p.resource {
 border-top: 2px white solid;
 border-bottom: 2px white solid;
 margin: 0 0 -2px 0;
 padding: 5px 0 5px 0;
 }

ul,
ol {
 margin: 0 0 16px 0;
 padding-left: 2em;
 }

ul {
 list-style-type: square;
 }

li {
 margin: 0 0 8px 0;
 }

hr {
 margin: 8px 0 16px 0;
 border: none;
 color: #FDB813;
 background: #FDB813;
 height: 2px;
 }

/* LINKS */

a.at {
 background: #FEEDC4;
 }

.nav {
 font-size: 14px;
 display: block;
 margin: 0 0 -1px 0;
 border-top: 1px solid #FDB813;
 border-bottom: 1px solid #FDB813;
 padding: 5px 10px;
 }

.q3 {
 font-family: Georgia, serif;
 font-size: 12px;
 font-weight: normal;
 width: 75%;
 }

.q2 {
 font-family: Futura, Arial, sans-serif;
 font-weight: normal;
 font-size: 10px;
 line-height: 13px;
 width: 55%;
 }

div.nav {
 font-family: Georgia, serif;
 color: #A1BF2F;
 }

div.q2 {
 font-family: Futura, Arial, sans-serif;
 font-size: 10px;
 line-height: 13px;
 }

/* HELLO GOODBYE */