/* here is the CSS for the JS menu on the side */

#menu ul {
margin: 0;
padding: 0;
list-style: none;
width: 196px; /* Width of Menu Items */
border-bottom: 0px solid #ccc;
}
#menu ul li {
position: relative;
}
#menu li ul {
position: absolute;
left:195px;
top: 0;
display: block;
}
#menu li:hover ul {
display: block;
}
#menu li:hover>ul {
visibility:visible;
}
#menu ul ul {
visibility:hidden;
}
/* Fix IE. Hide from IE Mac \*/
* html #menu ul li { float: left; height: 1%; }
* html #menu ul li a { height: 1%; }
/* End */
/* Make-up syles */
#menu ul, li {
margin: 0 0 0 0;
}
/* Styles for Menu Items */
#menu ul a {
display: block;
text-decoration: none;
color: #fff;
background: #2F7B6E; /* IE6 Bug */
padding: 5px;
border: 0px solid #ccc;
border-bottom: 0;
}
/* Hover Styles */
#menu ul a:hover {
color: #990000;
background: #1E6A5D;
}

/* Sub Menu Styles */
#menu li ul a {
text-decoration: none;
color: #fff;
background: #2F7B6E;
padding: 5px;
border: 1px solid #ccc;

}
/* Sub Menu Hover Styles */
#menu li ul a:hover {
color: #990000;
background: #1E6A5D;
}
/* Icon Styles */
#menu ul a.submenu {background:#2F7B6E url("http://www.overheardinnewyork.com/images/icons/plus.jpg") no-repeat right; }
#menu ul a.submenu:hover {background:#1E6A5D url("http://www.overheardinnewyork.com/images/icons/minus.jpg") no-repeat right;}