.text-menu
{
	color: #755F3B;
	font-size: 8pt;
	margin-top: 10px;
	text-align: center;
}

#menu
{
	padding: 0;
	margin: 0;
	list-style-type: none;
	list-style-image: none;
	width: 100%;
	position: relative;
	font-size: 9pt;
	font-weight: normal;
	text-align: left;
	font-family: sans-serif;
}

#menu.off ul
{
	height: 1px;
}
	
#menu a
{
	color: black;
}
	
#menu a:hover
{
	color: #A52A2A;
}
	
#menu li
{
	background: #DBCCAC url(../images/menus/menu_back.png) left top repeat-x;
	display: block;
	position: absolute;
	bottom: -230px;
}
	
#menu li a
{
	display: block;
	padding: .6em .5em .5em .5em;
	overflow: hidden;
}
	
#menu li ul
{
	list-style-type: none;
	list-style-image: none;
	padding: 0 .5em .2em .5em;
	margin: 0;
	overflow: hidden;
}
	
#menu li ul li
{
	background: none;
	position: static;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #B79D6E;
	white-space: nowrap;
}
	
#menu li ul li a
{
	background: none;
	padding: 0;
	margin: 0;
}

#menu li a span
{
	display: block;
	background: transparent url(../images/menus/menu_sprite.png) no-repeat;
	padding-left: 9999px;
	overflow: hidden;
	width: 100%;
}

#menu li a span.begin { background-position: 0 0; height: 15px; }
#menu li a span.story { background-position: 0 -40px; height: 39px; }
#menu li a span.well { background-position: 0 -80px; height: 37px; }
#menu li a span.universe { background-position: 0 -120px; height: 17px; }
#menu li a span.behind { background-position: 0 -160px; height: 40px; }
#menu li a span.legends { background-position: 0 -200px; height: 38px; }
#menu li a span.family { background-position: 0 -240px; height: 17px; }
#menu li a span.site { background-position: 0 -280px; height: 15px; }