body {
	color: #000000;
	background: #FFFFFF;

}

.pagetitlebox {
	background-color: #FFFFFF;
	border:0px solid #000000;	
}
.pagetitletext {
	color: #000000;
}

.borderstyle {
	border-color: #000000; 
	background-color: #FFFFFF; 

}

html>body .borderstyle {
	border-color: #000000; 
	background-color: #FFFFFF; 
}


#wbodyleft {
	background-color: #ffffff;
	border-color:#FFFFFF;

}

/* Start Document library suggest a link css */
#suggestdoc {
	background-color: #FFFFFF;
	border-color: #000000;	
}


#suggestdoc a:hover {
}

#suggestdoc a {
}

/*END Document library suggest a link css */

/*Start Map Navigation Styles for Bay & Gulf Pages */

.maptoolcontainer 
{
	border-color: #000000; 
	background-color: #FFFFFF;
}

.maptoolleftblock
{
	background-color: #FFFFFF;
}

.maptoolrightblock
{
	background-color: #FFFFFF; 
}

/*End Map Navigation Styles for Bay & Gulf Pages */



 /* News and Events on Home Splash Added to 5-Button Atlas */
#mainpagenewstitle{
   background: #FFFFFF;
   border-color: #000000;
}

#mainpagenews { 
	background: #FFFFFF;
	border-color: #000000;
}

/*Navigator Default page styles */



.navheader {
	background:#FFFFFF;
	border-color:#000000; 
	}

#navleftcolumn {
	background-color: #FFFFFF;
	border-left-color: #000000;
	border-bottom-color:#000000;
	border-right-color: #000000;
	}

#navleftcolumn img{
	border:1px solid #000000;

}



#navrightcolumn {
	background-color: #FFFFFF;
	border-bottom-color:#000000;
	border-right-color: #000000;
	}

/*EndNavigator Default page styles */


/* Style to help position footer */
.bodycontainer {
	background: transparent;
	}
#bodycontainer {
	background: transparent;
	}
/* Styles*/

a:link {
	color: #000000;
}
a:visited {
	color: #000000;
}
a:hover {
	color: #000000;
}
a:active {
	color: #000000;
}

h3, h4, h5, h6, h7 {
	/*color:#224E74;*/
	color: black;
	
}

h1 {
	color: #000000;
}
h2 {
	border-color: #000000;
}

table th {
	background-color: #FFFFFF;	
}

table td+td {
	color: #000000;
}

acronym {
  border-bottom-color: #000000;
}
.good {
	color:#000000;
}

.fair {
	color:#000000;
}

.poor {
	color: #000000;
}

.title {
	text-align:center;
	font-size:18pt;
}
.downloadlist {
	color: #000000;	
}
.data {
	color: #000000;
}
/* Note:  When background set to white, this causes text to disappear (because it's floated?) */
.databox {
	border-color: #000000;
	background: transparent;
}

.borderbox {
	border-color: #000000;
}

.borderpreserve {
	border-color: #000000;
}

.databox .dataleft {
	background: transparent;
}

.databox .dataright {
	background: transparent;
}
	
.formfield {
	color: #000000;
}

.formlabel {
	background: #FFFFFF;
	color: #000000;
	}

 .fishfield {

	border-color:#000000;
	color: #FFFFFF;
}

.submitbutton input {
	color: #000000;
	background-color: #FFFFFF;
}
  
.databox h4 {
	color: black;
	background-color: #FFFFFF;
}

.databox .data1 {
	background: transparent;
}

/*that's data 1L as in left*/
.databox .data1l {
	background: transparent;
}


.databox .data2 {
	background: transparent;
}

/* Below, that's an L, as in Left */

.databox .data2l {
	background: transparent;
}

.databox .data3 {
	background: transparent;
}
.databox .data3c {
	background: transparent;
}
.databox .data4 {
	background: transparent;
}
.databox .data5 {
	background: transparent;
}
.databox .data6 {
	background: transparent;
}
.databox .datadescription {

	background: transparent;
}

/* CSS 3 selector code to allow alternating colored rows in
	tables.  May use when CSS 3 is adopted.
	
	.databox table tr:nth-child(n){
	}

.databox table tr:nth-child(2n){
	background-color: #eeeeee;
	}*/
	
