/* *************** MENU *************** */

/* Menuitem body */
div.linkbody
{
	background-repeat: repeat-x;
	background-position: bottom left
}

/* Menuitem left edge */
div.linkleft
{
	background-repeat: no-repeat;
	background-position: bottom left
}

/* Menuitem right edge */
div.linkright
{
	background-repeat: no-repeat;
	background-position: bottom right;
}

/* No submenu item <A> tag */
a.nonsubmenu_item
{
	/* color: black; */
}


ul.menu
{
	list-style: none;
	padding: 0px !important;
	margin: 0 0 0px 0 !important;
	border-top: 1px solid white;
	z-index: 20;
	width: 180px
	/*background-image: url(../../inc/gfx/submenu_arrow_right.gif);
	background-position: center left;
	background-repeat: no-repeat;*/
}

ul.menu_vip
{
	list-style: none;
	padding: 0px !important;
	margin: 0 0 0px 0 !important;
	border-top: 1px solid white;
	z-index: 20;
	
	/*background-image: url(../../inc/gfx/submenu_arrow_right.gif);
	background-position: center left;
	background-repeat: no-repeat;*/
}

ul.menu li
{
	margin: 0px;
	background-image: url(../../inc/gfx/parent_icon.gif);
	background-position: center left;
	background-repeat: no-repeat;
}

ul.menu a
{
	display: block;
}

ul.menu li a:hover
{
	/*background-color: #999999;*/		/* remove comments if testing is needed */
}

ul.submenu
{
	position: absolute;
	top: auto;
	z-index: 50;
	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
	list-style: none;
	
	visibility: hidden;
	
	width: 160px;
	background-color: #EEEEEE;

	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
}

ul.submenu li a
{
	position: relative;
	width: 100% auto;
	display: block;
	padding: 3px 15px 3px 6px;
}

/*
	These signify a branching menu item with an arrow icon, the arrow goes left or right depending on which layout css is used
	(rightcol_menu.css is currently the only one which uses right-arrows)
*/
a.submenu_item
{
	background-repeat: no-repeat;
}

ul.submenu
{
	position: absolute;
	left: 100%;
	top: 0px;
}

ul.submenu li
{
	margin-right: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	background-image: url() !important;
}

a.submenu_item /* these signify a branching menu item with an arrow icon */
{
	/*background-image: url(../../inc/gfx/submenu_arrow_right.gif);
	background-position: center right;*/
}

ul.menu li
{
	position: relative;
	display: block;
	width: 100%;
	/*clear: both;*/
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	float: left;
	clear: both;
}

ul.menu li a
{
	position: relative;
	clear: both;
	display: block;
	padding: 0px 15px 0px 8px;
}