/* CBIBS CSS Document */

body {
	/* the following two prepare a non-stark background */
	background-image: url(bg_g.gif); /* grey */
	background-repeat: repeat-x;
}
/* home page buoy_status flash */
#buoy_status {
	border:  1px solid #000;
	margin: 2px;
	margin-top: 10px;
	padding: 2px;
	background:#FFF;
	width: 150px;
	height: 150px;
	text-align: center;
}
#CBOS_logo {
	height: 50px;
	width: 50px;
	float:right;
	border:0;
	
}
#Facebook_logo {
	height: 40px;
	width: 40px;
	float:left;
	border:0;
	margin-right: 10px;
	margin-top: 5px;
	
}
/* sensor status table, used in various other tables */
table.expnd{
  	width: 98%;
  	position: relative;
  	top: -4px;
  	left: -4px;
  	border: 1px solid #000;
  	background: #fff;

  	margin: 0;
  	padding: 10px;
  	font-family: "Lucida Grande", Arial, sans-serif;
  	font-size: small;
  	background: #b5b5b5;
  	}
table.expnd th {
  	margin: 0;
  	padding: 5px 10px;
  	text-align: left;
  	border-bottom: 1px solid #b5b5b5;
  	border-left: 1px solid #b5b5b5;
  	}
table.expnd th.title {
  	margin: 0;
  	padding: 5px 10px;
  	text-align: center;
  	}
table.expnd td {
  	margin: 0;
  	padding: 4px 10px;
  	text-align: left;
  	border-bottom: 1px solid #b5b5b5;
  	border-left: 1px solid #b5b5b5;
  	}
table.expnd th {
  	color: #999;
  	}
table.expnd .name {
  	text-align: left;
  	}
table.expnd tr {
  	background: #e6e6e6;
  	}
table.expnd tr.alt {
  	background: #f1f1f1;
  	}
table.expnd a {
	text-decoration:none;
	}
table.expnd a:hover {
	text-decoration:underline;
 	background: #6475a9;
 	color:#ffffff;
	}

/* new menu goes here */

/* Non tabbed main menu and hover*/
a#m1 img {background-image: url(http://www.buoybay.org/site/public/images/gap_menu/m1.png);}
a#m1:hover img {background-image: url(http://www.buoybay.org/site/public/images/gap_menu/m1h.png);}

a#m2 img {background-image: url(http://www.buoybay.org/site/public/images/gap_menu/m2.png);}
a#m2:hover img {background-image: url(http://www.buoybay.org/site/public/images/gap_menu/m2h.png);}

a#m3 img {background-image: url(http://www.buoybay.org/site/public/images/gap_menu/m3.png);}
a#m3:hover img {background-image: url(http://www.buoybay.org/site/public/images/gap_menu/m3h.png);}

a#m4 img {background-image: url(http://www.buoybay.org/site/public/images/gap_menu/m4.png);}
a#m4:hover img {background-image: url(http://dev.buoybay.org/site/public/images/gap_menu/m4h.png);}

a#m5 img {background-image: url(http://www.buoybay.org/site/public/images/gap_menu/m5.png);}
a#m5:hover img {background-image: url(http://www.buoybay.org/site/public/images/gap_menu/m5h.png);}

/* Tabbed main menu and hover*/
a#m1t img {background-image: url(http://www.buoybay.org/site/public/images/gap_menu/m1t.png);}
a#m1t:hover img {background-image: url(http://www.buoybay.org/site/public/images/gap_menu/m1h.png);}

a#m2t img {background-image: url(http://www.buoybay.org/site/public/images/gap_menu/m2t.png);}
a#m2t:hover img {background-image: url(http://www.buoybay.org/site/public/images/gap_menu/m2h.png);}

a#m3t img {background-image: url(http://www.buoybay.org/site/public/images/gap_menu/m3t.png);}
a#m3t:hover img {background-image: url(http://www.buoybay.org/site/public/images/gap_menu/m3h.png);}