.databox table th {
	background-color: #FFFFFF;
}

.databox table td {
	background: #FFFFFF;
}

.databox table td+td {
	color: #000000;
}

/*Component boxes for wide pages */

.componentbox {
	background: transparent;
	border-color:1px solid #000000;
}
.componentbox h3 {
	/*6699cc nice*/
	background-color: #FFFFFF;
	color: #000000;
}

.componentbox h4 {
	color: black;
	background-color: #FFFFFF;
}

.componentbox .data {
	color: #000000;
}
.componentbox ul {
	background: transparent;
}
.componentbox .dataleft {
	background: transparent;
	}
.componentbox .dataright {
	background: transparent;
	}

.componentbox info {
	background: #FFFFFF;
	background-color: #000000;
	}
	
.componentbox .data1 {
	background: transparent;
}
.componentbox .data2 {
	background: transparent;
}
.componentbox .data2l {
	background: transparent;
}
.componentbox .data3 {
	background: transparent;
}
.componentbox .data3c {
	background: transparent;
}

/* Added 4-10-03 */
.componentbox .data4 {
	background: transparent;
}

.componentbox .data4c {
	background: transparent;
}
/* End of Addition */

.componentbox .info a:link {
	background: #FFFFFF;
	background-color: #FFFFFF;
}
.componentbox .info a:visited {
	background: #FFFFFF;
	background-color: #FFFFFF;
	color: #000000;
}
.componentbox .info a:active {
	background: #FFFFFF;
	background-color: #FFFFFF;
	color: #000000;
}

.componentbox table th {
	background: #FFFFFF;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-top-color: #000000;
	border-left-color: #000000;	
	color: #000000;
}
.componentbox table tr {
	border-top-color: #000000;
	border-bottom-color: #000000;	
	}

.componentbox table caption {
	background: #FFFFFF;
	border-left-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-top-color: #000000;	
	color: #000000;
}

.componentbox table td {
	border-left-color: #000000;
	border-right-color: #000000;	
	}

.componentbox table #LatestValue {
	background-color: #FFFFFF;
}

.componentbox table td+td {
	color: #000000;
}

.componentbox table tr:first-child {
	border-top-color: #000000;
}

.componentbox table tr th:first-child {
	border-left-color: 1px solid #000000;	
}

.componentbox th.first {
	border-left-color:#000000;
}

.componentbox td.first {
	border-left-color:#000000;
}

.componentbox td.rchhifirst {
	background-color: #FFFFFF;
}

.componentbox td.rchhi {
	background-color: #ffffff;
}

.componentbox td.rchhiyellow {
	text-align: center;
	background-color: #ffffcc;
}

.rchhiselected {
	background-color: #FFFFFF;
}
.rchhifirstselected {
	background-color: #FFFFFF;
	border-left-color: #000000
}

/*End chart table*/

.advisory {
	color: #cc0000;
}

.missing {
	color: #cc0000;
}

li.advisory {
	color: #cc0000;
} 


/* start contact us faq format */
#faq
{
	width: 700px;
}

#faq ul
{
	color:black;
}

#faq li
{
	color:black;
}

/* Popup/Wdtm/Learn More Elements */
/* Note:  with background set to white, you lose text.  
Without it, you lose borders.  
Transparent seems to work in IE 6. Let's try transparent */
#popup {
	background: transparent;
}

#phead {
	background: #FFFFFF;
	border-bottom-color:#000000;
}

#phead h1 {
	background: #FFFFFF;
	color: black;
	border-top-color: #000000;
	border-right-color: #000000;
}

#pbody2 {
	border-color:#000000;
	background-color: #FFFFFF;
}

#pbody2 h2 {
	background: #FFFFFF;
	color: #000000;
	border-top-color: 1px solid #000000;
	border-bottom-color: 1px solid #000000;
}
#pbody {
	border-color: #000000;
	background-color: transparent;
}

#pbody h2 {
	background: #FFFFFF;
	color: #000000;
	border-bottom: 1px solid #000000;
}

#pbody h4 {
	color: #000000;
}

