#mainmenu, #topmenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#mainmenu a {
	text-indent: -999em;
	background-color: transparent;
	background-position: center 34px;
	background-repeat: no-repeat;
}

#mainmenu ul ul a {
	text-indent: 0;
}

#mainmenu a.home { width:37px; background-image: url(../pix/layout/mainmenu-home.gif); }
#mainmenu li.sfHover a.home, #mainmenu a.home:hover, #mainmenu a.home:active { background-image: url(../pix/layout/mainmenu-home-on.gif); }

#mainmenu a.info { width:93px; background-image: url(../pix/layout/mainmenu-info.gif); }
#mainmenu li.sfHover a.info, #mainmenu a.info:hover, #mainmenu a.info:active { background-image: url(../pix/layout/mainmenu-info-on.gif); }

#mainmenu a.gallery { width:108px; background-image: url(../pix/layout/mainmenu-gallery.gif); }
#mainmenu li.sfHover a.gallery, #mainmenu a.gallery:hover, #mainmenu a.gallery:active { background-image: url(../pix/layout/mainmenu-gallery-on.gif); }

#mainmenu a.contact { width:84px; background-image: url(../pix/layout/mainmenu-contact.gif); }
#mainmenu li.sfHover a.contact, #mainmenu a.contact:hover, #mainmenu a.contact:active { background-image: url(../pix/layout/mainmenu-contact-on.gif); }

#mainmenu.subpage a {
	text-indent: 0;
	background: none;
	color: #fff;
}

#mainmenu.subpage li.sfHover a, #mainmenu.subpage a:hover, #mainmenu.subpage a:active {
	text-indent: 0;
	background: none;
	color: #e9e992;
}

.sf-menu ul {
	width: 12em;
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	top:			55px; /* match top ul list item height */
}

.subpage .sf-menu li:hover ul,
.subpage .sf-menu li.sfHover ul {
	top:			40px; /* match top ul list item height */
}

.sf-sub-indicator {
	top:			32px;; /* IE6 only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			32px;
}

.subpage .sf-sub-indicator {
	top:			1.3em;; /* IE6 only */
}
.subpage a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			1.3em;
}


.sf-menu {
	float:			left;
	margin: 0;
	width: 516px;
	background: url(../pix/layout/mainmenu-bg.gif) bottom;
	border-bottom: solid 1px #410000;
}

.subpage .sf-menu {
	width: 506px;
	background: url(../pix/layout/mainmenu-bg-subpage.gif) top repeat-x #6d4317;
}

.sf-menu ul {
}

.sf-menu a {
	border: none;
	text-decoration: none;
	padding: 0 1.93em;
	padding-top: 6px;
	height: 62px;
	line-height: 62px;
}

.subpage .sf-menu a {
	height: 40px;
	line-height: 40px;
	padding: 0 1.9em;
}

.sf-menu a, .sf-menu a:visited, 
.subpage .sf-menu a, .subpage .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/
	color: #410000;
	text-align: center;
}
.sf-menu ul a, .sf-menu ul a:visited,
.subpage .sf-menu ul a, .subpage .sf-menu ul a:visited  { 
	font-size: .9em;
	line-height: 1em;
	padding: .75em 1em;
	height: auto;
	text-align: left;
	color: #710000 !important;
	border-left:	1px solid #fff;
	border-top:		1px solid #d7d789;
}

.sf-menu li {
	margin: 0;
	padding: 0;
}

.sf-menu li, .sf-menu li:hover, .sf-menu li.sfHover {
	background: url(../pix/layout/mainmenu-sep.gif) right bottom no-repeat;
}

.subpage .sf-menu li, .subpage .sf-menu li:hover, .subpage .sf-menu li.sfHover {
	background: url(../pix/layout/mainmenu-sep-subpage.gif) right top no-repeat;
}

.subpage .sf-menu li.at, .subpage .sf-menu li:hover.at, .subpage .sf-menu li.sfHover.at {
	background: url(../pix/layout/mainmenu-bg-subpage-at.gif) top repeat-x;
}

.sf-menu li.last {
	background: none;
}

.sf-menu li.last:hover {
	background: none;
}


.sf-menu li li,
.subpage .sf-menu li li {
	background:		#fff;
}

.sf-menu li li li {
	background:		#fff;
}

.sf-menu ul a:focus, .sf-menu ul a:hover, .sf-menu ul a:active {
	background:		#e4e4a8 !important;
}