/* Style Sheet for Great Lakes Science Vessels.org */

/* Style sheet classes I made I grouped like colors together to make it easy to change the 
   whole color scheme quickly and allow the style sheet page to be downloaded quickly.*/


/* This tag eleminates the spacing problem in netscape with images 
   embedded in tables. Place in the <tr> tag*/


tr.netscapeline img {
  display: block;
}

/* This tag eliminates the border around an image.  */

.imgborderno {
  border: none;
}

/* This eliminates the form space in that shows up at the end of a form. */

.formspace {
 display: inline;  
 margin-bottom:0;
}

/* This is basically a table stylesheet to make everything fit.
   Tblfade is the only thing not explained below and is the fade between
   the blue and the green.*/

.tblogin, .tblfade {
  border: 0;
  border-collapse: collapse;
  font-family: Geneva, Verdana, Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: bold;
  padding: 0;  
}


/* This tag was setup for the menu */
.tblmenucell { 
  background: #000080;
  background-image:url(../jpeg/menudefault.jpg);
  background-repeat: no-repeat; 
  border: 0;
  border-collapse: collapse;
  font-family: Arial, Comic Sans Ms, Technical;
  font-size: 8pt;
  font-style: normal;
  font-weight: bold;
  padding: 0;  
}


.tblfade { 
  background: #00aa00;
}


.tblmenu {
  background: #000080;  
  border: 0;
  border-collapse: collapse;
  color: #ffffff;
  font-family: Geneva, Verdana, Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: bold;
  padding: 0;  
  vertical-align: top;
}


.menuside {  
  vertical-align: top;
}



/* This tag was setup for the login mennu specifically for the background. The text is green. */
.tbllogin {  
  background-image:url(../jpeg/greatlakes.jpg);
  background-repeat: no-repeat;
  color: #000080;
}

/* This tag was setup for the login mennu specifically for the background. The text is green. */
.tblloginsub { 
 color: #000000;
}

/* This tag was setup so that the text could be read correctly using a colored table. */
.tbllogintext { 
  background: #00aa00;
  border: 0;
  border-collapse: collapse;
  color: #ffffff;
  font-family: Geneva, Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  font-style: normal;
  font-weight: bold;
  padding: 0;  
}


/* This tag is used to specify the background image for the haer */
.tblheader { 
  background-repeat: no-repeat; 
  border: 0;
  font-family: Geneva, Verdana, Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: bold;
  padding: 0;  
}

/* This tag is used to specify the background image for the header */
.tblheadersub { 
  border: 0;
  border-collapse: collapse;
  padding: 0;  
}

/* This tag is used to specify the background image for the header */
.underbar { 
  background: #00aa00;
  border: 0;
  border-collapse: collapse;
  color: #ffffff;
  font-family: Geneva, Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-style: normal;
  font-weight: bold;
  padding: 0;  
}

/* This tag is used to specify the background image for the header */
.underbarlist { 
  background: #00aa00;
  border: 0;
  border-collapse: collapse;
  color: #ffffff;
  font-family: Geneva, Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-style: normal;
  font-weight: bold;
  padding: 0;  
}

/* This tag is used to make a table which the title sits on to make it readable.*/
.tbltitle { 
  background: #000080;
  border: 0;
  border-collapse: collapse;  
  color: #ffffff;
  font-family: Geneva, Verdana, Arial, Helvetica, sans-serif;
  font-size: 14pt;
  font-style: normal;
  font-weight: bold;
  padding: 0;  
}


/* Coloring tag for the users information*/
.tbleditinfo { 
  background: #000080;
  border: 0;
  border-collapse: collapse;  
  color: #ffffff;
  font-family: Geneva, Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-style: normal;
  font-weight: bold;
  padding: 0;  
}

/*This tag is setup for the main presentation of the body.*/
.tblmainbody {
  background: #ffffff;
  color: #000080;
  border-collapse: collapse;
  border: 0;
  padding: 0;  
  vertical-align: top;
}

.lservlink {
  color: #000080;
  cursor: hand;
  text-decoration:underline;
}

font.error {
  color: #ffffff;
  font-family: Arial, Geneva, Verdana, Helvetica, sans-serif;
  font-size: 9pt;
  
}

a.lservlink:link { 
  color: #000080;
  text-decoration:none;
}

