/* CSS Document */

/* ---------- MAIN NAVIGATION ---------- */

#main-nav {
	float: left;
	width: 730px;
	padding-left: 5px;
}

#main-nav li {
	display: inline;
}

#main-nav a {
	float: left;
	list-style-type: none;
	height: 0px;
	font-family: Helvetica, "Lucida Grande", Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	text-align: center;
	padding: 53px 12px 0px 12px;
}

.label {
	font-size: 12px;
	font-weight: normal;
	display: block;
	color: #C3D5F3;
	cursor: pointer;
}

.main-nav-home a:hover {
	background:
		url(../graphics/csslayout/nav-indicator-shells.gif)
		no-repeat
		top center;
}

.main-nav-calendar a:hover {
	background:
		url(../graphics/csslayout/nav-indicator-umbrella.gif)
		no-repeat
		top center;
}

.main-nav-news a:hover {
	background:
		url(../graphics/csslayout/nav-indicator-radio.gif)
		no-repeat
		top center;
}

.main-nav-map a:hover {
	background:
		url(../graphics/csslayout/nav-indicator-map.gif)
		no-repeat
		top center;
}

.main-nav-beach-cam a:hover {
	background:
		url(../graphics/csslayout/nav-indicator-camera.gif)
		no-repeat
		top center;
}

.main-nav-faqs a:hover {
	background:
		url(../graphics/csslayout/nav-indicator-crab.gif)
		no-repeat
		top center;
}

.main-nav-about a:hover {
	background:
		url(../graphics/csslayout/nav-indicator-bucket.gif)
		no-repeat
		top center;
}

.main-nav-contact a:hover {
	background:
		url(../graphics/csslayout/nav-indicator-beach-ball.gif)
		no-repeat
		top center;
}

/* ---------- BODY LINKS ---------- */

.body-links {
	float: left;
}

.body-links ul {
	list-style-type: none;
}

.body-links li {
	list-style-type: square;
	font-family: Helvetica, "Lucida Grande", Arial, sans-serif;
	font-size: 12px;
	color: #616161;
	background:
		url(../graphics/csslayout/bullet.gif)
		no-repeat
		top left;
	text-align: left;
	text-decoration: none;
	margin: 0px 0px 5px 30px;
	padding-left: 5px;
}

.body-links a {
	list-style-type: none;
	font-family: Helvetica, "Lucida Grande", Arial, sans-serif;
	font-size: 12px;
	color: #3F9D9E;
	text-decoration: none;
}

.body-links a:hover {
	color: #5A8086;
}

/* ---------- FOOTER NAVIGATION ---------- */

.footer-links a {
	font-family: Helvetica, "Lucida Grande", Arial, sans-serif;
	font-size: 12px;
	color: #D0DEF6;
	text-decoration: none;
}

.footer-links a:hover {
	color: #fff;
}

.footer-links li {
	list-style-type: none;
}

.footer-links li a {
	list-style-type: none;
	font-family: Helvetica, "Lucida Grande", Arial, sans-serif;
	font-size: 12px;
	color: #D0DEF6;
	text-align: left;
	margin: 0px0px;
	padding: 0px;
}

.footer-links li a:hover {
	color: #fff;
}