a#m4t img {background-image: url(http://www.buoybay.org/site/public/images/gap_menu/m4t.png);}
a#m4t:hover img {background-image: url(http://www.buoybay.org/site/public/images/gap_menu/m4h.png);}

a#m5t img {background-image: url(http://www.buoybay.org/site/public/images/gap_menu/m5t.png);}
a#m5t:hover img {background-image: url(http://www.buoybay.org/site/public/images/gap_menu/m5h.png);}

/* pipes between menu items */
a#p1 img {background-image: url(http://www.buoybay.org/site/public/images/gap_menu/pipe_yes.png);}
a#p1yes img {background-image: url(http://www.buoybay.org/site/public/images/gap_menu/pipe_no.png);}

a#p2 img {background-image: url(http://www.buoybay.org/site/public/images/gap_menu/pipe_yes.png);}
a#p2yes img {background-image: url(http://www.buoybay.org/site/public/images/gap_menu/pipe_no.png);}

a#p3 img {background-image: url(http://www.buoybay.org/site/public/images/gap_menu/pipe_yes.png);}
a#p3yes img {background-image: url(http://www.buoybay.org/site/public/images/gap_menu/pipe_no.png);}

a#p4 img {background-image: url(http://www.buoybay.org/site/public/images/gap_menu/pipe_yes.png);}
a#p4yes img {background-image: url(http://www.buoybay.org/site/public/images/gap_menu/pipe_no.png);}


/*Banner Links*/

a.bannerLink:link {
	font: bold 8pt Arial, sans-serif;
	color: #D5DBAD;
	text-decoration:none;
	margin:10px 10px 10px 0px;
}

a.bannerLink:visited {
	font: bold 8pt Arial, sans-serif;
	color: #D5DBAD;
	text-decoration:none;
	margin:10px 10px 10px 0px;
}

a.bannerLink:hover {
	/* color: #D5DBAD; */
	color: #000000;
	background:#D5DBAD;
}
	
a.bannerLink:active {
	color: #EAF796;
}

/*****End Banner Links*******/
/*******************************************/

div.sub_menu_spacing{margin-left: 0px; margin-top: 10px; margin-right: 0px; margin-bottom: 3px; }

/*Begin Main Links*/

a.MainLink:link {
	font: 9pt Arial, sans-serif;
	color: #FFFFFF;
	text-decoration:none;
	margin:5px 9px 5px 9px;
}

a.MainLink:visited {
	font: 9pt Arial, sans-serif;
	color: #FFFFFF;
	text-decoration:none;
	margin:5px 9px 5px 9px;
	margin-bottom: 23px;
	margin-top: 23px;
}

a.MainLink:hover {
	color: #EAF796;
}
	
a.MainLink:active {
	color: #FFFFFF;
}


/* underline the sub menu if active */
a.UnderlineMainLink:link {
	font: 9pt Arial, sans-serif;
	color: #EAF796;
	text-decoration:underline;
	margin:5px 9px 5px 9px;
}

a.UnderlineMainLink:visited {
	font: 9pt Arial, sans-serif;
	color: #EAF796;
	text-decoration:underline;
	margin:5px 9px 5px 9px;
}

a.UnderlineMainLink:hover {
	color: #FFFFFF;

}
	
a.UnderlineMainLink:active {
	color: #FFFFFF;
	text-decoration:underline;
}



/*NOAA logo adjustments*/
div.noaa  {
   width:56px;
   height:60px;
   padding:0px 0;

}


/* this set the word 'email:' */
.footertable{
	font: 8pt Arial, sans-serif;
	color:#D5DBAD;
}

/* footer links */
a.footerLink:link {
	font: bold 8pt Arial, sans-serif;
	color: #D5DBAD;
	text-decoration:none;
	margin:0px 4px 0px 4px;
}

a.footerLink:visited {
	font: bold 8pt Arial, sans-serif;
	color: #EAF796;
	text-decoration:none;
	margin:0px 4px 0px 4px;
}

a.footerLink:hover {
	color: #000000;
	background:#D5DBAD;
}
	
