/* *************************************************************

NAME: nav.css
DATE: 07/13/2005
DESCRIPTION: site-wide main navigation style

************************************************************* */

#nav {
	width: 750px;
	height: 20px;
	
}

#nav li ul {
	display: none;
}

#nav li {
	display:inline;
	list-style: none;
	padding: 0; /*IE5/MAC Padding Fix*/
}

#nav a, #nav span {
	float: left;
	background: url(../images/nav2.gif) no-repeat;
	text-decoration: none; /*Mozilla Underline Fix*/
	height: 20px;
}

#nav strong {
	visibility: hidden;
}


/* ~~~~~~~~~ NAVIGATION BUTTON STYLES ~~~~~~~~~ */

#aboutshoreline a, #aboutshoreline span {
	width: 150px;
	background-position: 0 -40px;
}
#aboutshoreline a.selected, #aboutshoreline span.selected, #aboutshoreline a:hover {
	background-position: 0 -20px;
}

#aquaticcenter a, #aquaticcenter span {
	width: 150px;
	background-position: -150px -40px;
}
#aquaticcenter a.selected, #aquaticcenter span.selected, #aquaticcenter a:hover {
	background-position: -150px -20px;
}

#lakesidecafe a, #lakesidecafe span {
	width: 150px;
	background-position: -300px -40px;
}
#lakesidecafe a.selected, #lakesidecafe span.selected, #lakesidecafe a:hover {
	background-position: -300px -20px;
}

#shorelineevents a, #shorelineevents span {
	width: 150px; 
	background-position: -450px -40px;
}
#shorelineevents a.selected, #shorelineevents span.selected, #shorelineevents a:hover {
	background-position: -450px -20px;
}
#pressroom a, #pressroom span {
	width: 150px; 
	background-position: -600px -40px;
}
#pressroom a.selected, #pressroom span.selected, #pressroom a:hover {
	background-position: -600px -20px;
}