body {
	font-size: 85%;
	margin: 0px;
	padding: 0px;
	background-color: rgb(238,238,238);
	text-align: center;
	vertical-align: middle;
	width: auto;
	height: auto;
}

body,input,textarea {
	font-family: verdana,geneva,helvetica,sans-serif;
}

h1, h2, h3, h4, h5 {
	font-family: arial black,verdana,helvetica,sans-serif;	
	margin: 0px;
	padding: 0px;
	letter-spacing: 90%;
}

h2 {
	display: block;
	font-weight: bold;
	border-bottom: 2px solid rgb(192,192,192);
	margin-bottom: 16px;
	line-height: 1.1;
	padding-bottom: 4px;
	font-size: 160%;
}

h3 {
	display: block;
	width: auto;
	font-size: 120%;
	color: rgb(100,100,60);
	margin-bottom: 0.35em;
}

table td {
	vertical-align: top;
	text-align: left;
}

a img {
	border: 0px;
}

div {
	padding: 0px;
	margin: 0px;
	text-align: left;
}

ul {
	margin-top: 1em;
}

div.title {
	width: auto;
	background-color: rgb(100,100,60);
	color: rgb(255,255,255);
	padding: 10px;
	padding-left: 13px;
	padding-right: 13px;
}

div.title a {
	text-decoration: none;
	color: rgb(255,255,255);
}

div.title div.description {
	float: right;
	clear: none;
}

table td.content {
	padding: 15px;
	width: 99%;
}

.content a {
	font-weight: bold;
	color: rgb(100,100,60);
}

.content a:hover {
	color: rgb(200,200,100);
}

table td.menu {
	width: auto;
}

ul.menu {
	margin: 0px;
	padding: 0px;
}

ul.menu li {
	list-style-type: none;
	display: inline;
	font-size: 85%;
	width: 100%;
}

ul.menu li.head {
	display: block;
	width: auto;
	padding: 4px;
	margin: 0px;
	font-size: 75%;
	background-color: #000000;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	font-weight: bold;
	text-align: center;
}

ul.menu li a {
	display: block;
	white-space: nowrap;
	width: auto;
	padding: 4px;
	text-decoration: none;
	background-color: rgb(200,200,100);
	color: rgb(0,0,0);
	border-bottom: 1px solid rgb(255,255,200);
}

ul.menu li a.on {
	background-color: rgb(160,160,50);
	color: rgb(0,0,0);
	text-decoration: none;
}

ul.menu li a:hover {
	background-color: rgb(100,100,50);
	color: rgb(255,255,255);
	text-decoration: none;
}

table.fossilBox {
	color: #000000;
	margin-bottom: 1em;
	width: 100%;
	border: 1px solid rgb(0,0,0);
}

table.fossilBox th {
	font-weight: bold;
	font-size: 100%;
	background-color: rgb(200,200,100);
	text-align: left;
}

table.fossilBox th a {
	padding: 3px;
	padding-left: 7px;
	display: block;
	width: auto;
	color: #000000;
	text-decoration: none;
}

table.fossilBox th a .range {
	color: #000000;
	font-style: italic;
	font-weight: normal;
	padding: 0px;
	padding-right: 7px;
	text-align: right;
	float: right;
	padding-left: 14px;
	font-size: 90%;
}

table.fossilBox th a:hover {
	color: #000000;
	background-color: rgb(175,175,50);
}

table.fossilBox th.on {
	padding: 3px;
	padding-left: 7px;
	color: #000000;
	text-decoration: none;
	background-color: rgb(200,200,100);
}

table.fossilBox td.photo {
	width: 100px;
}

table.fossilBox td.main {
	padding-right: 10px;
}

table.fossilBox td {
	font-weight: normal;
}

table.fossilBox td img {
	margin-right: 0px;
}

table.fossilBox td table.data {
	width: 100%;
}

table.fossilBox td table.data td {
	vertical-align: top;
	font-size: 80%;
}

table.fossilBox td table.data td.head {
	padding: 3px;
	padding-left: 6px;
	padding-right: 6px;
	font-size: 70%;
	background-color: rgb(220,220,220);
	color: rgb(100,100,100);
	letter-spacing: 0.6em;
	white-space: nowrap;
	text-transform: uppercase;
}

td.images {
	width: 170px;
}

