/********************** NAVIGATION ************************/

#nav-container {
	width: 218px;
	margin-left: 42px;
	position: relative;
	z-index: 4;
}

#nav-top {
	width: 218px;
	height: 22px;
	background: url(../images/nav-top.png) no-repeat;
	behavior: url(iepngfix.htc);
}

#nav-middle {
	width: 218px;
	background: url(../images/nav-bkgd-rep.png) repeat-y;
	behavior: url(iepngfix.htc);
}

#nav-bottom {
	width: 218px;
	height: 22px;
	background: url(../images/nav-bottom.png) no-repeat;
	behavior: url(iepngfix.htc);
}

#nav {
	width: 199px;
	margin-left: 7px;
	margin-top: -1px;
}

.nav{
	width: 199px;
	float: left;
}

.nav a{
	display: block;
	height: 100%;
}

#nav a:hover{
   background-position: -199px 0;
}

#nav-01 a {
	background: url(../images/nav-home.png) no-repeat 0 0;
	display: block;
	height: 28px;
}

#nav-02 a {
	background: url(../images/nav-membership.png) no-repeat 0 0;
	display: block;
	height: 28px;
}

#nav-03 a {
	background: url(../images/nav-newsletter.png) no-repeat 0 0;
	display: block;
	height: 28px;
}

#nav-04 a {
	background: url(../images/nav-blog.png) no-repeat 0 0;
	display: block;
	height: 28px;
}

#nav-05 a {
	background: url(../images/nav-events-calendar.png) no-repeat 0 0;
	display: block;
	height: 28px;
}

#nav-06 a {
	background: url(../images/nav-kumquat-fest.png) no-repeat 0 0;
	display: block;
	height: 28px;
}

#nav-07 a {
	background: url(../images/nav-public-services.png) no-repeat 0 0;
	display: block;
	height: 28px;
}

#nav-08 a {
	background: url(../images/nav-civic-organizations.png) no-repeat 0 0;
	display: block;
	height: 28px;
}

#nav-09 a {
	background: url(../images/nav-shop-dining.png) no-repeat 0 0;
	display: block;
	height: 28px;
}

#nav-10 a {
	background: url(../images/nav-recreation.png) no-repeat 0 0;
	display: block;
	height: 28px;
}

#nav-11 a {
	background: url(../images/nav-attractions.png) no-repeat 0 0;
	display: block;
	height: 28px;
}

#nav-12 a {
	background: url(../images/nav-healthcare.png) no-repeat 0 0;
	display: block;
	height: 28px;
}

#nav-13 a {
	background: url(../images/nav-nearby-communities.png) no-repeat 0 0;
	display: block;
	height: 28px;
}

#nav-14 a {
	background: url(../images/nav-volunteer.png) no-repeat 0 0;
	display: block;
	height: 28px;
}

#nav-15 a {
	background: url(../images/nav-relocation.png) no-repeat 0 0;
	display: block;
	height: 28px;
}

#nav-16 a {
	background: url(../images/nav-photo-gallery.png) no-repeat 0 0;
	display: block;
	height: 28px;
}

#nav-17 a {
	background: url(../images/nav-contact-us.png) no-repeat 0 0;
	display: block;
	height: 28px;
}

#nav-18 a {
	background: url(../images/nav-accommodations.png) no-repeat 0 0;
	display: block;
	height: 28px;
}

#nav-19 a {
	background: url(../images/nav-cruise-in.png) no-repeat 0 0;
	display: block;
	height: 28px;
}

.vertical-popout{
	position: absolute;
	visibility: hidden;
	margin-top: 0px;
	border: 1px solid #000000;
	padding: 3px 8px;
	margin-left: 35px;
	z-index: 5;
	background: url(../images/nav-popout-bkgd.png) repeat;
	behavior: url(iepngfix.htc);
}

.vertical-popout a{
	color: #ffffff;
	display: block;
	text-decoration: none;
	margin-right: 6px;
	text-indent: 0px;
	font: 13px/18px "Lucida Grande", Lucida, Verdana, sans-serif;
}

.vertical-popout a:hover{ 
	color: #feb539;
}


/********************** NAVIGATION END ************************/