/************************************************
 * Styles Navgation
 * These rules style the horizontal-main 
 * and secondary navgation.
 ***********************************************/


/* NAVIGATION
----------------------------------------------- */
/* nav div holds unordered list of links */
div#nav
{
	width:100%; 	/* makes the div full width */
	float:left; /*makes the div enclose the list */
	background-color: #FFCC66;
	
}

div#nav ul
{
	list-style: none;
}

div#nav ul li
{
	float: left;
	display: inline;
	position: relative;
	list-style: none;
}

div#nav ul li a
{
	padding: 8px 0px 8px 0px;
	display:  block;
	width: 84px;
	text-decoration: none;
	color: black;
	background-color: #fc6;
	font-size: 9px;
	text-align: center;
	border-right: 1px solid rgb(82, 45, 27);
}

div#nav ul li a#photo
{
	width: 89px;
}

div#nav ul li a.last
{
	border-right: 1px solid #fc6;
}


div#nav ul li a:hover
{
	background-color: #ffc;
}

div#nav ul li a:active
{
	padding: 8px 0px 8px 0px;
	background-color: #633;
	color: white;
}



/* This is for the current page. 
 * The key is to give the body an id
 * equal to the anchor's id, so it 
 * changes just the current page's
 * anchor  to help the viewer know
 * where they are in the site. */
#home #nav #home, #fish #nav #fish, #plan #nav #plan, #reservations #nav #reservations, #photo #nav #photo, #contact #nav #contact, #rates #nav #rates, #empl #nav #empl, #web #nav #web
{
	font-weight: bold;
	text-decoration: underline;
}



/* Secondary navigation
----------------------------------------------- */
#nav2 p
{
	font-size: 11px;
	color: black;
	white-space: nowrap;
}

#nav2 a
{
	font-size: 11px;
	color: black;
}

#nav2 a:hover
{
	color: black;
	border-bottom: 1px solid black;
}