#mainmenu {
	/* ensure, that second level ul's will be positioned relative to this element */
	position: relative;
	padding-top: 164px;
	*padding-top: 157px;
}

#mainmenu li {
	/*float the main list items*/
	
	margin: 0;
	float: left;
	display: block;
	
	width: 100px;
	
	padding-right: 5px;
	
	*position: relative;
	*top: -14px;
}

#mainmenu li a {
	/*for all links in the list*/
	color: #FFFFFF;
	
	font-weight: bold;
	display: block;
	height: 18px;


	background-color: #00BFDF;
	
	padding: 3px;
	padding-left: 8px;
	padding-right: 8px;
	
	text-align: center;
}

#mainmenu li.on a {
	/*change border color for active topic area*/
	background-color: #717171;
	color: #FFFFFF;
}


#mainmenu li.off a:hover, #mainmenu li.off:hover a {
	background-color: #B7B7B7;
	color: #FFFFFF;
}

#submenu {
	height: 25px;
	background-color: #717171;
	width: 100%;
	
	margin-top: -11px;
	*margin-top: -33px;
}

#submenu li {
	margin: 0px;
	float: left;
	display: block;
	margin-right: 15px;
}

#submenu li a {
	display: block;
	padding: 3px;
	
	color: #FFFFFF;
}