@import url("header.css");
@import url("menu.css");
@import url("footer.css");
@import url("species.css");

/* General font families for common tags */
font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif }
a:hover	{ text-decoration: underline; color: #E30304; }
hr	{ height: .25em; border: solid #24618E 0em; border-top-width: .25em; width: 60%;}
form { display: inline; padding: 0; margin: 0; }
img { border: 0; }
br.spacer { height: 1em; font-size: 1em; line-height: 1em; overflow: hidden; }
caption { margin: 0; padding: 0; }
iframe { border: none; background-color: #ffffff; }

html {
	font-size: 100%;
	min-width: 1000px;
	width: expression(this.width < 1000 ? 1000: true);
	max-width: 1400px;
	width: expression(this.width > 1400 ? 1400: true);
	background: #fff;
	margin-left: auto;
	margin-right: auto;
	height: 100%;
	margin-bottom: 1px;
}

.container
{
	background: #fff url("images/border.jpg") repeat;
	width: 100%;
	font-size: 90%;
	min-width: 760px;
	margin: 2px auto;
	color: #333333;
	border: 0px solid #24618E;
	line-height: 130%;
}

.content
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-left: 210px;
	margin-right: 10px;
	border-left: 0px solid #24618E;
	padding: 0em;
	line-height: 140%;
}

#contactform
{
	width: 96%;
	margin: 1em auto;
	color: #000;
	line-height: 130%;
}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

img {
    border: none;
} 

.announcement
{
	width: 100%;
	border: 1px solid #CCC;
	background: #f4f4f4;
	margin: 0.5em auto;
	line-height: 130%;
}

.blacklist {
	list-style: disc outside url('images/diamond.png');
	margin-left: 4em;
	margin-right: 4em;
	text-align: justify;
	background: #FFF;
	color: #000;
	}

.bluelist {
	list-style: disc outside url('images/diamond.png');
	margin-left: 4em;
	margin-right: 4em;
	text-align: justify;
	background: #FFF;
	color: #3300CC;
	}

.contentlist {
	list-style: disc outside url('images/diamond.png');
	font-size: 1.2em;
	margin-left: 2em;
	margin-right: 1em;
	text-align: justify;
	line-height: 130%;
	background: #FFF;
	color: #3300CC;
	}

.bold {
font-weight: bold;
}

.greentext {
	color: #009933;
}

.redtext {
	color: #CC0000;
}

.bluetext {
	color: #3300CC;
}

.copyrighttext {
	font-size: 0.8em;
	color: #000000;
	text-align: center;
}

.justindent {
	text-align: justify;
	margin-left: 4em;
	margin-right: 4em;
}

/* Right justified paragraph */
.justright {
	text-align: right;
	margin: 1em;
}

/* Center justified paragraph */
.justcenter {
	text-align: center;
	margin: 1em;
}

/* justified paragraph */
.just {
	text-align: justify;
	margin: 1em;
}

.justbottom {	text-align: justify;margin: 1em;margin-bottom: 0em;}

h1 {
	font-size: 2em;
	color: #3300CC;
	text-align: center;
	line-height: 130%;
	margin-left: 1em;
	margin-right: 1em;
}

h2 {
	font-size: 1.50em;
	color: #3300CC;
	text-align: center;
	line-height: 130%;
	margin-left: 1em;
	margin-right: 1em;
}

h3 {
	font-size: 1.25em;
	color: #3300CC;
	text-align: center;
	line-height: 130%;
	margin-left: 1em;
	margin-right: 1em;
}

h4 {
	font-size: 1em;
	color: #3300CC;
	text-align: center;
	line-height: 130%;
	margin-left: 1em;
	margin-right: 1em;
}

h5 {
	font-size: 1.25em;
	color: #3300CC;
	text-align: center;
	line-height: 100%;
	margin-left: 1em;
	margin-right: 1em;
}


div.photoleft {
	font-size: 90%;
	text-align: center;
	padding: 0 1em 0 0;
	border: 0; margin: 0;
	float: left; 
}

div.photoleft a {
	padding: 0;
	margin: 0;
	border: 0;
}

div.photoleft img {
	border: 0px solid black;
	padding: 2px;
	background-color: white;
}

div.photoright {
	font-size: 90%;
	text-align: center;
	padding: 0 0 1em 1em;
	border: 0; margin: 0;
	float: right; 
}

div.photoright a {
	padding: 0;
	margin: 0;
	border: 0;
}

div.photoright img {
	border: 0px solid black;
	padding: 0;
	background-color: white;
}

#feedtable 
{
	width: 97%; 
	margin-left: auto;
	margin-right: auto;
	background: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0;
	text-align: left;
 	border: 1px solid #ccc; 
}

td { 
padding: 5px; 
}

.rowdark {
	background: #ccc;
}
.rowlight {
	background: #eee;
}

.socialbookmark
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	padding: 0em;
}

.speciestable 
{
	width: 90%; 
	margin-left: auto;
	margin-right: auto;
	background: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0;
	text-align: center;
}
.speciestable td {
	width:33%;
	padding-bottom:1.5em;
}


.picture {
	text-align: center;
	padding:1em;
}
.viddiv {width:640px;;margin-left:auto;margin-right:auto;}

.taxontable{width:99%;margin-left:auto;margin-right:auto;background:#ffffff;font-family:Verdana, Arial, Helvetica, sans-serif;line-height:180%;padding:0;text-align:left;border:0px solid #ccc;}
.taxontable th{width:50%;background: #fff;margin-bottom:0;padding-bottom:0;padding-top:0;}
.taxontable td{width:50%;border:0px solid #ccc;margin-top:0;padding-bottom:0;}
.taxonlist {list-style: disc outside url('images/diamond.png');margin-left:2em;text-align:justify;background:#FFF;line-height:150%;}

.vidstable{width:75%;margin-left:auto;margin-right:auto;background:#ffffff;font-family:Verdana, Arial, Helvetica, sans-serif;padding:0;text-align:center;}
.vidstable td{width:50%;}
.vidbox{text-align:center;margin-left:auto;margin-right:auto;width:360px;height:296px;}
.vidboxw{text-align:center;margin-left:auto;margin-right:auto;width:640px;height:385px;}
.vidcredit {text-align: center;	margin: 1em; margin-top: 0em;}
.paravidstable{width:50%;margin-left:auto;margin-right:auto;background:#ffffff;font-family:Verdana, Arial, Helvetica, sans-serif;padding:0;text-align:center;}

.hybridtable{width:99%;margin-top:0;margin-left:auto;margin-right:auto;background:#ffffff;font-family:Verdana, Arial, Helvetica, sans-serif;line-height:180%;padding:0;text-align:left;border:0px;}
.hybridlist {list-style: disc outside url('images/diamond.png');margin-left:3em;text-align:justify;background:#FFF;line-height:150%;}
.sitestable{width:100%;margin-left:auto;margin-right:auto;font-family:Verdana, Arial, Helvetica, sans-serif;padding:0;text-align:left;}
.sitestable td{width:25%;padding:0;margin:2px;text-align:center;}