/* Main layout */




/* DEFAULT STYLES FOR NON-DYNAMIC 
 */
/* Note: The top position of the sub-menus is hard coded in the "pupius.co.uk-menu.js" file */
#nav {
	position:relative;
	top:				0px;
	left:				0px;
	width:				100%;
	height:				22px;
	padding-bottom:		1px;
	padding-left:		0px;
	background-color:	#f7f7f7 transparent ;
	margin-bottom:		25px;
	z-index:100;
}

#nav ul {
	margin:				0px;
	padding:			0px;
	z-index:100;
}

#nav ul li {
	display:			inline;
	vertical-align:		middle;
	font:				bold 11px Arial,Helvetica,sans-serif;
}

#nav ul li a,#nav ul li a:visited {
	border-style: none;
	border-color: inherit;
	border-width: 0px;
	display:			block;
		float:				left;
		color:				#666;
		text-decoration:none;
		padding-left:		10px;
		padding-right:		10px;
		margin-top:			3px;
		margin-bottom:		0px;
		z-index:100;
	width: 131px;
}

#nav ul li a:hover,#nav ul li.selected a {
	color:				#666;
	background-color:	#efeeee;
	text-decoration:	none;
}

#nav ul ul {
	display:			none;	
}

.selected { font-weight:bold; }
.normal { font-weight:normal; }




/* MENU STYLES */

.menuitem {
	position:			absolute;
	font:				bold 11px Arial,Helvetica,sans-serif;
	padding-left:		5px;
	padding-right:		5px;
	margin-top:			3px;
	cursor:				pointer;
	color:				#666;
	z-index:100;
}


.x {
	background-image:	url('../images/small_down_arrow.gif');
	background-repeat:	no-repeat;
	background-position:bottom right;
}

.menutracer {
	position:			absolute;
	width:				1px;
	height:				21px;
	background-color:	#efeeee;
	font:				bold 11px Arial,Helvetica,sans-serif;
	margin-top:			1px;
	margin-left:		0px;
	z-index:100;
}


.menuback {
	position:			absolute;
	width:				auto;
	height:				auto;
	background-color:	#666;
	border-bottom:		3px solid #666;
	padding:			0px;
	padding-left:		1px;
	padding-right:		1px;
	margin-top:20px;
	visibility:			hidden;
	z-index:100;
}

.menulink {

	display:			block;
	padding:			3px;
	width:				150px;
	background-color:	#efeeee;
	font:				bold 11px Arial,Helvetica,sans-serif;
	color:				#666;
	margin-bottom:		3px;
	margin-top:		3px;
	text-decoration:	none;
	border-bottom:		1px solid #bfbebe;
}
.menulink:hover {
	background-color:	#EFEFEF;
	color:				#0b88c3;
	cursor:				pointer;
	border-bottom:		1px solid #bfbebe;
}

.menulink.active {
	background-color:	#EFEFEF;
	color:				#0b88c3;
	cursor:				pointer;
}

.sub {

	background-image:	url('../images/small_right_arrow.gif');
	background-repeat:	no-repeat;
	background-position:right center;
}
	


.menuback table {
	border-collapse:	collapse;
	margin:				0px;
	margin-left:		-1px;
}
.menuback td {
	vertical-align:		top;
	height:				100%;
	background-color:	#efeeee;
	border-left:		1px solid #666;
}