@charset "utf-8";
/*
  Date: 2008 February 04
  By:   Dennis A. Marcelo
	
  Kan Pacific Saipan
  This file contain the Cascading Style Sheets (CSS) for all the menu in this website
*/

/*	IMAGESELECTTION
		this css is use in the following
			- selection of tide chart
*/
	#imageSelection img {
		border: #39F 2px ridge;
		filter:	alpha(opacity=50);
		-moz-opacity: 0.5;
	}
	
	#imageSelection a:hover img {
		border: #F90 2px solid;
		filter:	alpha(opacity=100);
		-moz-opacity: 1;
	}
/*	End of IMAGE SELECTION */




/*	MENUBOTTOM
		this css is use in the following
			- bottom menu: company information ang copy right
*/
.menuBottom {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0066CC;
}		

.menuBottom A:link 		{text-decoration: none;				font-size: 10px; color: #0066CC; font-weight: bold;}
.menuBottom A:visited	{text-decoration: none;				font-size: 10px; color: #0066CC; font-weight: bold;}
.menuBottom A:active	{text-decoration: none;				font-size: 10px; color: #0066CC; font-weight: bold;}
.menuBottom A:hover 	{text-decoration: underline;	font-size: 10px; color: #0066CC; font-weight: bold;}
/*	End of MENUBOTTOM */


#menuVerticalHeader {
	border-bottom: #06C 2px dotted;
	color: #333;
	display: block;
	font-size: 14px;
	font-weight: bold;
	margin: 10px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	width: 175px; /* column width: 200 - (right padding: 15 + right margin: 5)*/
}




#menuVerticalHome {
	color: #333;
	display: block;
	font-size: 14px;
	font-weight: bold;
	margin: 10px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	width: 175px; /* column width: 200 - (right padding: 15 + right margin: 5)*/
}

#menuVerticalHome a 			{	text-decoration: none; font-size: 14px; }
#menuVerticalHome a:hover {	text-decoration: underline; font-size: 14px;}


#menuVertical { /* UL with id menu setting*/
	display: block;	/* do not remove - para magpantay ang submenu01 sa IE at Firefox */
	position: relative; /* do not remove - para hindi bumababa ang ibang menu kapag lumabas ang popup */ 
	list-style: none;
	line-height: 20px;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	width: 175px;
}

#menuVertical li a { /* LI with link mouse-out */
	background: #FFF;
	display: block;
	line-height: 20px;
	padding: 0px 0px 0px 20px;
	text-decoration: none;
}

#menuVertical li:hover a { /* LI with link mouse-over */
	background: #9CF;
	display: block;
	line-height: 20px;
	padding: 0px 0px 0px 20px;
	text-decoration: none;
}

#menuVertical li:hover ul#submenu01 { /* to show UL with id submenu01 */
	display: block; /* do not remove - para lumabas ang popup*/
	position: absolute; /* do not remove - para macontrol ang x and y position ng popup */
}

#menuVertical ul#submenu01 {
	background: #FFF;
	border:  #06C 1px solid;
	list-style: none;
	display: none;
	left: 150px; /* x position ng popup */
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
	width: 160px;
}

#menuVertical ul#submenu01 li a {
	background: #FFF;
	display: block;
	line-height: 20px;
	padding: 0px 0px 0px 20px;
	position: relative;
	top: -25px;	
	text-decoration: none;
}

#menuVertical ul#submenu01 li:hover a {
	background: #9CF;
	display: block;
	line-height: 20px;
	padding: 0px 0px 0px 20px;
	text-decoration: none;
}