body {
	font-family: Georgia, Garamond, serif;
	color: #213E58;
	margin:10px 10px 0px 10px;
	text-align:left;
	font-size: .85em;
        } 
p {
	line-height: 1.5em;
	margin: 10px 0 0 0;
        } 
noscript {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 10px;
	margin: 5px;
}

em {
	font-family:"Trebuchet MS", Verdana, Arial;
	font-style:oblique;
	font-size: inherit;
}
#centercontent li, #centercontent ul {
	list-style-type:circle;
	margin: 0 0 10px 1em;
	padding-left: 0;
	font-family: "Trebuchet MS", Verdana, Arial;
	}


#spotlight li, #spotlight ul {
	list-style-type:circle;
	padding-left: 0px;
	margin: 6px 0 0 .5em;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 0.95em;
	line-height: 1.4em;
	}
#spotlight p {
	line-height: 1.5em;
	font-size: 0.9em;
}
#twitter {
	width: 250px;
	border: none;
	margin-top: 10px;
}
#twitter p {
	font-size: 1.1em;
}


strong {
	font-size: 1.1em;
	color: #233579;
}

 td strong {
	font-size: 1.4em;
	color: #233579;
}

#spotlight strong {
	font-size: 1.1em;
	color: #13233C;
	font-weight: bold;
}
em, #spotlight em {
	font-style:italic;
}

ol li {
	list-style-type:decimal;
	padding: 0;
	margin-left: -10px;
	}
#outerwrapper {  /*dark blue background*/
	background-color: #C7CCCD;
	width: 200em;
	height: auto;
	top: 0px;
	left: 0px;
	position: absolute;
}

#wrapper {                      /*main box: holds all*/
	margin:0;
	padding:0;
	top: 0px;
	width: 1000px;
	background-color: #F2F2F2;
	position: absolute;
	border: 1px solid silver;
}

#wrapper-wide {                      /*main box: holds all*/
	margin:0;
	padding:0;
	left: 10px;
	top: 0px;
	width: auto;
	background-color: #F2F2F2;
	position: absolute;
	border: 3px solid green;
}

#centercontent {
	width: 815px;
	padding: 0px 10px 10px 10px;
	float: right;
	margin: 10px 0 0 0;
        }

#centercontent-full {
	width: auto;
	padding: 0px 10px 10px 0;
	float: right;
	clear: right;
	margin: 10px 0 0 0;
	background-color: #FFFFFF;
	border: 3px solid silver;
	}
	
#search {
	width: 240px;
	float: right;
	padding: 0px;
	margin: 0 0 0px 20px;
	border: none;
        } 
		
#masthead {
	position:relative;
	width: auto;
	background-color: #213E58;
	height: 125px;
	background-image: url(../images/global/masthead-new2.jpg);
	background-repeat: no-repeat;
        }  
#spotlight {
	width: 250px;
	float: right;
	padding: 5px 5px 10px 5px;
	margin: 5px 0 20px 20px;
	background-color: #DBDEDF;
	border: 1px solid white;
	z-index: 3;
	clear: right;
        } 
#nav {
	width:150px;
	margin: 10px 0 0 0;
	float: left;
        }
		
/* table styling  */
table {
	table-layout:auto;
	border: 1px solid white;
	border-collapse: separate;
	border-spacing: 3px;
	empty-cells:show;
	background-color: #DEE1E2;
}
table-row {
background-color: #CC0099; 
height: 20px;
}
th {
	font-weight: bold;
	margin: 10px 0 0 0;
	vertical-align: middle;
	color: white;
	font-family: "Trebuchet MS", Verdana, Arial;
	background-color: #6A81A2;
	padding: 2px;
	letter-spacing: 0.05em;
	text-align: center;
	line-height: 1.1em;
    }   
td {
	margin: 10px 0 0 0;
	vertical-align: top;
	color: #23305A;
	font-family: "Trebuchet MS", Verdana, Arial;
	padding: 4px;
	border: 1px solid white;
	font-size: 92%;
    } 
#centercontent td li, #centercontent td ul {
	list-style-type: square;
	margin: 0 0 3px 8px;
	padding: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	}
caption {
	text-align: center;
	font-weight: bold;
	color: black;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 1.1em;
	background-color: #A8B6C6;
}

