@charset "UTF-8";
/* CSS Document */

#menuback {
	width:900px;
	height:32px;
	background-image:url(menu_back.png);
}

ul#menu {
    list-style:none;
    margin:5px 5px 5px -20px;
    overflow:none; /* makes sure the container fits the floated list-items below */
}
ul#menu li{
    padding:5px 8px 4px;
	list-style:none;
    float:left; /* floats list items to the left, creating a horizontal menu */
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-weight:bold;
	font-size:12px;
}

ul#menu li a {
	display:block;
	text-decoration:none;
	color:#FFF;
	font-weight:bold;
	cursor:pointer;
	padding:4px;
	position:relative;
	z-index:2;
	line-height:normal;
}

ul#menu li a:hover {
	text-decoration:none;
	color:#cad4e2;
}

ul#menu li.backLava {
	background: url(menu_bracket_right.png) no-repeat center right;
    position: relative;
	z-index:1;
}

ul#menu li.backLava div.leftLava {
	background: url(menu_bracket_left.png) no-repeat center left;
    height: 24px;
	position:relative;
	margin-left:-8px;
	margin-top:-1px;
}