body {
	background-color: #222222;
	color: #CCC;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, Helvetica, Verdana;
    padding: 0px;
	margin: 0px;
}

body, p, ol, ul, td {
  font-family:"Lucida Grande","Lucida Sans Unicode",Tahoma, Helvetica, Verdana, sans-serif; 
  font-size:   13px;
  line-height: 18px;
}

pre {
  background-color: #eee;
  color: #000;
  padding: 10px;
  font-size: 11px;
}

a {
	color: #DC9E20;
	font-style: bold;
	text-decoration: none;
}
a:visited {
	color: #DC9E20;
	font-style: norma;
	text-decoration: none;
}
a:hover { color: #FFFFFF; }
#contentdiv a { font-style: italic; }
#contentdiv a:visited { font-style: italic; }


.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#ErrorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#ErrorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#ErrorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#ErrorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

div.uploadStatus {
  margin: 5px;
}

div.progressBar {
  margin: 5px;
}

div.progressBar div.border {
  background-color: #fff;
  border: 1px solid grey;
  width: 100%;
}

div.progressBar div.background {
  background-color: #333;
  height: 18px;
  width: 0%;
}

.ListTitle {
	color:		#244;
	font-weight:	bold;
	font-size:	larger;
}
.ListActions {
	font-size: 	x-small;
	text-align:	right;
	padding-left:1em;
}
.ListLine0 {
	background:	#f8b0b0;
}
.ListLine1 {
	background:	#f8f8f8;
}
.pagediv {
	background-color: #222222;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	left: 0px;
	top: 0px;
}
#loginbar {
	background:#181818;
	border-bottom:2px solid #000000;
	border-top:1px solid #000000;
}
.membercommand {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, Helvetica, Verdana;
	font-size: 70%;
	text-align:center;
	vertical-align: top;
}
.titletext {
 	float:left;
	height:96px;
	background: #222222;
	color: #DC9E20;
    font-size:64px;
	line-height:normal;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, Helvetica, Verdana;
	font-weight: bold;
	text-align: left;
}
.titleimage {
  float:left;
  vertical-align:top;
  background: #222222;
  border-top:0px solid #000000;
  border-left:2px solid #000000;
  border-right:2px solid #000000;
  border-bottom:2px solid #000000;
}
#splashbar {
	background: #222222;
}
#navtabs {
  float:left;
  width:100%;
  background: #222222;
  font-size:93%;
  line-height:normal;
  border-bottom:1px solid #000000;
  }
#navtabs ul {
  margin:0;
  padding:10px 10px 0 0px;
  list-style:none;
  }
#navtabs li {
  display:inline;
  font-size:85%;
  margin:0;
  padding:0;
  }
#navtabs a {
  float:left;
  background:url("../images/navtableft.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 4px;
  text-decoration:none;
  }
#navtabs a span {
  float:left;
  display:block;
  background:url("../images/navtabright.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  color:#FFF;
  }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navtabs a span {float:none;}
/* End IE5-Mac hack */
#navtabs a:hover span {
  color:#FFF;
  }
#navtabs a:hover {
  background-position:0% -42px;
  }
#navtabs a:hover span {
  background-position:100% -42px;
  }
.navtabshelper {
	background:#222222;
}

.breadcrumbscell {
	background:#DC9E20;
	border-left:2px solid #000000;
	border-bottom:1px solid #000000;
}
.breadcrumbsdiv {
	float:left;
	font-size:80%;
	background: #DC9E20;
	margin:3px 0px 3px 10px;
	color: #000;
    line-height:normal;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, Helvetica, Verdana;
	font-weight: bold;
}
.breadcrumbsdiv a {
	color: #000;
	font-style: normal;
	text-decoration: none;
}
.breadcrumbsdiv a:visited {
	color: #000;
	font-style: normal;
	text-decoration: none;
}
.breadcrumbsdiv a:hover { 
    color: #FFFFFF; 
}

.blackbackground {
	background-color: #000;
}

.sidebar {
	vertical-align: top;
	text-align: center;
	padding-left: 12px;
	padding-right: 12px;
	background:#000;
	border-bottom:8px solid #000000;
}
.contentcell {
	border-bottom:8px solid #000000;
	background:#222222;
	border-left:2px solid #000000;
}
.contentdiv {
	margin-top:20px;
	margin-bottom:36px;
	margin-left:24px;
	margin-right:36px
}