#pbody h5 {
	color: #000000;
}

#pbody ul {
	color: black;

}

#popup td {

	color: #000000;

}


#popup table th {
	color: #000000;
}
.pageinfo {
	color: #000000;
	background-color: #ffffff;
}



/* POSITIONING ELEMENTS */


#navlogo {

	background-color: #ffffff;
	border-right-color: black;	
	}


#navsearch {
	color: #000000;
}

#navsearch input {
	color: #000000;
	background: #ffffff;
}

#navsearch #searcher {

	border: 0px black solid;
	background: #ffffff;
	color: #000000;
}


#navcurrent {
	border-color: black;
		}

/* Watershed Elements */

#subnav {
	background: #ffffff;
	border-color: black;

	}



#subnavmetadata {
	background: #ffffff;
	border-color: black;
	}

#left {
	background: #ffffff;
	border-color:#000000;

	}

#right {
	background: #ffffff;
	}



#left35 {
	background: #ffffff;
	border-color: #000000;

	}

#right65 {
	background: #ffffff;
	}


/* Multi-Page Elements */	

		
/* About Elements */

.aboutcontent {
	background: #ffffff;
	border-color: #000000;

	}
	

.aboutcontent table th {
	color: #000000;
	background-color: #ffffff;
}


.aboutcontent table td+td {
	color: #000000;
}

html>body .aboutcontent table td+td {
	color: #000000;
}

.aboutcontent h1 {
	background: #ffffff;
	color: #000000;
}

.aboutcontent h2 {
	background: #ffffff;
	color: #000000;
	border-bottom-color: #000000;

}

.aboutcontent h3 {
	background: #ffffff;
	color: black;
}


.aboutcontent p+p {
	border-top-color: #000000;
}

.aboutcontent p+h2 {
	border-top-color: #000000;
}

.aboutcontent ul, ol {
	color: #000000;
}

.preferred {
 	background: #ffffff;
}


/* Atlas Navigator Elements */

.splashtitlebullet {
	background: #ffffff;
	color: #000000;
}

#atlassplash { 	
	background: #ffffff;
	}
#atlassplash h1 {
	background: #ffffff;
	border-color: #000000;
	}

#atlassplash p {
	color: black;
	}

#atlassplash #navigation {
	border-color: #000000;
}

#atlassplash #titleb {
	color: black;
}

/* Research Elements */
#researchsplash { 	
	background: #ffffff;
	}

#researchsplash h1 {
	background: #ffffff;
	color: black;
	border-color: #000000;
	}

h6 {
	border-bottom:1px solid #000000;
}

#researchsplash h3 {
	background: #ffffff;
	color: black;
    border-color:#000000;

	}

#researchsplash p {
	color: #000000;
	}
#researchsplash #navigation {
	border-color: #000000;
}


/* Education Elements */

#educationsplash { 
	background: #ffffff;
	}

#educationsplash h1 {
	background: #ffffff;
	color: black;
	border-color: #000000;
	}

#educationsplash h3 {
	background: #ffffff;
	color: black;
	border-color: #000000;
	}
#educationsplash p {
	color: #000000;
	}

#educationsplash #navigation {
	border-color: #000000;
}

#researchhead {
	color:black;
}


#titleb {
	color: black;
	}

#researchsummary {
	background: #ffffff;
	border-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	color: black;
	}

#researchsummary h3 {
	background: #ffffff;
	color: #000000;/* ie5win fudge begins */
	}

#researchsummary .timestamp {
	color: black;
	}
.note {
	background: #ffffff;
	}

/* Admin Elements */

.admincontent {
	border-color: black;
	}

.admincontent h1 {
	background: #ffffff;
	color: #000000;
}
.admincontent h2 {
	background: #ffffff;
	color: black;
}
.admincontent h3 {
	background: #ffffff;
	color: black;
}

.admincontent p {
	border-top-color: black;
}

.admincontent p+p {
	border-top-color: black;
}

.admincontent p+h2 {
	border-top-color: black;
	}
	
	
/* CIP Documents Elements */

.cipdocuments { 
	background: #ffffff;
	}
.cipdocuments .description {  
	background-color: #ffffff;
	}