a.lservlink:active { 
  color: #000080;
  text-decoration:none;
}

a.lservlink:visited { 
  color: #000080;
  text-decoration:none;
}

a.lservlink:hover { 
  color: #000080;
  text-decoration:underline;
}


.whitelink {
  color: #ffffff;
  cursor: hand;
}

a.whitelink:link { 
  color: #ffffff;
  text-decoration:none;
}

a.whitelink:active { 
  color: #ffffff;
  text-decoration:none;
}

a.whitelink:visited { 
  color: #ffffff;
  text-decoration:none;
}

a.whitelink:hover { 
  color: #ffffff;
  text-decoration:underline;
}


a.bluelink:link { 
  font-size: 9pt;
  color: #000080;
  text-decoration:none;
}

a.bluelink:active { 
  font-size: 9pt;
  color: #000080;
  text-decoration:none;
}

a.bluelink:visited { 
  font-size: 9pt;
  color: #000080;
  text-decoration:none;
}

a.bluelink:hover { 
  font-size: 9pt;
  color: #000080;
  text-decoration:underline;
}

a.reportlink:link { 
  color: #000080;
  text-decoration:underline;
}

a.reportlink:active { 
  color: #000080;
  text-decoration:underline;
}

a.reportlink:visited { 
  color: #000080;
  text-decoration:underline;
}

a.reportlink:hover { 
  color: #000080;
  text-decoration:none;
}



a.greylink:link { 
  color: #c0c0c0;
  text-decoration:none;
}

a.greylink:active { 
  color: #c0c0c0;
  text-decoration:none;
}

a.greylink:visited { 
  color: #c0c0c0;
  text-decoration:none;
}

a.greylink:hover { 
  color: #c0c0c0;
  text-decoration:underline;
}




.bodyheader {
  background: #00aa00;
  border: 0;
  border-collapse: collapse;  
  color: #ffffff;
  font-family: Geneva, Verdana, Arial, Helvetica, sans-serif;
  font-size: 12pt;
  font-style: normal;
  font-weight: bold;
  padding: 0;  

}

.bodyheaderback {
  background: #DDDDDD;
  border: 0;
  border-collapse: collapse;  
  color: #000000;
  font-family: Geneva, Verdana, Arial, Helvetica, sans-serif;
  font-size: 12pt;
  font-style: normal;
  font-weight: bold;
  padding: 0;  

}

a.barelink:hover{
color: #00aa00;
text-decoration: none;}
a.barelink:link{
color: #00aa00;
text-decoration: none;}
a.barelink:visited{
color: #00aa00;
text-decoration: none;}

.tblinfo {
  background: #0F28A3;
  border: 1;
  border-collapse: collapse;  
  color: #ffffff;
  font-family: Geneva, Verdana, Arial, Helvetica, sans-serif;
  font-size: 9pt;
  font-style: normal;
  font-weight: bold;
  padding: 1;  
}

.tbllist{
  background: #0F28A3;
  border: 1;
  border-collapse: collapse;  
  color: #ffffff;
  font-family: Geneva, Verdana, Arial, Helvetica, sans-serif;
  font-size: 9pt;
  font-style: normal;
  font-weight: bold;
  padding: 1;  
}

.tblgreen{
  background: #00aa00;
  border: 0;
  border-collapse: collapse;  
  color: #ffffff;
  font-family: Geneva, Verdana, Arial, Helvetica, sans-serif;
  font-size: 9pt;
  font-style: normal;
  font-weight: bold;
  padding: 0;  
}

.even{

  background: #0F28A3;
}

.odd{
  background: #000080;
}



/* Normal style sheet classes. */

/* -------------------------------------------------------------------------------------------*/
/* This is to make the letters between the lines look pretty.*/


BODY {
  font-family: Arial, Times New Roman;
  font-size: 9pt;
  font-weight:normal;
  color: #000000;
  background: #ffffff;  
  margin-top: 0px;
}


A:link { 
  color: #000000;
  text-decoration:underline;
}

A:active { 
  color: #333333;
  text-decoration:underline;
}

A:visited { 
  color: #000000;
  text-decoration:underline;
}

A:hover { 
  color: #666666;
  text-decoration:none;

}

table {
  vertical-align: top;
 }

