body {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 16px;
	color: #003300;
}

td {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
}

th {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
}
body {
	background-image: url(background.jpg);
	background-position: left;
}
h3 {
	font-style: normal;
	font-size: 22px;
	font-weight: normal;
	text-align: left;
	color: #DD0000;
}
h2 {
	font-style: normal;
	font-size: 18px;
	font-weight: bold;
	color: #990000;
	text-align: left;
}
#frame #button2 {
	font-style: normal;
	font-size: 18px;
	font-weight: bold;
	color: #990000;
	text-align: left;
	background-color: #BFE0D9;
}
#frame #button1 {
	font-style: normal;
	font-size: 18px;
	font-weight: bold;
	color: #990000;
	text-align: left;
	background-color: #BFE0D9;
}
.hidden {
	text-align: left;
	background-color: #BFE0D9;
}
.hidden th {
	font-style: normal;
	font-size: 18px;
	font-weight: bold;
	color: #990000;
	text-align: left;
}
#Title {
	font-size: 12px;
	text-align: center;
}
h1 {
	text-align: center;
	color: #006666;
}
img {
	text-align: center;
	border: 3px outset #EEF2F7;
	padding: 2px
}
p {
 	text-align: left
}
#frame {
	position: relative;
	margin: 0 auto;
	margin-bottom: 10px;
	width: 700px;

	text-align: center;
	border: 0px;  /* Netscape 4.x friendly */
}
#frame em {
	color: #550033;
	font-weight: bolder;
}
.linkbutton
{
	margin: 0.2em;
	padding: 0.25em;
	border: 2px solid #99C;
	font-weight: bold;
	background-color: #BFE0D9;
	right: auto;
	width: auto;
	text-align: center;
}
.speciesbutton
{
	margin: 0.2em;
	padding: 0.25em;
	border: 2px solid #99C;
	font-weight: bold;
	background-color: #BFE0D9;
	right: auto;
	width: auto;
	text-align: left;
}
.morebutton
{
	margin: 0.2em;
	padding: 0.25em;
	border: 2px solid #99C;
	font-weight: bold;
	background-color: #FF3399;
	right: auto;
	width: auto;
	text-align: center;
}
.navbar li {
	display: inline;
	margin: 0.2em;
	padding: 0.25em;
	border: 3px solid #99C;
	font-weight: bold;
	background-color: #BFE0D9;
	right: auto;
}
#frame td img {
	width: 340px;
	height: 226px;
	cursor: pointer;
	padding: 0px;
}
#frame table {
	text-align: left;
	width: 100%;
}

#frame td {
	width: 50%;
	vertical-align: text-top;
	padding: 5px;
}
ul {
	text-align: left;
}
#showimage {
position:absolute;
visibility:hidden;
border: 7px solid #006600; z-index:15;
}
#showimage img {
	border: 0px;
	padding: 0px
}
#dragbar{
cursor: pointer;
background-color: #BEDDBD;
min-width: 219px; /*NS6 style to overcome bug*/
}
#dragbar #closetext{
font-weight: bold;
font-size: 10pt;
margin-right: 1px;
}
#footer {
	font-size: small;
	font-weight: normal;
	color: #0000CC;
	text-align: center;
}