
/* dropdown navigation styles */

#menu-navigation {
width:625px;
height:38px;
margin-top:30px;
margin-left:50px;
}


ul#nav { /* main list */

	list-style: none;
	line-height: 1;
}

#nav li { /* main list items */
	float: left;
	width: 115px; /* width needed or else Opera goes nuts */
                padding:0 1px 0 0;
 }

#nav li:hover {background-position: 0 0}

#nav li#plated a {
background-image:url(navimages/plated.jpg);
width:115px
height:38;
display: block;
}

#nav li#plated a:hover {
background-image:url(navimages/plated-over.jpg);
width:115px
height:38px;
display: block;
}

#nav li#cocktail a {
background-image:url(navimages/cocktail.jpg);
width:115px
height:38px;
display: block;
}

#nav li#cocktail a:hover {
background-image:url(navimages/cocktail-over.jpg);
width:115px
height:38px;
display: block;
}

#nav li#stations a {
background-image:url(navimages/stations.jpg);
width:115px
height:38px;
display: block;
}

#nav li#stations a:hover {
background-image:url(navimages/stations-over.jpg);
width:115px
height:38px;
display: block;
}

#nav li#clambake a {
background-image:url(navimages/clambake.jpg);
width:115px
height:38px;
display: block;
}

#nav li#clambake a:hover {
background-image:url(navimages/clambake-over.jpg);
width:115px
height:38px;
display: block;
}

#nav li#grill a {
background-image:url(navimages/grill.jpg);
width:115px
height:38px;
display: block;
}

#nav li#grill a:hover {
background-image:url(navimages/grill-over.jpg);
width:115px
height:38px;
display: block;
}



#nav li ul.subnav { /* second-level lists */
list-style:none;
	position: absolute;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul.subnav li {
float:none;
}

#nav li ul li a {
width:103px;
height:19px;
	background-color: #7295A7;
                font-family:Arial;
                font-size:11px;
                font-weight:bold;
                color:#ffffff;
                text-decoration:none;
                text-align:left;
                padding:10px 0 0 10px;
                margin:0;
border:1px solid #E7F1F5;
                opacity:.95;
                 filter: alpha(opacity=95);
}

#nav li ul li a#plateddrop {
width:135px;
background-image:url(navimages/dropdownbg.jpg);
color:#ffffff;
}

#nav li ul li a#plateddrop:hover {
width:135px;
background-image:url(navimages/dropdownbg-over.jpg);
}

#nav li ul li a#cocktaildrop {
width:135px;
background-image:url(navimages/dropdownbg.jpg);
color:#ffffff;
}

#nav li ul li a#cocktaildrop:hover {
width:135px;
background-image:url(navimages/dropdownbg-over.jpg);
}

#nav li ul li a#stationsdrop {
width:100px;
background-image:url(navimages/dropdownbg.jpg);
color:#ffffff;
}

#nav li ul li a#stationsdrop:hover {
width:100px;
background-image:url(navimages/dropdownbg-over.jpg);
}

#nav li ul li a#clambakedrop {
width:110px;
background-image:url(navimages/dropdownbg.jpg);
color:#ffffff;
}

#nav li ul li a#clambakedrop:hover {
width:110px;
background-image:url(navimages/dropdownbg-over.jpg);
}

#nav li ul li a#grilldrop {
width:100px;
background-image:url(navimages/dropdownbg.jpg);
color:#ffffff;
}

#nav li ul li a#grilldrop:hover {
width:100px;
background-image:url(navimages/dropdownbg-over.jpg);
}

#nav li ul li a:hover {
color:#F4E6C4;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

/* end dropdown navigation styles */


