#nav {
	font-family: Arial;
	font-size: 12px;
	margin: 0;
	padding: 0;
}

#nav :link {
	color: #fff;
	/*display: block;*/
	text-decoration: none;
}

#nav :visited {
	color: white;
	text-decoration: none;
}

#nav a:hover {
	color: #fff;
}

#nav :link, #nav :visited {
	text-decoration: none;
	display: block;
}

#nav img {
	border: none;
}

#nav li {
	float: left;	
	list-style: none;
	position: relative;
	margin-right: 3px;
}

#nav li ul {
	display: none;
	position: absolute;
	top: 100%;
	/* IE has to have width set to induce wrapping to a second line*/
}

#nav li ul li a {
	padding: 4px 10px 3px 10px;
	display: block;
	background: #162b35;
	width: 12em;
}

#nav li ul li a:hover {
	display: block;
	background: #2d5263;
}

#nav div {
	height: 22px;
}

#nav div a{
	height: 22px;
}

#nav li:hover ul, #nav li.over ul {
	display: block;
}

.hidden {
	visibility: hidden;
}

/* Item specific css */
#about {
	background-image: url(img/button_about.gif);
	width: 80px;
}
#about:hover div, #about.over div {
	background-image: url(img/button_about-on.gif);
}

#calendar {
	background-image: url(img/button_calendar.gif);
	width: 137px;
}
#calendar:hover div, #calendar.over div {
	background-image: url(img/button_calendar-on.gif);
}

#membership {
	background-image: url(img/button_membership.gif);
	width: 102px;
}
#membership:hover div, #membership.over div {
	background-image: url(img/button_membership-on.gif);
}

#photos {
	background-image: url(img/button_photos.gif);
	width: 70px;
}
#photos:hover div, #photos.over div {
	background-image: url(img/button_photos-on.gif);
}

#media {
	background-image: url(img/button_media.gif);
	width: 70px;
}
#media:hover div, #media.over div {
	background-image: url(img/button_media-on.gif);
}

#newsletter {
	background-image: url(img/button_newsletter.gif);
	width: 102px;
}
#newsletter:hover div, #newsletter.over div {
	background-image: url(img/button_newsletter-on.gif);
}

#resources {
	background-image: url(img/button_resources.gif);
	width: 92px;
}
#resources:hover div, #resources.over div {
	background-image: url(img/button_resources-on.gif);
}

