@CHARSET "UTF-8";

#menu {
	width: 100%;
	background-color: #aa8855;
	background-image: url('/cms.libris/application/design/clientSide/default/skins/media/images/menu.jpg');
	background-repeat: repeat;
	height: 36px;
}

#menu table {
	width: 900px;
	margin: 0 auto;
}

#menu table td {
	height:36px;
	padding:1px 0 5px;
	text-align:center;
}

#menu table td > a {
	font-size:18px;
	height:26px;
	padding:4px 0 0;
	text-align: center;
}

#menu table td > a:HOVER {
	background-color: #f2cf41;
	opacity: 0.7;
}

#menu ul {

}

#menu a {
	display: block;
}

#menu a {
	color: #413742;
	line-height: 26px;
}
	
#menu table ul a {
	font-weight: bold;
	color: #2E292F;
	background-color: #e8da53;
	padding-left:10px;
	padding-right:10px;
	opacity: 0.8;
}

#menu a.active {
	font-weight: bold;
}

#menu a:hover {

}

#menu li {
	position: relative;
	float: left;
	width: 205px;
	list-style: none;
	text-align: left;
}

#menu li.active > a {
	font-weight: bold;
}

#menu table ul li.active > a {
	color: #c48619;
}

#menu table ul {
	position: absolute;
	z-index: 500;
}

#menu table td > ul {
	width: 180px;
	padding-top:4px;
}

#menu table ul li:LAST-CHILD {
	background-repeat:no-repeat;
}

#menu table ul ul li:FIRST-CHILD {
	background-position:0 8px;
}

#menu table ul ul {
	position: absolute;
	top: 0;
	left: 100%;
}

div#menu table ul,
div#menu table td:hover ul ul,
div#menu table li:hover ul ul,
div#menu ul li:hover ul ul
{display: none;}

div#menu table td:hover > ul,
div#menu table ul li:hover > ul,
div#menu ul ul li:hover > ul
{display: block;}