.cipdocuments p {   
	background-color: #ffffff; 
	}
.cipdocuments .whitebox p {   
	background: #ffffff;
	}
.cipdocuments .graytitle {  
	background: #ffffff;
	border-color: #000000;
	}
.cipdocuments .whitebox {
	background: #ffffff;
	border-color: #000000;
	}

.cipdocuments .author {
	background: #ffffff;
	border-color: #000000;
}

.cipdocuments .container {
	background: #ffffff;
	border-color: #000000;
	}
.cipdocuments .format {
	background: #ffffff;
	border-color: #000000;

}

.cipdocuments .file {
	background: #ffffff;
	border-color: #000000;
}

	
/* Documents Elements */

.largefile {
	color: #000000;
	}

.documents { 	
	background: #ffffff;
	}

.bordercontainer {
	border-color: #000000;
	}

.documents .pictureleft {  /*picture sets this width to 148*/
	background: #ffffff;
	border-color: #000000;
	}
	
.documents .graytop {
	background-color: #ffffff;
	color: #000000;
	border-color: #000000;
	}

.documents .description {  
	background-color: #ffffff;
	border-top:1px solid #000000;
	}
html>body .documents .description {
	background-color: #ffffff;	
}	

.documents p {   
	background-color: #ffffff;
	}


.documents .graytitle {
	background: #ffffff;
	border-color: #000000;
	}

.documents .whitebox {
	background: #ffffff;
	border-color: #000000;
}
.documents .author {
	background: #ffffff;
	border-color: #000000;
}


.documents .container {
	border-color: #000000;
}

.documents .format {
	background: #ffffff;
	border-color: #000000;
}

.documents .file {
	background: #ffffff;
	border-color: #000000;
}
.documents .date {
	background: #ffffff;
	border-color: #000000;

}

/* Brief view Documents */

.documents .graytitlebrief {  
	background: #ffffff;
}
.documents .containerbrief {
	background: #ffffff;
}

.documents .filebrief {
	background: #ffffff;
	border-color: #000000;
}
.documents .datebrief {
	background: #ffffff;
	border-color: #000000;
}

/* Metadata */

.meta { 
	background: #ffffff;
	}
.meta td {
	color: #000000;
	background: #ffffff;
}


.meta table th {
	color: #000000;
}

/* Graphing and Download Styles */

/* The title bar to the steps in the download/graphing document */

.graybox {  
	background: #ffffff;
	border-color: #000000;

}

/* The title bar to the step that the user is currently on becomes highlighted by the selectedbox color */
.selectedbox {  
	background: #ffffff;
	border-color: #000000;
}

/* The title bar to a step becomes this color if there was an error the first time the step was attempted */
.errorbox {  
	background: #ffffff;
	border-color: #000000;
}

/* The container for the content of the steps of the download and graphing page */
.whitebox {
	border-color: #000000;
	background: #ffffff;
	}
html>body .whitebox {
	font-size: small; /* ie5win fudge ends */
}

.download { 	
	background: #ffffff;
	}

/* If a form field is disabled, its accompanying text becomes this "grayed out" color */
.disabled {
}

/* Ecology Styles */

.reportmenuintro {
	background: #ffffff;
}

.reportmenuintro2 {
	background: #ffffff;
}

.reportmenu {
	border: 0px solid #000000;
	background: #ffffff;
}

.reportmenuselected {
	background: #ffffff;
	border: 0px solid #000000;
}

.previouspage {
	background: #ffffff;
}

.nextpage {
	background: #ffffff;
}

.key {
	background: #ffffff;
	}
html>body .key {
	font-size: x-small; /* ie5win fudge ends */
}

.button1 {
	border-color:#000000;
	background:#ffffff;
	}

.button2 {
	border-color:#000000;
	background: #ffffff;
	}
/* News Elements */


#newssplash { 
	background:transparent;
}

#newssplash h1 {
	background: #ffffff;
	color: black;
	border-color: #000000;
	}

.newsbox {
	background: transparent;
	border-bottom-color:  #000000;

}

.newsbg {
	background: transparent;
	border: 0px solid #000000;
}

.newseventbg {
	background: #ffffff;
	border: 0px solid #000000;
}

