@charset "utf-8";


html {
overflow-y : scroll;
}
body {
background : #ebebeb;
font : .9em Verdana, Arial, Helvetica, sans-serif;
}
html, body {
height : 100%;
width : 100%;
margin :0px;
padding :0px;
border :0px;
}
#tablemain {
width : 98%;
min-width : 800px;
height : 100%;
margin-left : auto;
margin-right : auto;
margin-top :0px;
margin-bottom :0px;
padding :0px;
border-top :0px;
border-bottom :0px;
background:#FFFFFF;
}
#header_td {
text-align : center;
vertical-align : top;
padding :0px;
margin :0px;
background-color : #ffffff;
border-bottom : 2px solid #999999;
}
#header_td table {
width : 100%;
margin-left : auto;
margin-right : auto;
border :0px;
}
#tablemain tr td .spacer {
height :0px;
padding :0px;
margin :0px;
}
#gallery {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
#gallery div.gallery_outer {
	border:none;
	width:240px;
	height:180px;
	float:left;
	clear:none;
	margin:.25em;
}
#gallery div.gallery_img_div {
margin : .25em;
border-bottom : 2px solid #000000;
border-right : 2px solid #000000;
border-left : 1px solid #000000;
border-top : 1px solid #000000;
-moz-border-radius:8px;
-webkit-border-radius:8px;
cursor:pointer;
position:relative;
background-repeat:no-repeat;
float:left;
}
#gallery div.gallery_img_div span.date {
	color:#FFFFFF;
	padding-left:4px;
	padding-right:4px;
	padding-bottom:2px;
	background-color:#000000;
	font-size:.8em;
	position:absolute;
	top:0;
	left:0;
	-moz-border-radius:5px 0px 5px 0px;
	-webkit-border-radius:5px 0px 5px 0px;
}
#gallery div.gallery_img_div span.dim {
	color:#FFFFFF;
	padding-left:4px;
	padding-right:4px;
	padding-bottom:2px;
	background-color:#000000;
	font-size:.7em;
	position:absolute;
	right:0;
	bottom:0;
	-moz-border-radius:5px 0px 5px 0px;
	-webkit-border-radius:5px 0px 5px 0px;
}
#content {
height : 80%;
padding : 1em;
margin :0px;
background-color : #ffffff;
}
#footer_td {
font-family : Verdana, Arial, Helvetica, sans-serif;
text-align : center;
margin :0px;
padding :0px;
font-size : 0.6em;
vertical-align:middle;
color : #888888;
background-color : #ffffff;
border-top : 1px solid #999999;
}
#intro {
width : 320px;
height : 240px;
margin : 4px;
padding :0px;
margin :0px;
background-repeat : no-repeat;
}
hr {
color : #ffffff;
border : 1px solid #000000;
text-align : center;
height : 3px;
width : 100%;
}
noscript {
font : 0.8em Verdana, Arial, Helvetica, sans-serif;
text-align : center;
color : #ff0000;
}
.full {
color : #ffffff;
border : 1px solid #000000;
text-align : center;
height : 3px;
width : 95%;
margin-left : auto;
margin-right : auto;
}
.hr_footer {
color : #cccccc;
border : 1px solid #cccccc;
height : 1px;
width : 95%;
}
.news {
color : #cccccc;
border : 1px solid #cccccc;
height : 1px;
width : 95%;
}
img {
margin : 5px;
border-bottom : 2px solid #000000;
border-right : 2px solid #000000;
border-left : 1px solid #000000;
border-top : 1px solid #000000;
border : none;
}
.banner_r {
	right:3%;
	top:-1%;
	position:absolute;
}
.banner_l {
	left:3%;
	top:-1%;
	position:absolute;
}
.expected_link {
cursor : pointer;
}
.intro {
margin : 2px;
border-top : 1px solid #000000;
border-bottom : 2px solid #000000;
border-left : 1px solid #000000;
border-right : 2px solid #000000;
height : 240px;
width : 320px;
}
.stock_div {
width:320px;
height:240px;
border-left:1px solid #000000;
border-right:2px solid #000000;
border-top:1px solid #000000;
border-bottom:2px solid #000000;
-moz-border-radius:15px;
-webkit-border-radius:15px;
cursor:pointer;
}
/*
.stock {
cursor : pointer;
margin:0px;
margin-left : auto;
margin-right : auto;
border-top : 1px solid #000000;
border-bottom : 2px solid #000000;
border-left : 1px solid #000000;
border-right : 2px solid #000000;
height : 240px;
width : 320px;
outline : none;
}
*/
.stock_na {
cursor : default;
margin-left : auto;
margin-right : auto;
border-top : 1px solid #000000;
border-bottom : 2px solid #000000;
border-left : 1px solid #000000;
border-right : 2px solid #000000;
height : 240px;
width : 320px;
}
.lineage_div {
width:220px;
height:165px;
cursor:pointer;
border-top : 1px solid #000000;
border-bottom : 2px solid #000000;
border-left : 1px solid #000000;
border-right : 2px solid #000000;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
.lineage {
width : 220px;
height : 165px;
cursor : pointer;
border-top : 1px solid #000000;
border-bottom : 2px solid #000000;
border-left : 1px solid #000000;
border-right : 2px solid #000000;
}
.lineage_na {
width : 220px;
height : 165px;
cursor : default;
border-top : 1px solid #000000;
border-bottom : 2px solid #000000;
border-left : 1px solid #000000;
border-right : 2px solid #000000;
}
img.audio {
	cursor:default;
}
img.audio:hover {
	cursor:pointer;
}
.php { 
padding-top : 10px;
padding-bottom : 10px;
font-size : 0.9em;
font-family : Verdana, Arial, Helvetica, sans-serif;
border-left : 0 solid #999999;
border-top : 0 solid #999999;
border-bottom : 1px solid #333333;
border-right : 1px solid #333333;
}
.php hr {
width : 80%;
height : 3px;
border : 1px solid #cccccc;
}
.php a {
color : #0000cc;
cursor : pointer;
}
.php a:hover {
color : #ff0000;
background-color : #ebebeb;
}
.tableavailable {
width : 100%;
font-size : 1em;
text-align : center;
margin-left : auto;
margin-right : auto;
border :0px;
}
.tableavailable img {
	border-left:1px solid #000000;
	border-top:1px solid #000000;
	border-right:2px solid #000000;
	border-bottom:2px solid #000000;
	width:100px;
	height:75px;
}
.tableavailable img.available:hover {
	cursor:pointer;
}
.tableavailable img.spacer {
	height:1px;
	widows:1px;
	border:none;
	margin:0px;
}
.species_detail {
font-size : .9em;
}
.species_detail a {
color : #0000cc;
cursor : pointer;
}
.species_detail a:hover {
color : #ff0000;
background-color : #ebebeb;
}
.species_detail_na {
font-size : 0.9em;
}
.tablelineage {
text-align : center;
height : 10px;
width : 10px;
font-size : 0.8em;
font-family : Verdana, Arial, Helvetica, sans-serif;
padding :0px;
margin-left : auto;
margin-right : auto;
border-left : 0 solid #000000;
border-top : 0 solid #000000;
border-right : 0 solid #000000;
border-bottom : 0 solid #000000;
}
.tablelineage td.lineage_td {
width : 220px;
height : 165px;
border :0px;
}
#tablelineage a {
color : #0000cc;
font-weight : normal;
cursor : pointer;
font-size : 0.8em;
}
.tablelineage .left {
color : #0000cc;
margin : 0.;
font-size : 0.8em;
border-top : 1px solid #000000;
border-bottom : 1px solid #000000;
cursor : pointer;
}
.tablelineage .left:hover {
color : #ff0000;
background-color : #ebebeb;
}
.tablelineage .right {
color : #0000cc;
margin : 0.;
font-size : 0.8em;
border-top : 1px solid #000000;
border-bottom : 1px solid #000000;
cursor : pointer;
}
.tablelineage .right:hover {
color : #ff0000;
background-color : #ebebeb;
}
form {
text-align : center;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 0.8em;
color : #000000;
margin-left : auto;
margin-right : auto;
}
#intro_span {
text-align : center;
font-size : 0.7em;
vertical-align : top;
}
span.intro_head {
line-height : 1.2em;
text-align : left;
text-decoration : underline;
font-size : 0.9em;
font-weight : bold;
}
#intro_div {
float : left;
padding :0px;
margin : 0 1em 00px;
text-align : center;
}
.span1 {
float : left;
color : #000000;
font-size : 70px;
line-height : 50px;
padding-top :0px;
padding-bottom :0px;
font-family : "Times New Roman", Times, serif;
margin-right : 4px;
}
p {
text-align : left;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 0.8em;
color : #000000;
}
.header {
font-size : 22px;
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #000000;
padding-left : 0.4em;
padding-right : 0.4em;
text-align : center;
font-weight : normal;
}
.errorheader {
font-size : 1.5em;
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #cc0000;
text-align : center;
font-weight : normal;
}
.errorsubheader {
font-size : 1em;
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #cc0000;
text-align : center;
font-weight : bold;
}
.subheader {
font-size : 0.9em;
font-weight : bold;
text-decoration : none;
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #000000;
text-align : center;
}
.header2 {
font-size : 16px;
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #000000;
text-align : center;
}
.center {
text-align : center;
font-size:1em;
}
.center a {
font-size:.9em;
}
a:link, a:visited {
color : #0000cc;
text-decoration : none;
outline : none;
cursor:pointer;
}
a:hover {
color : #ff0000;
background-color : #ebebeb;
text-decoration : none;
font-family : Verdana, Arial, Helvetica, sans-serif;
}
a.media {
	color:#0000CC;
	cursor:pointer;
}
a.media:hover {
color : #ff0000;
background-color : #ebebeb;
text-decoration : none;
}
a img:hover {
background-color : #ffffff;
}
a:active {
outline : none;
}
.PanelsContentGroup {
margin-top :0px;
clear : both;
width : 95%;
margin-left : auto;
margin-right : auto;
border-left : none;
border-bottom : none;
border-top : none;
border-right : none;
}
.PanelsContent {
margin-top :0px;
padding-top : 1em;
margin-left :0px;
margin-right :0px;
padding-left :0px;
padding-bottom : 1em;
border-left : none;
border-bottom : none;
border-top : 2px solid #000000;
border-right : none;
}
#news_sidebar {
	vertical-align:top;
	background-color:#FFFFFF;
	height:22px;
	float:right;
	text-align:right;
	font-size:.7em;
}
#news_sidebar a {
	margin-right:1em;
}
#news {
	font-size:0.8em;
	width:100%;
}
#news img {
	border-left:1px solid #000000;
	border-top:1px solid #000000;
	border-right:2px solid #000000;
	border-bottom:2px solid #000000;
	margin-left:5%;
	margin-right:auto;
}
#news code {
	font-size:1.4em;
	background-color:#EBEBEB;
}
.PanelsContent a img {
	border:0;
	background:none;
}
.PanelsContent a img:hover {
	background:none;
	border:0;
}
.cute {
	background:none;
	border:0;
}
.cute:hover {
	background:none;
	border:0;
}
#rss {
	background: url(../news/skins/images/rss_icon_lt.jpg) center left no-repeat; 
	padding-left: 20px;
	padding-top:2px;
	font-size:1.25em;
	height:18px;
	color:#666666;
}
#rss:hover {
	background: url(../news/skins/images/rss_icon_dk.jpg) center left no-repeat; 
	text-decoration:none;
	color:#000000;
}
#species_header {
margin-left : auto;
margin-right : auto;
margin-top :0px;
padding :0px;
margin-bottom : 1em;
width : 100%;
}
.species_table {
border : 1px solid #cccccc;
margin-top : -1px;
margin-bottom :0px;
margin-right : auto;
margin-left : auto;
width : 90%;
-moz-border-radius:20px;
-webkit-border-radius:20px;
}
.stock_td {
font-size : 0.9em;
}
#navcontainer {
margin :0px;
padding :0px;
border :0px;
}
#navcontainer ul {
margin-left : 5px;
margin-right : 5px;
margin-top : 5px;
margin-bottom : 3px;
padding :0px;
font : 1em Arial, Helvetica, sans-serif;
list-style-type : none;
text-align : center;
}
#navcontainer ul li {
display : inline;
}
#navcontainer ul li a {
font : 1em Arial, Helvetica, sans-serif;
font-weight : bold;
text-decoration : none;
margin-left : 0.2em;
padding : 0.2em 0.75em;
color : #999999;
background-color : #f8f8f8;
border-top : 1px solid #666666;
border-left : 1px solid #666666;
border-bottom : 2px solid #999999;
border-right : 2px solid #666666;
-moz-border-radius : 6px 6px 0px 0px;
-webkit-border-radius : 6px 6px 0px 0px;
text-shadow:2px 2px 2px #cccccc;
}
#navcontainer ul li a:hover {
background-color : #e8e8e8;
color : #666666;
outline : none;
border-top : 1px solid #000000;
border-left : 1px solid #000000;
border-bottom : 2px solid #999999;
border-right : 2px solid #000000;
text-shadow:2px 2px 2px #999999;
}
#navcontainer ul li a.active {
font : 1em Arial, Helvetica, sans-serif;
font-weight : bold;
cursor : default;
text-decoration : none;
margin-left : 0.2em;
padding : 0.2em 0.75em;
color : #333333;
background-color : #ffffff;
border-top : 1px solid #999999;
border-left : 1px solid #999999;
border-bottom : 3px solid #ffffff;
border-right : 2px solid #999999;
}
#footer_td a.nav {
color : #888888;
background-color : #f8f8f8;
text-decoration : none;
padding : 4px;
padding-top :0px;
border : 1px solid #cccccc;
border-top : 1px solid #999999;
margin-top :0px;
margin-left : 4px;
margin-right : 4px;
margin-bottom : 4px;
-moz-border-radius : 0px 0px 5px 5px;
-webkit-border-radius : 0px 0px 5px 5px;
}
#footer_td a.nav:hover {
color : #666666;
background-color : #e8e8e8;
text-decoration : none;
}
#footer_td a.active {
color : #666666;
text-decoration : none;
cursor : default;
padding : 4px;
padding-top :0px;
border-top : 1px solid #ffffff;
border-left : 1px solid #999999;
border-right : 1px solid #999999;
border-bottom : 1px solid #999999;
-moz-border-radius : 0px 0px 5px 5px;
-webkit-border-radius : 0px 0px 5px 5px;
margin-top :0px;
margin-left : 4px;
margin-right : 4px;
margin-bottom : 4px;
}
#footer_td a.active:hover {
color : #666666;
text-decoration : none;
cursor : default;
background-color : #ffffff;
}
#footer_td a {
color : #888888;
font-size:1.2em;
text-decoration:underline;
}
#footer_td a:hover {
color : #8888ff;
background : #ffffff;
text-decoration:none;
}
#nav {
margin-left : 2em;
padding :0px;
}
#nav ul {
vertical-align : top;
display : block;
position : relative;
top : 1px;
float : left;
font : .8em Helvetica, Arial;
text-align : center;
list-style : none;
padding-top : 4px;
padding-right : 7px;
padding-bottom : 4px;
padding-left : 7px;
margin-top :0px;
margin-right :0px;
margin-bottom : -1px;
margin-left :0px;
outline : none;
}
#nav ul li {
display : inline;
}
#nav ul li a {
display : block;
position : relative;
font : 1em Helvetica, Arial;
top : 1px;
float : left;
line-height : 1.2em;
min-height : 2em;
background-color : #ffffff;
text-align : center;
text-decoration : none;
list-style : none;
border-left : 1px solid #000000;
border-bottom : 2px solid #000000;
border-top : 1px solid #000000;
border-right : 2px solid #000000;
-moz-border-radius : 5px 5px 0px 0px;
-webkit-border-radius : 5px 5px 0px 0px;
padding-top : 4px;
padding-right : 7px;
padding-bottom : 4px;
padding-left : 7px;
margin-top :0px;
margin-right :0px;
margin-bottom : -3px;
margin-left : .25em;
color : #666666;
outline : none;
text-shadow:2px 2px 2px #cccccc;
}
#nav ul li a:hover {
background-color : #c5c5c5;
color : #000000;
outline : none;
text-shadow:2px 2px 2px #999999;
}
#nav ul li a em {
font-size : .95em;
}
#nav ul li a.active {
display : block;
position : relative;
cursor : default;
top : 1px;
float : left;
line-height : 1.2em;
background-color : #ffffff;
text-align : center;
text-decoration : none;
list-style : none;
border-left : 1px solid #000000;
border-bottom : 2px solid #ffffff;
border-top : 1px solid #000000;
border-right : 2px solid #000000;
padding-top : 4px;
padding-right : 7px;
padding-bottom : 4px;
padding-left : 7px;
margin-top :0px;
margin-right :0px;
margin-bottom : -3px;
margin-left : .25em;
color : #000000;
outline : none;
line-height : 1.2em;
text-shadow:2px 2px 2px #999999;
}
#nav ul li a.active:hover {
	text-shadow:2px 2px 2px #999999;
}
#left {
margin :0px;
padding :0px;
border :0px;
width : 10px;
background-image : url(../images/bg_left.gif);
background-repeat : repeat-y;
}
#right {
margin :0px;
padding :0px;
border :0px;
width : 10px;
background-image : url(../images/bg_right.gif);
background-repeat : repeat-y;
}