.tableheader {
	background-color:#AAA;
	color: #000;
	padding-left:6px;
	padding-right:6px;
	text-align:left;
	font-weight: bold;
}
.tablecell {
	padding-left:6px;
	padding-right:6px;
	text-align:left;
}
.tablerow0 {
	color: #FFF;
    	background-color:#0F0F0F;
}
.tablerow1 {
	color: #FFF;
    	background-color:#2F2F2F;
}
.rowedit0 {
	padding-left:6px;
	padding-right:6px;
	text-align:center;
}
.rowedit0 a {
	color: #0F0F0F;
}
.rowedit0 a:visited {
	color: #0F0F0F;
}
.rowedit0 a:hover { 
	color: #DC9E20;
 }
.rowedit1 {
	padding-left:6px;
	padding-right:6px;
	text-align:center;
}
.rowedit1 a {
	color: #2F2F2F;
}
.rowedit1 a:visited {
	color: #2F2F2F;
}
.rowedit1 a:hover { 
	color: #DC9E20;
 }
 tr.spacerrow {
    height:30px;
 }
 tr.thumbnailrow {
    }
 td.thumbnailheader8 {
 	width: 12%;
 	padding: 4px 0px 0px 0px;
 	margin-top: 30px;
 	margin-bottom: 5px;
 	margin-right:3px;
 	margin-left:3px;
 	height: 14px;
 	font-weight: normal;
 	font-size: 12px;
 	text-align: center;
 	vertical-align: middle;
 	padding-bottom: 7px;
    }
td.thumbnailheader8 a {
    color: #FCAE40;
    }
td.thumbnailheader8 a:visited {
    color: #DC9E20;
    }
td.thumbnailheader8 a:hover { 
    color: #FFFFFF;
    }
 td.thumbnailspacer8 {
     padding: 0px; 
     width: 2%;
     background: transparent;
     }
 td.thumbnail8 {
     padding: 10px 0px 0px 0px; 
     text-align: center;
     vertical-align: top; 
     width: 12%;
     background: transparent;
     } 
td.thumbnail8 a {
    color: #DC9E20;
    }
td.thumbnail8 a:visited {
    color: #DC9E20;
    }
td.thumbnail8 a:hover { 
    color: #FFFFFF;
    }
 td.thumbnailimgspacer8 {
     padding: 0px; 
     width: 2%;
     background: transparent;
     }
 img.thumbnailpic8 {
    vertical-align: top;
    text-align: center;
    font-size: smallest;
    width: 120px;
    }
td.thumbnailheader {
    padding: 6px 0px 0px 6px
    margin-right: 10px;
    font-weight: bold;
    font-size: small;
    text-align: center;
    vertical-align: middle; 
    }
td.thumbnail {
    padding: 10px 0px 0px 0px; 
    text-align: center;
    vertical-align: top; 
    width: 22%;
    background: transparent;
    }
td.thumbnailspacer {
    padding: 0px; 
    width: 2%;
    background: transparent;
    }
img.thumbnailpic {
    vertical-align: top;
	text-align: center;
	font-size: smallest;
    border: 2px solid #000001;
    width: 240px;
    }
.voicelogo {
	vertical-align: top;
	text-align: right;
    }
div.commonname {
}

.thought {
    padding-left:20px;
    padding-top:14px;
    padding-right:20px;
    padding-bottom:40px;
    background:#999;
    color:#000;
}
.thought a {
    color: #800;
    font-weight:bold;
    }
.thought a:visited {
    color: #000;
    font-weight:bold;
    }
.thought a:hover { 
    color: #AC6E00;
    }
.thumbnailcolumn {
	width: 32%;
	vertical-align: top;
}
.familyheader {
	margin: 25px 0px 10px 0px;
	height: 20px;
    font-style: oblique;
    font-weight: bold;
    font-size: +1;
    text-align: left;
	text-indent: 10px;
    vertical-align: top; 
    }
.species {
	text-align: left;
	position: relative; left: 40px;
	color: #000000;
    }
.portrait {
	vertical-align:middle;
	text-align:center;
	padding-left:60px;
}