/**
 * Defines base menu structure for menus.
 */
ul.ablMenu,
ul.ablMenu li.menuItem,
ul.ablMenu ul.subGroup,
ul.ablMenu a.link,
ul.ablMenu span.text
{
	margin: 0;
	padding: 0;
	position: relative;
	display: block;
	white-space: nowrap;
}
ul.ablMenu,
ul.ablMenu ul.subGroup,
ul.ablMenu li.menuItem
{
	list-style-type: none;
}
ul.ablMenu a,
ul.ablMenu a:link,
ul.ablMenu a:visited,
ul.ablMenu a:hover,
ul.ablMenu a:active
{
	text-decoration: none;
}


/**
 * Menu (horizontal and vertical) styling
 */
ul.ablMenu div.subGroupCanvass
{
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 10px;
	height: 10px;
}
ul.ablMenu.menu ul.subGroup
{
	display: none;
	position: absolute;
	width: auto;
	height: auto;
	left: 0;
	top: 0;
	z-index: 1;
}


/**
 * Horizontal menu styling
 */
ul.ablMenu.horizontal li.menuItem
{
	float: left;	/* Stack the top horizontal line of menu items */
}
ul.ablMenu.horizontal ul.subGroup li.menuItem
{
	float: left;	/* Stops 'jumping' in IE6 when sub-items become visible */
	clear: both;
}
ul.ablMenu.horizontal > li.first span
{
	padding-left: 0;
}
ul.ablMenu.horizontal > li.last span
{
	padding-right: 0;
}


/**
 * Clamshell styling
 */
ul.ablMenu.clamshell ul.subGroup
{
	display: none;
	position: relative;
}