/* Start of CMSMS style sheet 'Top Navigation - Global' */
div.top_navigation{
	margin:0px 0px 0px 0px; 
	padding:0px 0px 0px 0px; 
	position:relative; 
	background-image:url(gfx/top_nav_bg.gif); 
	background-repeat:no-repeat; 
	width:905px; 
	height:48px; }

#nav {
list-style-type: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: 0px;
	top: 0px;
	left: 0px;
	width: 726px;
	height: 28px;
	background: #b4aa7b;
}

#nav li ul, #nav li ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}



#nav a {
text-decoration: none;
}

#nav li { /*float the main list items*/
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
float: left;
display: block;

}

#nav li ul {
display: none;padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

#nav li.off ul, #nav li.on ul { /*put the subnav below*/
position: absolute;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
top: 28px;
left: 0;
background: #536227;
height: 16px;
width:570px;

}



#nav li.on:hover ul, #nav li.over ul { /*for ie*/
background: #536227;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width:560px;
}



#nav li.on ul a, #nav li.off ul a {
border: 0;
float: left; /*ie doesn't inherit the float*/
height: 17px;

}

#nav li.on:hover ul a, #nav li.over ul li a { /*for ie - the specificity is necessary*/
background: #536227; 

padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

#nav li.on ul {
display: block;
}

#nav li.off:hover ul, #nav li.over ul {
display: block;
z-index: 6000;padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

#nav li.off a:hover, #nav li.on a:hover {
	text-decoration:underline;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

/*do the image replacement*/

#nav li span {
position: absolute;
left: -9384px;
}

#nav #lihome a {
display: block;
position:relative;
width: 66px;
padding: 0px 0px 0px 0px;
}

#nav #lihistory a {
display: block;
position:relative;
width: 70px;
padding: 0px 0px 0px 0px;
}
#nav #litour a {
display: block;
position:relative;
width: 60px;
padding: 0px 0px 0px 0px;
}
#nav #ligeneral a {
display: block;
position:relative;
width: 100px;
padding: 0px 0px 0px 0px;
}

#nav #liprivate a {
display: block;
position:relative;
width: 112px;
padding: 0px 0px 0px 0px;
}

#nav #limenu a{
display: block;
position:relative;
width: 74px;
padding: 0px 0px 0px 0px;
}


#nav #liwine a {
display: block;
position:relative;
width: 67px;
padding: 0px 0px 0px 0px;
}

#nav #liemp a {
display: block;
position:relative;
width: 102px;
padding: 0px 0px 0px 0px;
}
#nav #licontact a {
display: block;
position:relative;
width: 75px;
padding: 0px 0px 0px 0px;
}

#lihome a, #lihistory a, #litour a, #ligeneral a, #limenu a, #liprivate a, #liwine a, #liemp a, #licontact a {
display: block;
position: relative;
height: 28px;
width:auto;
background: url(gfx/top_nav_on_and_off.gif) no-repeat; /*contains all hover states*/
}

/*first, put the initial states in place*/

#lihome a {
background-position: -0 0;
}

#lihistory a {
background-position: -67px 0;
}

#litour a {
background-position: -138px 0;
}

#ligeneral a {
background-position: -199px 0;
}

#liprivate a {
background-position: -300px 0;
}

#limenu a {
background-position: -413px 0;
}

#liwine a {
background-position: -488px 0;
}

#liemp a {
background-position: -556px 0;
}

#licontact a {
background-position: -659px 0;
}
/*active area - for this demo - the code could be based on a body class, and probably work better.*/

#lihome.on a {
background-position: -0px -28px;;
} /*add selectors for the other li's and background-positions*/


#lihistory.on a {
background-position: -67px -28px;;
} 

#litour.on a {
background-position: -138px -28px;;
} 

#ligeneral.on a {
background-position: -199px -28px;;
} 

#liprivate.on a {
background-position: -300px -28px;;
} 

#limenu.on a {
background-position: -413px -28px;;
} 
 
#liwine.on a {
background-position: -488px -28px;;
} 
#liemp.on a {
background-position: -556px -28px;;
} 
#licontact.on a {
background-position: -659px -28px;;
} 
/*hover states*/

