/* styles for dynamic menu */

.nav, .nav * {
	margin:0;
	padding:0;
}
.nav {
	height:38px;
	width:800px;
	padding-left:100px;
}
.nav ul {
	float: left;
	height:40px;
	z-index:2;
	background-image:url(../images/menu_bg.gif);
	background-repeat:repeat-x;
	
}
.nav li {
padding-right:13px;
padding-left:13px;
font-family:"Times New Roman", Times, serif;
font-size:14px;
color:#FFFFFF;
text-decoration:none;
height:40px;
line-height:40px;
background-image:url(../images/menu_divider.gif);
background-position:right;
background-repeat:no-repeat;
background-color:transparent;
float: left;
list-style:none;
z-index:2;
}

.nav li a {
text-decoration:none;
color:#FFFFFF;
}

.nav li.current ul {
	z-index: 2;
	display:block;
}
.nav li.sfHover ul,
ul.nav li:hover ul {
	z-index: 2;
}
.nav li li {
height:37px;
padding-right:10px;
padding-left:10px;
font-family:"Times New Roman", Times, serif;
font-size:14px;
color:#cfcf9b;
text-decoration:none;
line-height:37px;
background-image:none;
}


.nav li ul {
	left:0px;
	top:-999em;
	position:absolute;
	width:960px;
	height:37px;
	background-image:url(../images/sub_menu_bg.png);
	background-position:left bottom;
	background-repeat:repeat-x;
	background-color:transparent;
}
.nav li ul li {margin-bottom:auto; text-align:center;}

.nav li ul li a {
color:#FFFFFF;
}

.nav li:hover,
.nav li.sfHover,
.nav li.current,
.nav a:focus, .nav a:hover, .nav a:active {
	color:#cfcf9b;
}
.nav li.sfHover a,
.nav li.current a,
.nav a:focus, .nav a:hover, .nav a:active {
	border-bottom: none;
}
.nav li li.current a {
	font-weight: bold;
}
.nav li li:hover,
.nav li li a:focus, .nav li li a:hover {
	color:#cfcf9b;
}
.nav li:hover ul, /* pure CSS hover is removed below */
body .nav li.current ul, /* this must be more specific than the .superfish override below */
ul.nav li.sfHover ul {
	top:2.5em;
}

.nav li:hover li ul,
.nav li.sfHover li ul {
	top:-999em;
}
.nav li li:hover ul, /* pure CSS hover is removed below */
ul.nav li li.sfHover ul {
	top:2.5em;
}
/*following rule negates pure CSS hovers
so submenu remains hidden and JS controls
when and how it appears*/
.superfish li:hover ul,
.superfish li li:hover ul {
	top: -999em;
}

.sfHover {
color:#cfcf9b;
}

/* menu offsets */
#black-horse-inn ul #bar { padding-left:145px;}
#menus ul #a-la-carte {padding-left:140px;}
#accommodation ul #rooms {padding-left:480px;}
#guestbook ul #view-guestbook {padding-left:630px;}
#contact ul #contact-form {padding-left:720px;}