body {
	background: transparent;
	color: #000;
	font-family: lucida sans unicode, sans-serif;
	font-size: 0.8em;
	margin: 50px 100px 50px 70px;
}

img {
	border: 0px;
	margin-right: 5px;
}

img.frame {
	border: 1px solid #45a;
}

h1 {
	background-color: transparent;
	color: #333;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 120%;
}

h2 {
	background-color: transparent;
	color: #333;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 110%;
}

h3 {
	background-color: transparent;
	color: #333;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 100%;
}

ul {
	list-style-type: square;
}

ul li {
	margin-top: 7px;
}

hr {
	color: #4455aa;
	border: none;
	height: 2px;
}

a:link {
	color: #33f;
	background-color: transparent;
}

a:visited {
	color: #90c;
	background-color: transparent;
}

.caption {
	font-size: 90%;
}

.button {
	border: 1px solid #4455aa;
	padding: 3px;
	background-color: #ccc;
	color: #000;	
}

.sequence {
	background: transparent url(images/sequence.gif) no-repeat left;
	padding-left: 15px;
}

.related {
	background: transparent url(images/related.gif) no-repeat left;
	padding-left: 15px;
}

.back {
	background: transparent url(images/back.gif) no-repeat left;
	padding-left: 15px;
}

.sci_name {
	font-style: italic;
}

#content {
	background-color: transparent;
	color: #000;
}

#index {
	vertical-align: top;
}
#index h1 {
	margin: 0px;
}
#index img {
	border: 1px solid #4455aa;
	margin: 0px 4px 3px 3px;
	float: left;
}

.index_feature {
	height: 88px;
	padding: 0px;
	margin: 3px 0px 0px 4px;
}

/* content layout panels */

.feature {
	border: 1px solid #4455aa;
	padding: 7px;
	margin: 3px 20px 7px 20px;
	min-height: 100px;
	clear: both;
}

.feature img {
	float: left;
	margin: 2px 7px 7px 2px;
}

form checkboxStyle {
	width: 15px;
	height: 15px;
	padding: 5px;
	border: 1px solid #4455aa;
}

table {
	width: 100%;
}

td {
	border: 1px solid #4455aa;
	padding: 10px;
	margin: 2px;
	vertical-align: top;
}

ul.none {
	list-style-type: none;
}

ul.none li {
	margin: 20px 0px 0px 0px;
}

ul.none img {
	float: left;
	margin: 0px 7px 5px 0px;
}

table.none td {
	border: 0px;
	padding: 0px;
	margin: 0px;
}

#reef_key {
	border: 1px solid #4455aa;
	background-color: transparent;
	color: #fff;
	width: 600px;
	padding: 5px;
}

#reef_key ul {
	margin: 0px;
	padding: 0px;
	white-space: nowrap;
}

#reef_key li {
	display: inline;
	list-style-type: none;
	border-right: 1px solid #4455aa;
}

#reef_key a {
	text-decoration: none;
	padding: 3px;
}

#reef_key a:hover {
	border: 1px solid #f90;
}



#map_stage {
	border: 1px solid #4455aa;
	padding: 5px;
	height: 520px;
	width: 660px;
	background-color: #99f;
	color: #000;

}

#map_stage img {
	border: 1px solid #4455aa;
}

/* navigation components */
#nav {
	display: none;
}



#smallprint {
	text-align: right;
	font-size: 90%;
}

#smallprint a {
	color: #000;
	background-color: transparent;
}