#lihome a:hover, #lihome:hover a, #lihome.over a {
background-position: 0px -28px;
}

#lihistory a:hover, #lihistory:hover a, #lihistory.over a {
background-position: -67px -28px;
}

#litour a:hover, #litour:hover a, #litour.over a {
background-position: -138px -28px;
}

#ligeneral a:hover, #ligeneral:hover a, #ligeneral.over a {
background-position: -199px -28px;
}

#liprivate a:hover, #liprivate:hover a, #liprivate.over a {
background-position: -300px -28px;
}
#limenu a:hover, #limenu:hover a, #limenu.over a {
background-position: -413px -28px;
}

#liwine a:hover, #liwine:hover a, #liwine.over a {
background-position: -488px -28px;
}

#liemp a:hover, #liemp:hover a, #liemp.over a {
background-position: -556px -28px;
}

#licontact a:hover, #licontact:hover a, #licontact.over a {
background-position: -659px -28px;
}

/*subnav formatting*/

#nav li.off ul a, #nav li.on ul a {
	display: block;
	background: #536227;
	color:white;
	font-family: arial, verdana, sans-serif;
	font-size: 11px;
	
}		
#nav #ligeneral ul {
	
	background:none;
	height: 20px;
	margin-left: 280px;
	
}

#nav #limenu ul {
background: #536227;
	height: 20px;
	margin-left:280px;

}

#nav #lihome ul {
	height: 20px;
	margin-left: 290px;
	background: #536227;
}


#nav #litour ul {

	height: 20px;
	margin-left: 290px;
	background: #536227;
}

#nav #lihistory ul {

	height: 20px;
	margin-left: 290px;
	background: #536227;
}


#nav #liprivate ul {
	
	height: 20px;
	background: #536227;
	margin-left: 290px;
}

#nav #liwine ul {
	
	height: 20px;
	margin-left: 290px;
	background: #536227
}
#nav #liemp ul {
	background: #536227;
	height: 20px;
	margin-left: 290px;
}

#nav #licontact ul {
	background: #536227;
	height: 20px;
	margin-left:290px;
}

* html #nav #ligeneral ul {
	margin-left: 280px;
}

* html #nav #lihome ul {
	margin-left: 290px;
}

* html #nav #litour ul {
	margin-left: 290px;
}

* html #nav #lihistory ul {
	margin-left: 290px;
}

* html #nav #liwine ul {
	margin-left:290px;
}

* html #nav #licontactul {
	margin-left:290px;
}

* html #nav #liemp ul {
	margin-left: 290px;
}
* html #nav #liprivate ul {
	margin-left:290px;
}

* html #nav #limenu ul {
	margin-left:280px;

}
#nav #limenu ul li#before { width:225px; height:20px;background: url(gfx/sub_menu2.gif) no-repeat 0px 0px;}
#nav #limenu ul li#brunch a:link, 
#nav #limenu ul li#brunch a:visited {
	width: 94px;
	height: 20px;
	background: url(gfx/sub_menu2.gif) no-repeat -213px 0px;
}

#nav #limenu ul li#brunch a:hover {
	width: 94px;
	height: 20px;
	background: url(gfx/sub_menu2.gif) no-repeat -213px -20px;
}
	


#nav #limenu ul li#lunch a:link, 
#nav #limenu ul li#lunch a:visited {
	width: 45px;
	height: 20px;
	background: url(gfx/sub_menu2.gif) no-repeat -308px 0px;
}

#nav #limenu ul li#lunch a:hover {
	width: 45px;
	height: 20px;
	background: url(gfx/sub_menu2.gif) no-repeat -308px -20px;
}

#nav #limenu ul li#dinner a:link, 
#nav #limenu ul li#dinner a:visited {
	width: 51px;
	height: 20px;
	background: url(gfx/sub_menu2.gif) no-repeat -354px 0px;
}
#nav #limenu ul li#dinner a:hover {
	width: 51px;
	height: 20px;
	background: url(gfx/sub_menu2.gif) no-repeat -354px -20px;
}

