@charset "utf-8";
/* CSS Document mod_moomenu*/

div.menuContainer
{
	background-color: #EEE;
	padding: 0px;
	margin: 0px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	opacity: 0;
	filter: alpha(opacity = 0);
}

div.horizontalMenuContainer, div.verticalMenuContainer, div.sub-horizontalMenuContainer, div.sub-verticalMenuContainer, div.sub-singleMenuContainer
{
	background-color: #EEE;
	position: absolute;
	left: 0px;
	top: 0px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	opacity: 0;
	filter: alpha(opacity = 0);
	z-index: 100;
}

ul.horizontalMenuContainer, ul.verticalMenuContainer, ul.singleMenuContainer
{
	margin: 0px;
	padding: 0px;
	list-style: none;
	overflow: hidden;
}

ul.horizontalMenuContainer
{
	border-left: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-top: 1px solid #CCC;
	border-right: 1px solid #FFF;
}

ul.verticalMenuContainer
{
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

ul.singleMenuContainer
{
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	float: left;
}

ul.singleMenuContainer ul.singleMenuContainer
{
	border: 0px;
}

#menuContainer li.horizontalMenuItem
{
	float: left;
}

#menuContainer li.verticalMenuItem
{
	float: none;
	display: block;
	clear: both;
}

#menuContainer li.singleMenuItem
{
	font-weight: bold;
	display: inline;
	float: left;
}

#menuContainer li.singleMenuItem li.singleMenuItem
{
	font-weight: normal;
	display: block;
	clear: both;
}

a.horizontalMenuItemText, a.verticalMenuItemText, a.singleMenuItemText
{
	/* We need the background color here for IE7.  If not, the links do not fill horizontally and MouseOver fires */
	background-color: #EEE;
	margin: 0px;
	padding: 5px;
	text-decoration: none;
	color: #333;
	display: block;
}

a.horizontalMenuItemText
{
	border-right: 1px solid #CCC;
	border-left: 1px solid #FFF;
}

a.verticalMenuItemText
{
	border-bottom: 1px solid #FFF;
	border-top: 1px solid #CCC;
}

a.singleMenuItemText
{
}
/* Use CSS to hide text since Joomla inserts text in a separator */
#menuContainer li.verticalMenuItem.separatorItem,
#menuContainer li.singleMenuItem.separatorItem
{
	height: 1px !important;
	margin: 5px 0;
}
#menuContainer li.verticalMenuItem .separator,
#menuContainer li.singleMenuItem .separator
{
	background-color: #EEE;
	display: block;
	height: 1px !important;
	text-indent: -9999px;
}
#menuContainer li.horizontalMenuItem.separatorItem
{
	width: 1px !important;
	margin: 0 5px;
}
#menuContainer li.horizontalMenuItem .separator
{
	background-color: #EEE;
	display: block;
	width: 1px !important;
	text-indent: -9999px;
}