/* This style sheet is for the CSS that works properly on Netscape 4 browsers.*/

/*IMPORT: This tag imports the CSS not supported by Netscape 4 browsers.*/
@import "homepage_modern.css";

body
{
	/*	dark sand background color = #C8C9BE*/
	background-color: #FFFFFF;
	margin: 4px;
	font-family: Geneva, Helvetica, Arial, sans-serif;
	color: #000000;
}


/* TD: This is required for browsers that do not read fonts from the BODY tag.*/
td
{
	font-family: Geneva, Helvetica, Arial, sans-serif;
	color: #000000;
	
}

/* PAGETABLE: Use this setting to control the width of the web page. Width does not work on Netscape 4 browsers.*/
#pagetable
{
	width: 80%;
	background-color: #FFFFFF;
}

#motto
{
	padding: 0px 20px 20px 20px;
	border-color: #000000;
	border-width: 0px;
	border-style: solid;
	margin: 0px;
}

/* NEWS FEATURE: This controls the appearance of the main news feature on the homepage.*/
#news_feature
{
	width: 100%;
	padding: 0px;
	border-color: #FFFFFF;
	border-width: 0px 15px 10px 15px;
	border-style: solid;
	margin: 0px;
	font-size: .9em;
}

.news_feature_caption { font-size: .85em; }

#news_feature_story
{
	padding: 0px 0px 0px 10px;
	border-color: #000000;
	border-width: 0px;
	border-style: solid;
	margin: 0px;
}

.news_feature_subtitle
{
	font-weight: bold;
}

.news_feature_text { font-size: .9em; }

/* NEWS BITS: This controls the appearance of the smaller news bits on the homepage.*/
.news_bits
{
	width: 100%;
	padding: 0px;
	border-color: #FFFFFF;
	border-width: 10px 15px 10px 15px;
	border-style: solid;
	margin: 0px;
}

.news_bit_item { width: 240px; }

.news_bit_text
{
	padding: 0px;
	border-color: #FFFFFF;
	border-width: 10px 10px 0px 5px;
	border-style: solid;
	margin: 0px;
	font-size: .8em;
	/*font family required for NS 4*/
	font-family: Geneva, Helvetica, Arial, sans-serif;
}

/* GENERAL SITE LINKS: These are the links in the main text body.*/
a:link
{
	color: #336699;
	text-decoration: underline;
}

a:visited
{
	color: #663300;
	text-decoration: underline;
}

a:active
{
	color: #CC9900;
	text-decoration: underline;
}

a:hover { text-decoration: underline; }

/* SPECIAL BODY LINKS:*/
a.bodylink:link
{
	color: #336699;
	text-decoration: none;
	font-weight: bold;
}

a.bodylink:visited
{
	color: #663300;
	text-decoration: none;
	font-weight: bold;
}

a.bodylink:active
{
	color: #CC9900;
	text-decoration: none;
}

a.bodylink:hover { text-decoration: underline; }

/* HEADER & FOOTER: These control the background images and colors in the header and footer cells. The PATHS MUST BE ABSOLUTE in order to work properly on old browsers.*/
td.header_tile
{
	background-image: url(http://www.mbari.org/art/homepage/header/bg_tile.gif);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
}

td.footer_tile
{
	background-image: url(http://www.mbari.org/art/homepage/footer/bg_tile.gif);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
}
/*Additional font controls*/
.smalltext
{
	font-size: .8em;
	font-family: Geneva, Helvetica, Arial, sans-serif;
}