#nav {
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	margin: 0px;
	padding: 5px 0px 5px 10px;
	z-index: 102;
}

#nav a {
	color: #043641;
	/*display: block;*/
	text-decoration: none;
	z-index: 102;
}

#nav a:hover {
	color: White;
	z-index: 102;
}

#nav img {
	border: none;
	z-index: 102;
}

#nav li {
	float: left;	
	list-style: none;
	position: relative;
	z-index: 102;
}

#nav li ul {
	display: none;
	left: 0;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 100%;
	border: 1px white solid;
	background-color: #E6A31A;
	/* IE has to have width set to induce wrapping to a second line*/
	z-index: 102;
}

#nav li ul li a {
	padding: .5em;
	display: block;
	z-index: 102;
}

#nav li:hover ul, #nav li.over ul {
	display: block;
	z-index: 102;
}

#nav div {
	height: 32px;
}

#nav div a {
	/* visibility: hidden; */
}

#nav :link, #nav :visited {
	text-decoration: none;
	display: block;
}

#nav div a {
	height: 100%;
}

.hidden {
	visibility: hidden;
}

/* Item specific css */

#about {
	background-image: url(images/button_about.jpg);
	width: 45px;
}
#about:hover div, #about.over div {
	background-image: url(images/button_about-on.jpg);
}
#about ul {
	width: 90ex;
}


#members {
	background-image: url(images/button_members.jpg);
	width: 61px;
}
#members:hover div, #members.over div {
	background-image: url(images/button_members-on.jpg);
}
#members ul {
	width: 60ex;
}


#employers {
	background-image: url(images/button_employers.jpg);
	width: 70px;
}
#employers:hover div, #employers.over div {
	background-image: url(images/button_employers-on.jpg);
}
#employers ul {
	width: 71ex;
}


#whyJoin div {
	background-image: url(images/button_whyjoin.jpg);
	width: 65px;
}
#whyJoin:hover div, #whyJoin.over div {
	background-image: url(images/button_whyjoin-on.jpg);
}
#whyJoin ul {
	width: 104ex;
}


#organize {
	background-image: url(images/button_organize.jpg);
	width: 61px;
}
#organize:hover div, #organize.over div {
	background-image: url(images/button_organize-on.jpg);
}
#organize ul {
	width: 90ex;
}


#resources {
	background-image: url(images/button_resources.jpg);
	width: 69px;
}
#resources:hover div, #resources.over div {
	background-image: url(images/button_resources-on.jpg);
}
#resources ul {
	width: 47ex;
}


#merchandise {
	background-image: url(images/button_merchandise.jpg);
	width: 82px;
}
#merchandise:hover div, #merchandise.over div {
	background-image: url(images/button_merchandise-on.jpg);
}