a.footerLink:active {
	color: #EAF796;
}


/* this set the word 'email:' */
.footertable2{
	font: 9pt Arial, sans-serif;
	color:#F6F603;
}

/* footer links */
a.footerLink2:link {
	font: 9pt Arial, sans-serif;
	color: #F6F603;
	text-decoration:none;
	margin:0px 1px 0px 1px;
}

a.footerLink2:visited {
	font: 9pt Arial, sans-serif;
	color: #F6F603;
	text-decoration:none;
	margin:0px 1px 0px 1px;
}

a.footerLink2:hover {
	color: #000000;
	background:#F6F603;
}
	
a.footerLink2:active {
	color: #EAF796;
}

/*Right Column Content Formatting*/

div.Head {
    font: 16pt Baskerville, Times New Roman, Times, serif;
	color: #FFFFFF;
	margin:10px 0px 10px 0px;
}

/* for NOAA to be spelled out in header */
div.Head strong {
	font-size: 50%;
}


div.SubHead  {
    font: bold 11pt Arial, sans-serif;
	color: #1A284F;
	/* margin:5px 0px 10px 0px; */
	margin: 0px 0px 10px 0px;
}

div.SubHead ul  {
	font-size: 95%;
	margin: 4px 0 4px 3px;
	padding: 0 0 0 6px;
	list-style: none;
}

