/* the styling */
#nav {
	height:25px;
	color:#FFF; 
	background:#000;
	padding-left:5px;
	position:relative;
	overflow:hidden;
}

#nav .select, #nav .current {
	margin:0; 
	padding:0; 
	list-style:none;
}

#nav li {
	display:inline; 
	margin:0; 
	padding:0; 
	height:auto;
}

#nav .select a,
#nav .current a {
	display:block; 
	height:25px; 
	float:left; 
	background:#000; 
	padding:4px 10px 0 10px; 
	text-decoration:none; 
	white-space:nowrap; 
	color:#fff;
}
* html #nav .select a,
* html #nav .current a {
	width:1px; 
	height:25px;
}

#nav .select a:hover, 
#nav .select li:hover a {
	background:#999 url(assets/images/menu_arrow_hover.jpg) no-repeat top center;
	cursor:pointer;
}

#nav .current a {
	background:#666 url(assets/images/menu_arrow.jpg) no-repeat top center;
}

#nav .current a:hover {
	background:#666 url(assets/images/menu_arrow.jpg) no-repeat top center !important;
}

#sub {
	height:25px;
	color:#FFF; 
	background:#666;
	padding-left:5px;
	position:relative;
	clear:both;
	overflow:hidden;
}

#sub .select, #sub .current {
	margin:0; 
	padding:0; 
	list-style:none;
}

#sub li {
	display:inline; 
	margin:0; 
	padding:0; 
	height:auto;
}

#sub .select a,
#sub .current a {
	display:block; 
	height:25px; 
	float:left; 
	background:#666; 
	padding:4px 10px 0 10px; 
	text-decoration:none; 
	white-space:nowrap; 
	color:#fff;
}
* html #sub .select a,
* html #sub .current a {
	width:1px; 
	height:25px;
}

#sub .select a:hover, 
#sub .select li:hover a {
	text-decoration:underline;
	cursor:pointer;
}

#sub .current a {
	text-decoration:underline;
}