body { behavior: url("css/csshover.htc"); }

ul#main-menu {
	width: 100%;
}

ul#main-menu li a:link, ul#main-menu li a:visited { 
  color: #415a4c; 
  font-size: 9pt; 
  line-height: 1.6em; 
  float: left;
}

ul#main-menu li a:hover {
	color: #000;
}


ul#main-menu, ul#main-menu ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
  
ul#main-menu li {
  float: left;
  position: relative;  
  width: 11em;  
  background-color: #fff;
  padding-left: 8px;
  padding-bottom: 2px;
  padding-top: 2px;
  height: 18px;   
}

ul#main-menu li ul {
  display: none;
  position: absolute; 
  top: 1.8em;
  left: 0;
}
 
ul#main-menu ul ul {
	position: absolute;
	top: 0;
	left: 100%; /* to position them to the right of their containing block */
	width: 100%; /* width is based on the containing block */
}

ul#main-menu li:hover ul {
	display: block;	
}

ul#main-menu li:hover ul ul {
	display: none;
}

ul#main-menu ul li:hover ul  {
	display: block;
}

ul#main-menu li:hover {
	background-color: #e7e7e7;
}

ul#main-menu li.small, ul#main-menu li.small li { 
	width: 7em;	
}
ul#main-menu li.home, ul#main-menu li.home li { width: 4em; }
ul#main-menu li.big-sub li { 
	width: 16em;
}
.has-sub { background-image: url(../images/wineyarrow.gif); background-repeat: no-repeat; background-position: right center; }