html { background: #e5e4e3 url(../images/bg.png) repeat-x; height: 100%; }

body {
  margin: 0;
  padding: 0;
  font-family: arial, sans-serif;
  font-size: 11px;
  height: 100%;
}

a {
  text-decoration: none;
  color: #545442;
}

a:hover {
  text-decoration: underline;
}
.desc { clear: both; margin: 1px 0 0; padding: 0; }
fieldset {
  margin: 0px;
  margin-top: 10px;
  padding: 0px;
}

h1#title {
  font-size: 24pt;
  margin: 0;
  border-bottom: 0px;
}

h1 {
  font-size: 14pt;
  margin: 0;
  
}

h2 {
  font-size: 12pt;
  margin: 1em 0 0 0;

}

h4 {
  margin: 0;
  font-size: 10pt;
}
h5 {
 font-size: 14pt; margin: 0 0 0; 

}

hr {
  clear: both;
  visibility: hidden;
  height: 1px;
  margin: -1px 0 0 0;
}

img { margin: 0; padding: 0; border: 0; }

label {
  display: block;
}

legend {
  font-weight: bold;
  margin-left: 10px;
}

p {
  margin: 5px 10px;
}

select {
  width: 100%;
}

th {
  text-align: left;
  border-bottom: 1px solid #000;
}

/* =The Line
-------------------------------------------------------------- */
#line { background-image: url(../images/line.gif); width: 100%; height: 7px; float: left; }

/* =Content2
-------------------------------------------------------------- */
.guide { position: absolute; right: 0; width: 152px; height: 38px; z-index: 54; clear: both; }
#pagetemp { background-color: #f7f7f7; width: 767px; margin-top: 0; margin-bottom: 15px; padding: 10px 10px 15px 15px; border: solid 1px #c6c6c6; }
#wrapper2 { background-color: #f1f1f1; margin-top: 0; margin-right: auto; margin-left: auto; padding-top: 15px; padding-bottom: 10px; }
#main2 { padding:0 0 15px; }
#content2 { width: 830px; margin-right: auto; margin-left: auto; }
#content2 h5{ font-size: large; float: left; margin: 3px 0 0; padding: 0; }
#content2 span a { margin-top: 5px; cursor: default; }
#section_recent { width: 830px; height: 320px; clear: left; margin-top: 3px; }
#recentcontent { width: 830px; height: 320px; clear: left; }
#enda { width: 576px; height: 256px; float: left; }
#adv { background-color: #bec; width: 250px; height: 250px; float: right; margin-top: 5px; }


#wrapper { width: 987px; margin-right: auto; margin-bottom: 0; margin-left: auto; padding-bottom: 0; }

#header { width: 987px; margin: 0 auto; height: 203px; padding: 0; background: url(../images/head.png); position: relative; float: left; }
#headerx { width: 987px; margin: 0 auto; padding: 0; position: relative; float: left; }

#header ul { padding: 0; list-style: none; font-size: 14px; margin: 175px 0 0 5px; }
form { width: 765px; }
#records {width: 675px;}
#header li { float: left; font-size: 14px; font-weight: bold; margin-right: 7px; }
#header a { display: block; line-height: 26px; padding: 0 8px 0 10px; color: #101010; font-size: 14px; font-family: Arial, sans-serif; font-weight: 100; }
#header a:hover { color: #f4f5ef; background: url(../images/navl.gif) no-repeat left top; text-decoration: none; margin-right: 0; padding: 0 0 0 10px; }
#header a:hover span { color: #ffffff; background: url(../images/navr.gif) no-repeat right top; padding: 5px 8px 13px 0; }
#header .current_page_item a { color: #f4f5ef; background: url(../images/navl.gif) no-repeat left top; margin-right: 0; padding: 0 0 0 10px; }
#header .current_page_item a span { color: #ffffff; background: url(../images/navr.gif) no-repeat right top; padding: 5px 8px 13px 0; }
#content { width: 987px; float: left; margin-top: 15px; margin-bottom: 15px; padding-top: 0; padding-bottom: 0; padding-left: 0; }

#map { margin-top: 5px; background: url(../images/mapboxmid.png); width: 792px; }

#map .top {
  padding-top: 10px;
  background: url(../images/mapboxtop.png) no-repeat;;
}

#map .bottom {
  padding: 0 16px 10px;
  background: url(../images/mapboxbot.png) no-repeat 0 bottom;  
}

#menu { width: 174px; float: right; margin-left: 5px; *margin-bottom: 30px; }


#menu .box {
  margin-top: 5px;
  background: url(../images/bg_menu_box2.png);
}

#menu .box .top {
  padding-top: 10px;
  background: url(../images/bg_menu_box_top2.png) no-repeat;;
}

#menu .box .bottom {
  padding: 0 16px 10px 16px;
  background: url(../images/bg_menu_box_bottom2.png) bottom no-repeat;  
}
#menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#menu ul li {
  background: url('../images/bullet_menu.png') no-repeat;
  padding: 0 0 3px 18px;
  font-size: 12px;
  line-height: 15px;
}

