body {
  background-color: #66ccff;
  color: navy;
  text-align: center;
}

p {
        font-family: Code2000, "TITUS Cyberbit Basic", "Doulos SIL",
            "Chrysanthi Unicode", "Bitstream Cyberbit",
            "Bitstream CyberBase", Thryomanes, Gentium, GentiumAlt,
            "Lucida Grande", "Arial Unicode MS", "Microsoft Sans Serif",
            "Lucida Sans Unicode";
        font-family /**/:inherit; /* resets fonts for everyone but IE6 */
}

div.content {
width: 800px;
background-color: #d8e6ed;
}

div.speciesdata {
width: 99%;
font-family: serif;
padding:5px;
color: navy;
background-color:#d8e6ed;
}

div.nav {
width: 800px;
font-size: medium; 
font-weight: bold; 
color: white; 
text-decoration: none;
background-color: #19809a;
}

Input {
  width: 300px;
}

Input.large {
  width: 450px;
}

Input.medium {
  width: 150px;
}

Input.small {
  width: 40px;
}

Select {
  width: 260;
  }
  
Select.helper {
  color: white;
  background-color: gray;
  }
  
h1 {
  margin-bottom: 0em;
}

h3.articleauthors {
  margin-bottom: 0em;
  text-align:left;
}

h4 {
  margin-top: 0em;
  margin-bottom: 0em;
  }
  
.delete{
font-size: small; 
font-weight: bold; 
color: red; 
text-decoration: none;
background-color: navy;
}

table.librarymain {
width: 800px;
padding: 5px;
}

table.footer {
width: 800px;
padding: 5px;
border: 0;
}

th {
background-color:navy;
color: white;
}

td {
vertical-align: top;
}

td.featured {
width: 400px;
text-align: center;
vertical-align: top;
}

td.footer {
background-color:#19809a;
}

td.insertTags {
vertical-align: middle;
text-align: center;
}

td.separator {
border: 0;
border-right: 2px solid navy;
}

.scientific {
font-style: italic;
}

p.description {
  text-align: justify;
  margin-top: 0em;
  margin-bottom: 1em;
}

p.data {
  text-align: justify;
  margin-top: 0em;
  margin-bottom: 1em;
}

p.content {
  text-align: justify;
  padding: 0;
  padding-left: 1em;
  padding-right: 1em;
}
p.caption {
  color: black;
  width: 300px;
  text-align: justify;
  text-size: small;
  padding: 0;
  padding-left: 1em;
  padding-right: 1em;
}
.photocredit {
  padding: 0em 0em 0em 1.5em;
}

span {
display:-moz-inline-block; 
display:-moz-inline-box; 
display: inline-block; 
width: 100%;
}

span.nav {
font-size: medium; 
font-weight: bold; 
color: white; 
text-decoration: none;
background-color: #19809a;
}

span.content {
background-color:#d8e6ed;
padding: 5px;
}



a {
text-decoration: none;
}

a.nav {
font-size: medium; 
font-weight: bold; 
color: white; 
text-decoration: none;
background-color: #19809a;
}

a.reviewlink {
font-size: medium; 
text-decoration: none;
}

ul.content {
  margin-top: 0em;
  margin-bottom: 1em;
  text-align:left;
}

img.banner {
text-align:center;
  padding:0em 0em 0em 0em;
  margin: 0 0 0 0;
}

img.animallibrary {
  float: right;
  clear: right;
  text-indent: 1em;
  padding: 0em 0em 0em 0em;
  border: 0px;
}
img.leftpicture {
  float: left;
  clear: left;
  text-indent: 1em;
  padding:1em 1em 1em 1em;
}

