/* Main layout */

#canvas {
	position:			relative;
	width:				100%;
	padding-left: 		4px;
	padding-top:	2px;

}


/* DEFAULT STYLES FOR NON-DYNAMIC MENU */
/* 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;
	height:				20px;
	padding-bottom:		4px;
	padding-top:		0px;
	padding-left:		0px;
}

#nav ul {
	margin:				0px;
	padding:			0px;
}

#nav ul li {
	display:			inline;
	vertical-align:		middle;
	font:				normal 11px ,Tahoma;
	color:				#FFFFFF;

}


#nav ul li a,#nav ul li a:visited {
	display:			block;
	float: 				left;
	font:				normal 11px ,Tahoma;
	color:				#FFFFFF;
	text-decoration:	none;
	padding-left:		10px;
	padding-right:		10px;
	margin-top:			6px;
	font-weight:		bold;

	
}



#nav ul li a:hover,#nav ul li.selected a {
	color:				#666666;
	background-color:	#40423D;
	text-decoration:	none;
	border:				1px;
}

#nav ul ul {
	display:			none;	
}

.selected { font-weight:bold;color:#40423D; }
.normal { font-weight:normal; }




/* MENU STYLES */

.menuitem {
	position:			absolute;
	font:				normal 11px ,Tahoma;
	padding-left:		10px;
	padding-right:		10px;
	margin-top:			5px;
	cursor:				pointer;
	color:				#F2F2F2;
	font-weight:		bold;
}

.x {
	/*
	background-image:	url('images/small_down_arrow.gif');
	background-repeat:	no-repeat;
	background-position:  center right;
	*/
}

.menutracer {

	position:			absolute;
	width:				1px;
	height:				15px;
	background-color: 	#40423D;
	font:				normal 11px ,Tahoma;
	margin-top:			4px;
	margin-left:		0px;
	/*border:			1px solid #acacac;*/
}

.menuback {
	position:			absolute;
	width:				auto;
	height:				auto;
	/*
	background-color:	#666;
	
	border-bottom:		1px solid #B4A1A6;
	border-left:		1px solid #B4A1A6;
	border-top:			1px solid #B4A1A6;
	border-right:		1px solid #B4A1A6;
	*/

	
	padding:			0px;
	padding-left:		1px;
	padding-right:		1px;
	margin:				0px;
	visibility:			hidden;
}

.menulink {
	display:			block;
	padding:			3px;
	width:				150px;
	font:				normal 11px Tahoma;
	text-decoration:	none;
	color:				#FFFFFF;

	background-color:	im;	
	
	margin-bottom:		1px;
	
	
	/*border-bottom:		1px solid #CBCCCF;*/

}
.menulink:hover {
	background-color:	#40423D;
	color:				#FFFFFF;
	cursor:				pointer;
	font:				normal 11px Tahoma;
	
	/*border-bottom:		1px solid #CBCCCF;*/
	
}

.menulink.active {
	/*background-color:	#EFEFEF;*/
	color:				#333;
	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:	#161615;

}

.td2 { display: none; }
.td3 { display: none; }
.td4 { display: none; }
.td5 { display: none; }