.newsbox p {
	background: transparent;
}


.newsbox .timestamp {
	color: #000000;
	background: #ffffff;

}

.newsbox .eventtimestamp {
	color: #000000;
	background: #ffffff;
}
.newsbox h2 {
	border-bottom-color: #000000;
	color: #000000;
	
}

.newsbox h4 {
	color: black;
	background-color: #ffffff;
}

.newsbox .data {
	color: #000000;
}
.newsbox ul {
	background: transparent;
}

.newsmenu {
	border-color:#000000;
	background: #ffffff;
}

.tab a:link {
	color: #33ffff;
}
.tab a:visited {
	color: #000000;
}
.tab a:hover {
	color: #3C8D82;
}
.tab a:active {
	color: #3C8D82;
}
.tab {
	background-color:#ffffff;
}
.tabselected {
	background-color: #ffffff;
	color: #000000;
}
.hot a:link {
	color: #FF0000;
}
.hot a:visited {
	color: #FF0000;
}
.hot a:hover {
	color:#990000;
}
.hot a:active {
	color:#990000;
}

.data {
	color: #EE0000;
}


/* News & Events Section Styles 
news frontend style
*/
#newscontainer .headerstyle1 
{
	color:#000000;
}

#newscontainer .headerstyle2 {
	color:#000000;
}

#newscontainer .contentHeader1 {
	color:#339999;

}

#newscontainer .headerblock {
	background:#ffffff;
	border-color: #000000;
}

#newscontainer .headerblock1 {
	background:#ffffff;
	border-color: #7D814F;
}

#newscontainer .leftheaderblock {
	background:#ffffff;
	border-top-color: #000000;
	border-left-color:#000000;
	border-right-color: #000000;
}

#newscontainer .rightheaderblock {
	background: #ffffff;
	border-top: 0px solid #000000;
	border-right: 0px solid #000000;
}


#newscontainer .contentcontainer {
	border-color:#000000;
}


#newscontainer .leftcontentblock {
	border-right-color:#000000;
	border-top-color:#000000;

}

#newscontainer .rightcontentblock {
	border-top-color: #000000;
	border-left-color: #000000;

}

#containerborder {
	border-color: #000000;
}
#containerleft {
	border-right-color: #000000;
}

#containerright{
	border-left-color:#000000;
}

.componentheader {
	color: #000000;
	border-bottom-color: 2px solid #000000;
	background-color: #ffffff;
}

#componentheader2 {
	color: #000000;
	border-bottom-color:#000000;
	background-color: #ffffff;
}
.contentheader1 {
	color:#339999;
	}

.headerstyle4{
	border-top-color:#000000;
	color: #000000;
}

.headerstyle4tab{
	border-top-color:#000000;
	border-left-color:#000000;
	color:#000000;
}
.headerstyle4long{
	border-top-color:#000000;
	color:#000000;
}
.selectionarea {
	border-bottom-color:#000000;
	background-color: #ffffff;
}

.contentfontstyle {
	background-color:#ffffff;
}

.listdatatable th {
	background-color:#ffffff;
}
/* end news frontend style*/

/*announcement item style*/
.dateheader {
	color:#000000;
	background-color:#ffffff;
	border-color:#000000;
}
.boxbordercontainer {
	border-color: #000000;
}

.boxborderpopup {
	border-color: #000000;
}

.boxborderheader {
	background-color:#ffffff;

}

.newsitembox {
	border-left-color:#000000;
	border-right-color: #000000;
	border-bottom-color:#000000;

}

.headerstyle2small {
	color:#000000;

}

#phead #formheader{
	background: #ffffff;
	border-color: #000000;
}


#formheader2 h2 {
	background: #ffffff;
}


/* END News & Events Section Styles */

/*River Reach Map Navigation Styles */


#navcontainer li {
	border: 0px solid  #000000;
}

#navcontainer a {
	background-color: #ffffff;
}

#navcontainer a:link, #navlist a:visited {
	
}

#navcontainer a:hover {
	background-color: #ffffff;
	color: #000000;
}

#navcontainer li a#current {
	background: #ffffff;
	color: #000000;
}
/* END River Reach Map Navigation Styles */