td.imageList {
	text-align: center;
	padding: 10px;
	border-left: 1px solid rgb(220,220,220);
}

td.imageList img {
	margin-top: 5px;
	margin-bottom: 0px;
	border: 1px solid rgb(0,0,0);
}

td.imageList div.caption {
	text-align: left;
	width: 100%;
	line-height: 1.05;
}

td.imageList div.caption .credit {
	color: #999999;
}

td.imageList a:hover img {
	border: 1px solid rgb(175,175,100);
}

table.fossilBox td table.data. tr.subrow td {
	height: 6px;
}

table.fossilBox td table.data td.subHead {
	width: 2%;
	font-weight: bold;
	text-align: right;
	padding-right: 7px;
	padding-left: 10px;
}

td.kingdom {
	padding: 3px;
}

td.phylum {
	background-color: rgb(214,236,255);
	padding: 3px;
}

td.subphylum {
	background-color: rgb(252,232,255);
	padding: 3px;
}

td.class {
	background-color: rgb(255,226,226);
	padding: 3px;
}

td.order {
	background-color: rgb(255,241,219);
	padding: 3px;
}

td.family {
	background-color: rgb(231,255,227);
	padding: 3px;
}

td.genus {
	background-color: rgb(216,255,248);
	padding: 3px;
}

td.species {
	background-color: rgb(225,255,223);
	padding: 3px;
}

td.name {
	background-color: rgb(255,231,247);
	padding: 3px;
}

table.fossilBox td .hide {
	display: none;
	font-size: 75%;
	float: right;
	font-style: italic;
	color: #999999;
}

table.link {
	margin-bottom: 5px;
}

table.link td {
	padding: 5px;
	vertical-align: top;
}

table.link td img {
	border: 1px solid rgb(0,0,0);
}

table.highlight td {
	background-color: rgb(248,248,220);
	padding: 7px;
}

table.timescale {
	width: 100%;
}

table.timescale th {
	font-size: 90%;
	font-weight: normal;
	text-align: center;
	border-bottom: 1px solid #000000;
	line-height: 1.08;
	padding-bottom: 3px;
}

table.timescale td {
	vertical-align: middle;
	text-align: center;
	font-size: 90%;
	padding: 3px;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;

}

table.timescale td.age {
	font-size: 80%;
	font-style: italic;
	vertical-align: bottom;
	border: 0px;
	border-bottom: 1px solid #888888;
	text-align: left;
	color: #888888;
	line-height: .8;
}

div.correct {
	width: auto;
	background-color: rgb(200,220,100);
	font-weight: bold;
	text-align: center;
	padding: 4px;
	margin-bottom: 20px;
}

div.incorrect {
	width: auto;
	background-color: rgb(255,200,200);
	font-weight: bold;
	text-align: center;
	padding: 4px;
	margin-bottom: 20px;
}

a.hide {
	display: none;
}

a img.on {
	border: 1px solid rgb(200,200,100);
}

a img.off {
	border: 1px solid rgb(192,192,192);
}

a.backlink {
	display: block;
	padding-bottom: 10px;
	text-decoration: none;
}

.warning {
	font-weight: bold;
	color: #660000;
}

.minor {
	font-size: 85%;
	color: #777777;
}

.minor a {
	color: #777777;
	font-weight: normal;
	text-decoration: none;
}

.nowrap {
	white-space: nowrap;
}

table.footer {
	width: 100%;
	font-size: 70%;
	color: #666666;
	border-top: 1px solid #999999;
}

table.footer td {
	padding-top: 3px;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: top;
}

table.footer td.left {
	text-align: left;
}

table.footer td.right {
	text-align: right;
	white-space: nowrap;
}

table.footer td.bottom {
	padding-bottom: 5px;
	padding-top: 0px;
}

table.footer td a {
	color: #333333;
	text-decoration: none;
}

table.footer td a:hover {
	color: #000000;
	text-decoration: none;
}

.sb {
	display: none;
}.footer td {
	padding-top: 3px;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: top;
}

table.footer td.left {
	text-align: left;
}

table.footer td.right {
	text-align: right;
	white-space: nowrap;
}

table.footer td.bottom {
	padding-bottom: 5px;
	padding-top: 0px;
}

table.footer td a {
	color: #333333;
	text-decoration: none;
}

table.footer td a:hover {
	color: #000000;
	text-decoration: none;
}

.sb {
	display: none;
}