@charset "utf-8";
/* CSS Document */
#Fishing_main {
    width:900px;
    height:750px;
    padding:0px 0;
	background-color:white;
    border:1px solid #fff;
    margin-left: auto ;
    margin-right: auto ;
    margin-top:50px;
 }

#fishing_info{
background-color:white;
float:left;
border:1px solid #fff;
margin-left:15px;
width:870px;
 height:650px;	
}
#Tide_times{
 float:left;
 width:400px;
    height:200px;
    padding:0px 0;
	background-color:white;
    border:1px solid #fff;
    margin-left: auto ;
    margin-right: auto ;
    margin-top:20px;
}
#moon_state{
float:right;
width:90px; 
margin-left:10px; 
margin-right:5px;
margin-top:10px; 
height:100px; 
background-color:black;
}
#tide_pic{
	float:left;
 width:230px;
    height:200px;
    padding:0px 0;
	background-color:white;
    border:1px solid #fff;
    margin-left: 10px ;
    margin-right: 10px ;
    margin-top:20px;
}

#fishing_menu{
float:left;
width:200px;
height:490px;
margin-top:20px;
margin-left:10px;
text-align:left;
 
}




ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 190px;
	border-bottom: 1px solid #ccc;
	}

ul li {
	position: relative;
	}
li ul {
	z-index:2;
	position: absolute;
	background-color:white;
	left: 189px;
	top: 0;
	display: none;
	}
 ul li a {
	display: block;
	text-decoration: none;
	font-family: Tahoma, Geneva, sans-serif;
	color: #030;
	padding: 5px;
	border: 1px solid #ccc;
	border-bottom: 0;
	

	}
ul li a:hover {
background-color:yellow;	
}



/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */
li:hover ul, li.over ul { 
	display: block; 
}

#fishing_info h1{
font-family:sans-serif;
 color:Red;
 font-size:1.9em;
 margin-top:2px;
 margin-bottom:2px;
 margin-left:6px;
}




#lower a{
	font-family:sans-serif;
 color:red;
 font-size:0.9em;
 text-decoration:none;
}
#lower A:hover {
text-decoration: underline;
color:navy;
}

#fishing_info p{
 font-family:sans-serif;
 color:#030;
 font-size:1.0em;
 text-align:center;
 margin-top:2px;
 margin-bottom:2px;
 margin-left:6px;
 margin-right:10px;
}
#Fishing_main h1{
 font-size:1.5em;
margin-top:2px; 
margin-bottom:4px;
color:#030;
text-align:center;
margin-left:10px;
font-family:sans-serif;
}
#fishing_info h1{
 font-size:1.1em;
margin-top:15px; 
margin-bottom:4px;
color:#030;
text-align:left;
margin-left:0px;
font-family:sans-serif;
}
#Fishing_main h2{
 font-family:sans-serif;
 color:#030;
 font-size:1.0em;
 font-weight:800;
 text-align:left;
 margin-top:15px;
 margin-bottom:2px;
 margin-left:10px;
 margin-right:20px;
}
#Tide_times h2{
font-family:sans-serif;
 color:#030;
 font-size:1.0em;
 font-weight:800;
 text-align:center;
 margin-top:4px;
 margin-bottom:4px;
 margin-left:0px;
 margin-right:0px;

}
#moon_state h1{
font-family:sans-serif;
 color:#fff;
 font-size:0.9em;
 font-weight:800;
 text-align:center;
 margin-top:4px;
 margin-bottom:0px;
 margin-left:0px;
 margin-right:0px;	
}





 body {
	background-color:#9CC;
	text-align:center;
}