/* ----------- main menu css --------------- */	
.menu
	{
	width:617px;
	float:left;
	height: 27px;
	padding: 0px 0px 0px 31px;
	margin: 0px;
	background:url(../../_images/menu-bg.gif) repeat-x;
	position: relative;
	z-index: 1;
	}
	
.menu ul
	{
	padding: 0px;
	margin: 0px;
	}
	
.menu ul li
	{
	list-style: none;
	float: left;
	margin-left:-2px;
	}
	
.menu ul li a 
	{
	cursor:pointer;
	text-decoration: none;
	float: left;
	font-size: 11px;
	letter-spacing: 1px;
	color: #fff;
	margin: 0px 0px -12px 0px;
	position:relative;
	z-index: 1000;
	}
	
.menu ul li a span.middle
	{
	float:left;
	font-weight: normal;
	padding: 8px 0px 0px 0px;
	}
	
.menu ul li a span.middle img
	{
	border:none;
	visibility:hidden;
	}
	
.menu ul li a span.left,.menu ul li a span.left
	{
	float: left;
	background:url(../../_images/menu-hover-left.png) no-repeat;
	width: 9px;
	height: 39px;
	visibility: hidden;
	}	
	
.menu ul li a span.right,.menu ul li a span.right
	{
	float:left;
	width: 10px;
	height: 39px;
	visibility:hidden;
	background:url(../../_images/menu-hover-right.png) no-repeat;
	}		
	
/* -----------------menu hover and menu selected css -------------- */ 	
	
.menu ul li a.selected,.menu ul li a:hover
	{
	text-decoration: none;
	float: left;
	position: relative;
	margin: 0px 0px -12px 0px;
	overflow: hidden;
	}

.menu ul li a.selected
	{
	z-index:1;
	}
		
.menu ul li a.selected span.left,.menu ul li a:hover span.left
	{
	float: left;
	background:url(../../_images/menu-hover-left.png) no-repeat;
	width: 9px;
	height: 39px;
	visibility: visible;
	}	
	
.menu ul li a.selected span.right,.menu ul li a:hover span.right
	{
	float:left;
	width: 10px;
	height: 39px;
	visibility:visible;
	background:url(../../_images/menu-hover-right.png) no-repeat;
	}
	
.menu ul li a.selected span.middle,.menu ul li a:hover span.middle
	{
	float:left;
	font-weight: normal;
	height: 27px;
	background:#f18e00;
	padding: 12px 0px 0px 0px;
	}