ul#nav {
	margin:0;
	padding:0;
	list-style:none;
	line-height:100%;
}

ul#nav li {
	list-style:none;
}

/* make the LI display inline */
/* it's position relative so that position absolute */
/* can be used in submenu */
#nav li.listheader {
	float:left;
	display:block;
	width:167px;
	height:30px;
	position:relative;
	z-index:80;
	margin:0;
	list-style:none;
	background:url(../images/footer_tile.png) repeat-x;
}

/* this is the parent menu */
#nav li.listheader > a {
	display:block;
	padding:0 3px 0 3px;
	font-weight:700;
	height:100%;
	text-decoration:none;
	text-align:center;
}

#nav li.listheader > a:hover {
	color:#fff;
}

#nav li.listheader > a img {
	margin-top:3px;
	background-color:#1f1f1f;
	border:1px solid #8f8f8f;
	opacity: 0.6;
}

#nav li.listheader > a img:hover {
	opacity: 0.8;
}

/* you can make a different style for default selected value */
#nav a.selected {
	color:#f00;
}

/* submenu, it's hidden by default */
ul#nav li ul {
	position:absolute;
	left:0;
	display:none;
	margin:0;
	padding:0;
	list-style:none;
}

#nav li ul li {
	width:152px;
	float:left;
	height:16px;
	padding: 0 0 3px 0;
	margin: 0 0 2px 7px;
	background-color:#1b1b1b;
	opacity:0.93;
}

/* display block will make the link fill the whole area of LI */
#nav li ul li a {
	display:block;
	height:100%;
	padding: 0 0 5px 21px;
	color:#b0b0b0;
	text-align: left;
	background:url(../images/linkicon.png) 3px 3px no-repeat #1b1b1b;
	/*border-bottom:1px solid #7f7f7f;
	border-left:1px solid #7f7f7f;
	border-right:1px solid #7f7f7f;*/
}

#nav li ul li a:hover {
	color:#C06707;
	background:url(../images/linkicon_active.png) 3px 3px no-repeat #595D5E;
}

#navigationPage ul,
#navigationPage li {
	list-style: none;
}

