#menu
{
	height: 30px;
	background: url(bg.gif) repeat-x;
	padding: 0px 10px 0px 10px;
	margin: 0px;
	font-size: 76%;
}

#menu ul 
{
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}

#menu li
{
	display: inline;
}

#menu a
{
	float: left;
	height: 30px;
	margin: 0px 5px 0 5px;
	padding: 4px 5px 5px 5px;
	font-weight: bold;
	color: #eee;
	text-decoration: none;
	
}

#menu .active
{
	float: left;
	height: 30px;
	margin: 0px 5px 0 5px;
	background: url(hover.gif) repeat-x;
	font-weight: bold;
	color: #000;
}

#menu a:hover
{
	height: 30px;
	background: url(hover.gif) repeat-x;
	padding: 4px 5px 5px 5px;
}