div.SubHead li li {
	font-size: 90%;
	padding: 0 0 5px 8px;
	background: url(http://www.buoybay.org/site/public/images/rightarrow2.gif) no-repeat 0 2px;
}


div.appHead  {
  font: bold 11pt Arial, sans-serif;
	color: #1A284F;
	margin:10px 5px 10px 5px;
}

div.appHead ul  {
	font-size: 95%;
	margin: 4px 0 4px 3px;
	padding: 0 0 0 6px;
	list-style: none;
}

div.appHead li {
	font-size: 90%;
	padding: 0 0 10px 8px;
	background: url(http://www.buoybay.org/site/public/images/rightarrow2.gif) no-repeat 0 2px;
}

div.waterHead  {
  font: bold 11pt Arial, sans-serif;
	color: #1A284F;
	margin:10px 5px 10px 5px;
}
div.waterHead ul  {
	font-size: 95%;
	margin: 4px 0 4px 3px;
	padding: 0 0 0 6px;
	list-style: none;
}
div.waterHead li {
	font-size: 95%;
	padding: 0 0 10px 8px;
}

a.waterHead:link {
	/* color: #6475a9; */
	/* color: #3b4879; */
	color: #6475a9;
	text-decoration:underline;
}
a.waterHead:visited {
	color: #6475a9;
	text-decoration:underline;
}
a.waterHead:hover {
	color: #000000;
}	
a.waterHead:active {
	color: #6475a9;
}

div.SubIndexHead  {
    font: 9.5pt Arial, sans-serif;
	color: #1A284F;
	margin: 20px 15px 20px 15px;
}

div.SubIndexHead li {
	list-style: disc;
}


/* for graphing pages */
div.graphHead  {
    font: bold 10pt Arial, sans-serif;
	color: #1A284F;
	margin:10px 5px 10px 5px;
	margin:2px 0 2px 2px;
}

div.graphHead ul  {
	font-size: 95%;
	margin: 1px 0 1px 0;
	padding: 0 0 0 4px;
	list-style: none;
}

div.graphHead li {
	font-size: 90%;
	padding: 0 0 2px 8px;
	background: url(http://www.buoybay.org/site/public/images/rightarrow2.gif) no-repeat 0 2px;
}

ul.fred1 li {
	/* not sure if i can just set this to nothing for advanced graph x & y */
	padding: 0 0 1px 0;
	background: no-repeat 0 2px;
}



/* when sidebar is on the right, format for est 101 sub menu */
div.revSubHead  {
    font: 11pt Arial, sans-serif;
	font-size: 85%;
	color: #1A284F;
	margin:15px 15px 15px 15px; /* top-right-bottom-left*/
}

div.revSubHead a {
	text-decoration:none;
}

div.revSubHead a:hover {
		color: #000000;
		background:#CCCC99;
}

div.content  {
    font:  10pt Arial, sans-serif;
	color: #1A284F;
	margin:5px 10px 5px 20px;
	
}


div.gggsponsors  {
    font:  8pt Arial, sans-serif;
	color: #D5DBAD;
	margin:5px 10px 5px 20px;
	
}

div.LineProp  {
   border:solid #1A284F;
   border-width:0px 3px 3px 0px;
   border-top-width:0px;
   border-right-width:1px;
   border-left-width:0px;
   border-bottom-width:0px;
   margin:-20px 0px -20px 0px; 
   
}

div.Linetop  {
   border:dotted #605234;
   border-width:0px 3px 3px 0px;
   border-top-width:1px;
   border-right-width:0px;
   border-left-width:0px;
   border-bottom-width:0px;
   margin:0px 0px 0px 0px; 
   
}

/* sub menu navigation links */
a.subnav:link {
	font: 9pt Arial, sans-serif;
	color: #D5DBAD;
	text-decoration:none;
	margin:10px 10px 10px 10px;
}

a.subnav:visited {
	font: 9pt Arial, sans-serif;
	color: #EAF796;
	text-decoration:none;
	margin:10px 10px 10px 10px;
}

a.subnav:hover {
	color: #D5DBAD;
	color: #ffffff;
	background: #3b4879;
}
	
a.subnav:active {
	color: #EAF796;
}


/* est sub menu navigation links */
a.UnderlineSubLinkA:link {
	font: bold 9pt Arial, sans-serif;
	color: #000000;
	text-decoration:underline;
	margin:10px 10px 10px 10px;
}
a.UnderlineSubLinkA:visited {
	font: bold 9pt Arial, sans-serif;
	color: #000000;
	text-decoration:underline;
	margin:10px 10px 10px 10px;
}
a.UnderlineSubLinkA:hover {
	color: #D5DBAD;
	text-decoration:none;
	background: #3b4879;
}
	
/* est sub menu navigation links */
a.UnderlineSubLinkB:link {
	font: 9pt Arial, sans-serif;
	color: #000000;
	text-decoration:none;
	margin:10px 10px 10px 10px;
}
a.UnderlineSubLinkB:visited {
	font: 9pt Arial, sans-serif;
	color: #000000;
	text-decoration:none;
	margin:10px 10px 10px 10px;
}
a.UnderlineSubLinkB:hover {
	color: #EAF796;
	text-decoration:underline;
	background: #3b4879;
}


/* same nav menu as site map */
#sitemap ul {
	list-style: none;

}
#sitemap a {
	color:#1a284f;
	font-size:90%;
	text-decoration: none;
	
}
#sitemap a:hover {
	color:#3b4879;
	text-decoration: underline;	
}

/* same nav menu as site map */
#sitemap2 ul {
	list-style: none;

}
#sitemap2 a {
	color:#1a284f;
	font-size:90%;
	text-decoration: none;
	
}
#sitemap2 a:hover {
	color:#3b4879;
	text-decoration: underline;	
}

/* this will go away since it does not seem to work in ie, going with a javascript answer */
/* hide the answer to the investigation question until the hover */
div#hideanswer a span {display: none;}
div#hideanswer a:hover span {display: block;
  width: 425px;
   padding: 5px; margin: 10px; z-index: 100;
   color: #AAA; background: #1a284f;
   font: 10px Verdana, sans-serif; text-align: center;}


p.switchgroup2 {
width: 425px;
padding: 20px;
background: #d5dbad;
}

a#g1 img {background-image: url(buttons/1a.gif);}
a#g1:hover img {background-image: url(buttons/1b.gif);}

a#g2 img {background-image: url(buttons/7a.gif);}
a#g2:hover img {background-image: url(buttons/7b.gif);}

a#g3 img {background-image: url(buttons/30a.gif);}
a#g3:hover img {background-image: url(buttons/30b.gif);}