#menu ul li.blue {
  background: url('../images/bullet_menu_blue.png') no-repeat;
}

#menu ul li a {
  color: #000;
}

#menu ul li.blue a {
  color: #3e9fd9;
}

#menu form { width: 100%; margin: 0; padding: 0; }

#menu .input-text {
  border: 0px;
  width: 128px;
  height: 17px;
  font-size: 12px;
  padding: 3px 5px;
  background: transparent url('../images/bg_input_text.png') no-repeat;
  color: #fff
}

#menu .input-submit {
  width: 45px;
  height: 20px;
  border: 0;
  padding: 0;
  margin: 2px 0;
  background: url('../images/btn_login.png') no-repeat;
}
#menu .input-submit2 {
  width: 45px;
  height: 20px;
  border: 0;
  padding: 0;
  margin: 2px 0;
  background: url('../images/btn_search.png') no-repeat;
}

#footer {
  width:100%;
  height: 25px;
  padding: 30px 0;
  text-align: center;
  background: #1e2225;
  color: #fff;
}

#footer a {
  color: #fff;
  text-decoration: none;
}

.note { font-size: 0.9em; margin-top: 5px; margin-bottom: 5px; }

.note2 { font-size: 0.9em; margin-top: 5px; margin-bottom: 5px; }
.note2 a { color: #f48c20; font-style: normal; text-decoration: underline; }

.right { float: right; margin-right: 5px; }

.clear { clear: both; }

.center {
  text-align: center;
}

.input-text {
  width: 100%;
}

.specieslist {
  width: 100%;
  margin-bottom: 30px;
}

.specieslist td {
  width: 40%;
}

td.himap { font-size: 10px; padding-left: 0; }
tr.subspecies td.himap { padding-left: 20px; }
tr.genus {
  font-weight: bold;
}

tr.species td { padding-left: 20px; border-bottom: 1px dotted #eaeaea; }

tr.subspecies { font-size: 0.85em; }

tr.subspecies td { padding-left: 40px; border-bottom: 1px dotted #eaeaea; }

td.latin {
  font-style: italic;
}
.record td.thumb { background: #000; width: 128px; height: 96px; float: left; margin: 0; padding: 0; border: solid 1px black; }
 .record td.thumb a { margin: 0; padding: 0; }
.record td.summary { font-size: 8pt; vertical-align: top; width: 130px; float: left; margin: 0; padding: 0 0 0 5px; }
.record td.summary a{ color: #3f9fdb; font-size: 9pt; padding-right: 2px; }
.bold {
  font-weight: bold;
}

.red {
  color: #ff0000;
}

.green {
  color: #00ff00;
}

#infobox { color: #2d2d2d; position: absolute; }

#infobox div {
  margin: 5px;
  padding: 5px;
  border: 1px solid black;
  background: #ffffaa;
}

#infobox h1 {
  font-size: 10pt;
  margin-bottom: 5px;
}

.message {
  color: blue;
  font-weight: bold;
  text-align: center;
}

.error {
  color: red;
  font-weight: bold;
  text-align: center;
}

.question {
  display: block;
  font-weight: bold;
  margin-top: 20px;
}

.answer {
  padding: 0 15px;
}

/* Image listings */
div.gallery {
  text-align: center;
}

div.gallery div {
  display: inline;
}

div.gallery div span {
  display: table-cell;
  display: inline-block;
  width: 128px;
  padding: 5px 5px 1em 5px;
}
#contrib { font-size: small; }

#contrib h1{ color: #8a8f9d; font-size: small; font-weight: bold; margin-top: 15px; margin-bottom: 3px; list-style-type: none; }
#contrib li { margin-bottom: 5px; list-style: inside; }


#recordbox { font-size: medium; font-weight: bold; background-image: url(../images/totalbox.png); background-repeat: no-repeat; width: 601px; height: 101px; margin-top: 25px; }
#recordbox .r1 { float: left; margin-top: 57px; margin-left: 65px; }
#recordbox .r2 { float: left; margin-top: 57px; margin-left: 190px; }
#recordbox .r3 { float: left; margin-top: 57px; margin-left: 195px; }
element { }
.form {}
.locations ul { float: left; margin-right: 0; margin-left: 5px; padding-right: 0; padding-left: 0; list-style-type: none; }
.locations li { font-size: 15px; line-height: 18px; background-color: #fff; }
.locations li a{ color: #0d0d0d; line-height: 18px; background-color: #fff; width: 100%; float: left; clear: both; margin-bottom: 5px; padding: 5px 10px; border: solid 1px #ededed; }

.locations li a:hover{ color: #fff; background-color: #0d0d0d; text-decoration: none; }
/******* LOADING *******/  
#loading{ text-align: center; visibility: hidden; float: left; margin-left: 300px; }  
#loadingx{ text-align: center; position: absolute; left: 450px; bottom: -125px; z-index: 5; margin-left: 300px; }  

/******* /LOADING *******/