td.middle {
	vertical-align: middle;
	background-color:#D6EFFC;
	border: 1px solid silver;
    } 

.month {	width: 19px;}	
.fieldnotes {	background-color: #CDEDF5;}
.cruise {	background-color: #88A6FF;}
.meeting { background-color:#FFFF66; }
.report {	background-color:#F78824; }
.field { background-color:#33CC33; }
.modeling {background-color:#A953FF;}
#banner {
	position: relative;
	width: 780px;
	height: 200px;
	voice-family: "\"}\"";
	voice-family: inherit;
	height:150px;
	margin-left: 5px;
	margin-top: 5px;
        }   
    html>body #banner {
        height: 150px;
			margin-top: 165px;
        }
#footer {
	clear: both;
	height: 5%;
	padding: 10px 0 10px 0;
	margin: 10px 0 0 0;
	text-align: center;
}
 
 
        
h1 {
	font-size: 1.7em;
	line-height: 1.2em;
	margin: 25px 0 0 0;
	color: #666B84;
        }    
h2 {
	font-size: 1.5em;
	font-weight: normal;
	color: #3F4252;
	margin: 20px 0 2px 0;
        }
#spotlight h2 {
	font-size: 1em;
	font-weight: bold;
	font-family: "Trebuchet MS", Verdana, Arial;
	margin: 10px 0 0 0;
	color: #233579;
        }
h3 {
	font-size: 1.3em;
	line-height: 1.2em;
	margin: 15px 0 5px 0;
	color: #55596C;
	text-decoration: underline;
	font-weight: normal;
        }
h4 {     /* for introductory material in centercol  */
	margin: 20px 0 0 0;
	font-size: 1.05em;
	letter-spacing: 0.2em;
	text-transform: uppercase;
        }       
h5 {
	font-size: 1.1em;
	margin-top: 25px;
	margin-bottom: 0px;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-variant: small-caps;
	color: #666B84;
	letter-spacing: .2em;
        }   
h6 {
	font-size: 1em;
	margin: 10px 0 0 0;
	font-family: "Trebuchet MS", Verdana, Arial;
	text-decoration: underline;
    }    
	
	    	

#centercontent a, #centercontent-full a, #footer a {
	text-decoration: none;
	color: #F00;
	font-weight: bold;
        }
#centercontent a:hover, #centercontent a:focus, #centercontent-full a:hover, #centercontent-full a:focus, #footer a:hover, #footer a:focus {
	background-color: #9CA6B2;
	color:white;
	font-weight: bold;
	border-bottom: 1px solid #980C16;
	text-decoration: none;
        } 
#centercontent a:visited, #centercontent-full a:visited, #footer a:visited {
	text-decoration: none;
	color: #C46F75;
	font-weight: bold;
        }
img, a:link img, a:visited img, #masthead img {
	border-style: none;
	margin: 10px;
} 

#spotlight h1 {
	color:white;
	font-family:"Trebuchet MS", Verdana, Arial;
	font-size: 0.95em;
	margin: 15px 0 5px 0;
	border: 0;
	background-color: #980C16;
	text-align: center;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	padding: 2px 0 2px 0;
        }
#spotlight .humans {
	background-color: #FFEB00;
	}
#spotlight .mammals {
	background-color: #E89600;
	}
#spotlight .seabirds {
	background-color: #8E056B;
	}
#spotlight .com-sub {
	background-color: #D3433C;
	}
#spotlight .forage {
	background-color: #CC005D;
	}
#spotlight .benthos {
	background-color: #388722;
	}
#spotlight .atmos {
	background-color: #008FD0;
	}
#spotlight .products {
	background-color: #00417C;
	}
	

        
pre {
	color: black;
	text-align: left;
	margin: 0px;
	padding: 0px;
	font-family: "Courier New", Courier, monospace;
	font-size: 100%;
}		


/*classes below */   
.BEST {
	background-color: #C0E7BE;
}
.BSIERP {
	background-color:#C0DCFE;
	padding: 0 10px 0 10px;
}

.extralarge {
	font-size: 150%;
	color: white;
	text-align: left;
	margin-top: 5px;
	}