.normal {
	padding: 0px;
	border-spacing: 0px;
	border: none;
	vertical-align: top;
}
.normal2 {
  font-size:9pt;
	padding: 0px;
	border-spacing: 0px;
	border: none;
	vertical-align: top;
	
}

td.normal3 {
  color:blue;
}


.bottomMenu {
	padding: 0px;
	border-spacing: 0px;
	border: 0px;
	vertical-align: top;

}

.bottomMenu a {
	color: #777777;
	font-size: x-small;
	text-decoration: none;
}

.bottomMenu a:hover {
	color: #777777;
	font-size: x-small;
	text-decoration: underline;
}

.bottomMenu a:visited {
	color: #777777;
	font-size: x-small;
	text-decoration: none;
}

.bottomMenu a:visited:hover {
	color: #777777;
	font-size: x-small;
	text-decoration: underline;
}



td.menu {
	vertical-align: top;
	}

.trigger{
      font-size: 9pt;
      color: #000080;
      cursor: pointer;
      cursor: hand;
      font-weight: bold; 
      text-decoration:underline;	
   }

.collapsable{
      color: #000080;
      font-size: 9pt;
      display: none;
   }

th{
	text-align: left;
}



.mapimg
{
 border:0;
}

.mapdiv
{
 position:relative;
 left:0px;
 top:-220px;
 text-align:center;
}




.month
{
 cursor:pointer;
 cursor:hand;
 color:FFFFFF;
 text-weight:bold;
 text-decoration:underline;	
 border-width:6;
 border-style:inset;
 border-color:#ffffff;	
}

.monthhalf
{
 cursor:pointer;
 cursor:hand;
 border-width:6;
 border-style:inset;
 border-color:#ffffff;	
 
}


.alllakes
{
 text-align:center;
 
}

.led
{
 height:30%;
 width:10px;
 font-size:5;
}

.rowhover
{
  background: #00AA00;
}

.schedulebutton
{
	text-align: right;
}

/*recently added by Val*/

.note
{
	font-size:11;
	font-style:italic;
	font-weight:lighter;
}

.currentpage
{
	color:C0C0C0;

}


.error
{
	font-family: Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-size:9pt;
	font-weight:lighter;
	color:FF0000;
	margin:5px;
}

.querytable{
	font-size: xx-small;
	font-family: verdana;
}

.queryth{
	font-size: xx-small;
	font-family: verdana;
	background-color:#efefef;
}

a.sortarrows{
	color: #000000;
	font-size: x-small;
	text-decoration: none;
}

a.sortarrows:visited{
	color: #000000;
	font-size: x-small;
	text-decoration: none;
}

a.sortarrows:hover{
	color: #000000;
	font-size: x-small;
	border: 1px solid;
}

a.sel_sortarrows{
	color: #000000;
	font-size: x-small;
	text-decoration: none;
	border: 1px inset;
}

a.sel_sortarrows:visited{
	color: #000000;
	font-size: x-small;
	text-decoration: none;
	border: 1px inset;
}

a.sel_sortarrows:hover{
	color: #000000;
	font-size: x-small;
	border: 1px solid;
}

.smallform{
	font: 11px Arial;
	cursor: pointer;
}

.smallform_nobord{
	font: 12px Arial;
	border: 1px solid;
	border-color: #000080;
	color: #333333;
}

.boxes{
width: 2em;
}

.medform{
	font: 12px Arial;
}

.hpage{
	color: #000080;
	font-family: Geneva, Verdana, Arial, Helvetica, sans-serif;
  	font-size: 9pt;
  	font-style: normal;
}
.hpage a{
	color: #000080;
	font-weight:bold;
  	text-decoration:none;
}
.hpage a:visited{
	color: #000080;
	font-weight:bold;
  	text-decoration:none;
}
.hpage a:hover{
	color: #00aa00;
	font-weight:bold;
  	text-decoration:underline;
}

a.helpDescription {
      font-size: 9pt;
      color: #000080;
      text-decoration:none;	
   }
   
   
a.helpDescription:hover {
      font-size: 9pt;
      color: #000080;
      text-decoration:none;	
   }

/* End of Style Sheet */


/* End of Style Sheet */
#Table_01 tr td blockquote h3 {
	color: #F00;
}
#Table_01 tr td blockquote h3 u {
	color: #D70000;
}
#Table_01 tr td blockquote h3 u a {
	color: #CE0000;
}