/* 16 color names: 
aqua #00FFFF, black #000000, blue #0000FF, fuchsia #FF00FF,
gray #808080, green #008000, lime #00FF00, maroon #800000, 
navy #000080, olive #808000, purple #800080, red #FF0000,
silver #C0C0C0, teal #008080, white #FFFFFF, yellow #FFFF00
orange #FFA500

my font selections:
Arial, Helvetica, Geneva, sans-serif;
'Times New Roman', Times, serif;
Courier, 'Courier New', Monaco, monospace;
'Comic Sans', 'Zapf Chancery', cursive;
Woodblock, Western, fantasy;
*/
/* Census of Marine Life colors

color scheme bluish (csb) :
1 = 99FFFF lite-blue 
2 = 0066FF bright-blue 
3 = 6699CC gray-blue 
4 = 000099 dark-blue 

color scheme four-color (csf) :
1 = 66CC33 lite-green 
2 = 0099CC bluish 
3 = 33CC66 sea-green 
4 = 6600CC purplish 

Census of Marine Life colors */

BODY
{
	background-color: white;
	font-family: Times, Arial, Helvetica, sans-serif;
	font-size: medium;
}

form
{
	display: inline;
}

table.browse_list
{
	margin: auto;
	width: auto;
	height: auto;
	display: table;
	border: thin black solid;
	border-collapse: collapse;
}

/* navigation headers for pages of record listings. ------------- */
table.navigate
{
	margin: auto;
	width: auto;
	height: auto;
	display: table;
	border: none;
	border-collapse: collapse;
}

td.navigateleft
{
	width: auto;
	height: auto;
	border: none;
}

td.navigateright
{
	width: auto;
	height: auto;
	border: none;
}
/* navigation headers for pages of record listings. ------------- */

table.outerspace
{
	margin: auto;
	width: 100%;
	height: auto;
	display: table;
	border: none;
	border-collapse: collapse;
}

td.outerspace_left
{
	width: 10%;
	height: auto;
	border: none;
}

td.outerspace_middle
{
	width: 80%;
	height: auto;
	border: none;
	margin: auto;
	text-align: center;
}

td.outerspace_right
{
	width: 10%;
	height: auto;
	border: none;
	margin-right: 0%;
	margin-left: auto;
}

/* csb1 */	
TABLE.logbox { color: black; background-color: #99FFFF; }
/* csb1 */
TABLE.easybox { color: black; background-color: #99FFFF; }
/* silver */
TABLE.hardbox { color: black; background-color: #C0C0C0; }

TR.active { color: black; background-color: white; font-size: medium; text-align: center;}
TD.active { color: black; background-color: white; font-size: medium; }

TABLE.public { color: black; background-color: white; font-size: small; }
TR.public { color: black; background-color: white; font-size: small; text-align: center;}
TD.public
{
	color: black;
	background-color: white;
	font-size: small;
	border: thin gray solid;
	padding: .25em .5em .25em .5em;
}
TD.public_moderate
{
	color: black;
	background-color: white;
	font-size: small;
	text-align: center;
	border: thin gray solid;
	padding: .25em .5em .25em .5em;
}

/* csf4 */
TR.inactive { color: black; background-color: #6600CC; font-size: x-small; text-align: center;}
TD.inactive { color: black; background-color: #6600CC; font-size: x-small; }

/* csf2 */
TR.done { color: black; background-color: #0099CC; font-size: x-small; text-align: center; }
TD.done { color: black; background-color: #0099CC; font-size: x-small;}

TR.head {color: black; background-color: white; font-size: x-small; text-align: center;}
TD.head
{
	color: black;
	background-color: white;
	font-size: medium;
	text-align: center;
	font-family: Times, Arial, Helvetica, sans-serif;
	font-weight: bold;
	border: thin gray solid;
	padding: .25em .5em .25em .5em;
}

TD.shead {color: white; background-color: #6699CC; text-align: left; font-size: large; 
font-family: Times, Arial, Helvetica, sans-serif; font-weight: bold}

TD.label {color: black; background-color: white; text-align: right; font-weight: bold}
TD.llabel {color: black; background-color: white; text-align: left; font-weight: bold}

TD.left {color: black; background-color: white; font-size: medium; text-align: left}
TD.center {color: black; background-color: white; font-size: medium; text-align: center}
TD.right {color: black; background-color: white; font-size: medium; text-align: right}

TR.smaller { font-size: x-small;}

TD.csb1 {color: black; background-color: #99FFFF; font-size: x-small;}
TD.csb2 {color: black; background-color: #0066FF; font-size: x-small;}
TD.csb3 {color: black; background-color: #6699CC; font-size: x-small;}
TD.csb4 {color: white; background-color: #000099; font-size: x-small;}
TD.csf1 {color: black; background-color: #66CC33; font-size: x-small;}
TD.csf2 {color: black; background-color: #0099CC; font-size: x-small;}
TD.csf3 {color: black; background-color: #33CC66; font-size: x-small;}
TD.csf4 {color: white; background-color: #6600CC; font-size: x-small;}

pre,code       { font-family:monaco,courier,monospace; font-size:7pt; }

.left {text-align: left}
.center {text-align: center}
.right {text-align: right}

.smaller       { font-size:smaller; }

.small         { font-size:small; }

.smallup       { font-size:small; position:relative; top:-10px; }

.smallsans     { font-family:helvetica,arial,sans-serif; font-size:x-small; }

.header        { font-family:helvetica,arial,sans-serif; }

.footer        { font-family:helvetica,arial,sans-serif; font-size:x-small; color:#000000; } /* black */

.warning       { color:red; }

.outline       { list-style-type:none; font-size:small; position:relative; left:-15px; }

.category      { font-family:helvetica,arial,sans-serif; font-weight: bold; }

.pict {max-height: 200px; max-width: 150px }/*min-height: 40; min-width: 30; height: 100%; width: 100%; } /* */
/*
th             { font-family:helvetica,arial,sans-serif; }

td,div         { font-family:garamond,times,serif; }

p              { font-family:garamond,times,serif; }
*/
A:link         { color:#0000FF; background-color:white; text-decoration:none; } /* blue */

A:visited      { color:#800080; background-color:white; text-decoration:none; } /* purple */

A:hover        { color:#0099CC; background-color:white; text-decoration:underline; } /* csf2 */

A:active       { color:#990000; background-color:white; text-decoration:underline; } /* csf4 */

h1,h2,h3,h4    { font-family:helvetica,arial,sans-serif; color:#000099; background-color:white; } /* csb4 */

h5,h6          { font-family:helvetica,arial,sans-serif; }

h2,h3          { margin-top:1em; margin-bottom:0.5em; }