img.rightpicture {
  float: right;
  clear: right;
  text-indent: 1em;
  padding:1em 1em 1em 1em;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.invertedshiftdown{
margin: 0;
padding: 0;
width: 802px;
border-top: 5px solid #D10000; /*Red color theme*/
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.invertedshiftdown ul{
margin:0;
margin-top:0;
margin-left: 40px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
text-align: center;
}

.invertedshiftdown li{
text-align: center;
display: inline;
margin: 0 2px 0 0;
padding: 0;
}

.invertedshiftdown a{
float: left;
display: block;
font: bold 12px Arial;
color: black;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 2px 10px 5px 10px; /*Padding within each menu item*/
background:url('../gradient-background.gif') 90% 50% repeat-x gray;
/*background-color: #d8e6ed; Default menu color*/

/*BELOW 4 LINES add rounded bottom corners to each menu item.
  ONLY WORKS IN FIREFOX AND FUTURE CSS3 CAPABLE BROWSERS
  REMOVE IF DESIRED*/
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-right-radius: 5px;
}

.invertedshiftdown a:hover{
background-color: #72aabb; /*color theme*/
padding-top: 5px; /*Flip default padding-top value with padding-bottom */
padding-bottom: 5px; /*Flip default padding-bottom value with padding-top*/
color: navy;
}

.invertedshiftdown .current a{ /** currently selected menu item **/
background:none;
/*background-color: #D10000; Red color theme*/
background:url('../gradient-background_selected.gif') 90% 50% repeat-x red;
padding-top: 5px; /*Flip default padding-top value with padding-bottom */
padding-bottom: 5px; /*Flip default padding-bottom value with padding-top*/
color: white;
}

div.header {
text-align:center;
}

div.question {
width: 80%;
text-align: left;
font-family: serif;
padding:5px;
color: #000000;
background-color:#ffffff;
/*BELOW 4 LINES add rounded bottom corners to each menu item.
  ONLY WORKS IN FIREFOX AND FUTURE CSS3 CAPABLE BROWSERS
  REMOVE IF DESIRED*/
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-right-radius: 5px;
-moz-border-radius-topleft: 5px;
border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
border-top-right-radius: 5px;
}

div.feature {
float: right;
width: 45%;
text-align: left;
font-family: serif;
padding:5px;
margin: 0px;
margin-left: 10px;
color: navy;
background-color:#ffffff;
/*BELOW 4 LINES add rounded bottom corners to each menu item.
  ONLY WORKS IN FIREFOX AND FUTURE CSS3 CAPABLE BROWSERS
  REMOVE IF DESIRED*/
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-right-radius: 5px;
-moz-border-radius-topleft: 5px;
border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
border-top-right-radius: 5px;
}


div.left_align_image {
float: left;
text-align: center;
font-family: serif;
padding:5px;
margin: 0px;
margin-right: 10px;
color: navy;
background-color:#ffffff;
/*BELOW 4 LINES add rounded bottom corners to each menu item.
  ONLY WORKS IN FIREFOX AND FUTURE CSS3 CAPABLE BROWSERS
  REMOVE IF DESIRED*/
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-right-radius: 5px;
-moz-border-radius-topleft: 5px;
border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
border-top-right-radius: 5px;
}

div.right_align_image {
float: right;
text-align: center;
font-family: serif;
padding:5px;
margin: 0px;
margin-left: 10px;
color: navy;
background-color:#ffffff;
/*BELOW 4 LINES add rounded bottom corners to each menu item.
  ONLY WORKS IN FIREFOX AND FUTURE CSS3 CAPABLE BROWSERS
  REMOVE IF DESIRED*/
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-right-radius: 5px;
-moz-border-radius-topleft: 5px;
border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
border-top-right-radius: 5px;
}

div.center_align_image {
float: none;
clear: both;
align: center;
text-align: center;
font-family: serif;
padding:5px;
margin: 0px;
margin-left: 10px;
color: navy;
background-color:#ffffff;
/*BELOW 4 LINES add rounded bottom corners to each menu item.
  ONLY WORKS IN FIREFOX AND FUTURE CSS3 CAPABLE BROWSERS
  REMOVE IF DESIRED*/
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-right-radius: 5px;
-moz-border-radius-topleft: 5px;
border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
border-top-right-radius: 5px;
}