#centercontent .intro {
	font-size: 1.2em;   /*formerly 12px*/
	font-weight:700;
	line-height: 21px;
	color: #595F75;
	margin-bottom: 10px;
}
.cellhead {
	font-size: 90%;
	text-align: center;
	vertical-align: middle;
	margin: 0 0 0 10px;
	font-weight:bold;
	color: white;
}
.celltext {
	font-size: 90%;
	text-align: left;
	vertical-align: middle;
	margin: 0 0 0 10px;
	text-transform: capitalize;
}
#centercontent .date {
	font-weight: 600;
	margin: 15px 0 -10px 0;
	color: #5C7394;
	font-size: 110%;
    }
.emphasis {
	margin: 0px 0 5px 0;
	color:#466C93;
	font-weight:bold;
	font-size: 114%;
	line-height: 1.6em;
        }
#spotlight .emphasis {
	margin: 0px 0 5px 0;
	color:#5F647A;
	font-weight:bold;
	font-size: 115%;
	padding-left: 3px;
	line-height: 1.5em;
        }		

.retrobutton {
	display: block;
	border: 1px solid;
	border-color: #720910;
	width: 20em;
	text-align: center;
	z-index:3;
	text-decoration: none;
	background-color: #EFEFF1;
        } 

.retrobutton:hover {
	position: relative;
	top: 1px;
	left: 1px;
	border-color: #710912;
	text-decoration: none;
	background-color: #9CA6B2;
        } 
.leftimage {
	float: left;
	margin: 10px 15px 10px 0;
	border:1px solid white;
        }
.leftimage-no-border {
	float: left;
	margin: 10px 10px 0 0;
	text-decoration: none;
	border-color: transparent;
        }
.rightimage {
	float: right;
	border: 1px solid white;
	margin: 10px 0 5px 15px;
        }
.rightimage-no-border {
	float: right;
	margin: 10px 0 20px 15px;
	text-decoration: none;
	border-color: transparent;
        }
.centerimage {                   /*for centering images in the spotlight boxes  */
	border:1px solid white;
	margin-left: 10px;
        }
.nprb {
	position: absolute;
	top: 19px;
	left: 796px;
	width: 74px;
	height: 74px;
	z-index: 100;
}
.nsf {
	position: absolute;
	top: 19px;
	left: 887px;
	width: 74px;
	height: 74px;
	z-index: 100;
}

	
.footer {
	border-top: 2px dotted #768400;
	text-align: center;
	font-family: "Trebuchet MS", Verdana, Arial;
	color: #838383;
	margin: 0 10px 0 10px;
	font-weight: normal;
	line-height: 1.3em;
	padding-top: 10px;
	}
	
#spotlight .haiku {
	color: #0066CC;
	font-weight: bolder;
	font-size: 92%;
	line-height: 1.5em;
	text-align: center;
}

#slideshow400 {   /*images are 400px wide. this is for slideshows made in bridge*/
	float: right;
	width: auto;
	border: 2px solid yellow;
	clear: left;
	height: 350px;
	padding: 5px;
}


/*below are for google slideshows that run from picasa web albums and other feeds*/
#slidebox {             /*container div for slideshow and caption divs*/
	float: right;
	width: 310px;
	border: 1px solid white;
	margin: 10px 0px 20px 20px;
	background-color: silver;
	padding: 8px;
}
#slidebox-wide {             /*container div for slideshow and caption divs*/
	width: 420px;
	border: 1px solid white;
	margin: 10px 0px 10px 0px;
	background-color: silver;
	padding: 8px;
}
#slidebox-narrow {             /*container div for slideshow and caption divs*/
	width: 240px;
	padding: 5px;
	background-color: white;
}

.slides a img {border: none;}    

.caption {             /*caption for slideshows*/
	padding: 0.2em;
	width: auto;
	line-height: 1.3em;
	font-style: italic;
	margin: 0;
}
.gss a img {border : none; margin: 0; text-align: center;}

.gss {
	width: auto;
	background-color: #F2F2F2;
	padding: 5px;
	height: 200px;
	text-align: center;
    }
.extralarge {
	color:#666B84;
	font-size:2.3em;
	line-height:1em;
	margin:0px 0 25px 0;
	text-align:left;
	border-top: none;
}
object {
	float: left;
	clear: left;
}