.mainmenu {
    text-align: center;
    list-style-type: none;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
	height: 22px;
	vertical-align: middle;
	line-height: 22px;
	background-image: url(../images/menuhatter.png);
	background-position: left;
	background-repeat: repeat-x;
	width: 962px;
}

.mainmenu li { 
	display: inline; 
    border-right: 2px solid #CCA864;
    border-left: none;
	height: 22px;
	line-height: 22px;
    padding: 2 0 4 0;
	margin: 0 0 0 0; 
}

.mainmenu span {
	margin: 0 0 .7em 0; 
    padding: .2em 1em .01em 1em;
    background-color: #2A0000;
    color: #2A2A2A;
}


.mainmenu a, .mainmenu a:visited {
	font-weight: bold;
	font-size: 8pt;
	height: 22px;
	line-height: 22px;
    color: #FFFF00;
    text-decoration: none;
	background-image: url(../images/menuhatter.png);
	background-position: left;
	background-repeat: repeat-x;
	margin: 0 0 0 0; 
    padding: 5px 10px 5px 12px;
}

.mainmenu a:hover   { 
	font-weight: bold;
	font-size: 8pt;
	height: 22px;
	line-height: 22px;
	color: #900000; 
	background-image: url(../images/menuhatterc.png);
	background-position: left;
	background-repeat: repeat-x;
	background-color: #CCA864; 
	margin: 0 0 0 0; 
    padding: 5px 10px 5px 12px;
}

.menucurrent a, .menucurrent a:visited {
	font-weight: bold;
	font-size: 8pt;
	height: 22px;
	line-height: 22px;
    color: #900000;
    background-color: #CCA864;
	background-image: url(../images/menuhatterc.png);
	background-position: left;
	background-repeat: repeat-x;
	margin: 0 0 0 0; 
    padding: 5px 10px 5px 12px;
}

.menucurrent a:hover { 
	font-weight: bold;
	font-size: 8pt;
	height: 22px;
	color: #FFFF00; 
	background-color: #CCA864;  
	margin: 0 0 0 0; 
    padding: 5px 10px 5px 12px;
}