#nav #limenu ul li#wine a:link, 
#nav #limenu ul li#wine a:visited {
	width: 41px;
	height: 20px;
	background: url(gfx/sub_menu2.gif) no-repeat -401px 0px;
}
#nav #limenu ul li#wine a:hover {
	width: 41px;
	height: 20px;
	background: url(gfx/sub_menu2.gif) no-repeat -401px -20px;
}

#nav #limenu ul li#dessert a:link, 
#nav #limenu ul li#dessert a:visited {
	width: 51px;
	height: 20px;
	background: url(gfx/sub_menu2.gif) no-repeat -442px 0px;
}
#nav #limenu ul li#dessert a:hover {
	width: 51px;
	height: 20px;
	background: url(gfx/sub_menu2.gif) no-repeat -442px -20px;
}

#nav #limenu ul li#easter a:link, 
#nav #limenu ul li#easter a:visited {
	width: 51px;
	height: 20px;
	background: url(gfx/sub_menu2.gif) no-repeat -493px 0px;
}
#nav #limenu ul li#easter a:hover {
	width: 51px;
	height: 20px;
	background: url(gfx/sub_menu2.gif) no-repeat -493px -20px;
}
/*</group>*/


/*<group=level 2 ids>*/

#nav #ligeneral ul li#hour a:link, 
#nav #ligeneral ul li#hour a:visited {
	width: 107px;
	height: 20px;
	background: url(gfx/sub_general.gif) no-repeat 0px 0px;
}

#nav #ligeneral ul li#hour a:hover {
	width: 107px;
	height: 20px;
	background: url(gfx/sub_general.gif) no-repeat 0px -20px;
}

#nav #ligeneral ul li#res a:link,
#nav #ligeneral ul li#res a:visited {
	width: 78px;
	height: 20px;
	background: url(gfx/sub_general.gif) no-repeat -107px 0px;
}

#nav #ligeneral ul li#res a:hover {
	width: 78px;
	height: 20px;
	background: url(gfx/sub_general.gif) no-repeat -107px -20px;
}


#nav #ligeneral ul li#jazz a:link,
#nav #ligeneral ul li#jazz a:visited {
	width: 111px;
	height: 20px;
	background: url(gfx/sub_general.gif) no-repeat -185px 0px;
}

#nav #ligeneral ul li#jazz a:hover {
	width: 111px;
	height: 20px;
	background: url(gfx/sub_general.gif) no-repeat -185px -20px;
}

#nav #ligeneral ul li#bar a:link,
#nav #ligeneral ul li#bar a:visited {
	width: 31px;
	height: 20px;
	background: url(gfx/sub_general.gif) no-repeat -296px 0px;
}

#nav #ligeneral ul li#bar a:hover {
	width: 31px;
	height: 20px;
	background: url(gfx/sub_general.gif) no-repeat -296px -20px;
}


#nav #ligeneral ul li#staff a:link,
#nav #ligeneral ul li#staff a:visited {
	width: 38px;
	height: 20px;
	background: url(gfx/sub_general.gif) no-repeat -327px 0px;
}

#nav #ligeneral ul li#staff a:hover {
	width: 38px;
	height: 20px;
	background: url(gfx/sub_general.gif) no-repeat -327px -20px;
}


#nav #ligeneral ul li#award a:link,
#nav #ligeneral ul li#award a:visited {
	width: 101px;
	height: 20px;
	background: url(gfx/sub_general.gif) no-repeat -365px 0px;
}

#nav #ligeneral ul li#award a:hover {
	width: 101px;
	height: 20px;
	background: url(gfx/sub_general.gif) no-repeat -365px -20px;
}

#nav #ligeneral ul li#gift a:link,
#nav #ligeneral ul li#gift a:visited {
	width: 94px;
	height: 20px;
	background: url(gfx/sub_general.gif) no-repeat -466px 0px;
}

#nav #ligeneral ul li#gift a:hover {
	width: 94px;
	height: 20px;
	background: url(gfx/sub_general.gif) no-repeat -466px -20px;
}

/* End of 'Top Navigation - Global' */