#MainNavigation
{
  /* 	height: 20px;	*/
  /* bbackground-color: #f3f3ec;	*/
  border: 1px solid #82795e;

  font-size: 0.8em; /*0.75*/
  text-transform: lowercase;
  overflow: hidden;
}


#MainNavigation, 
#MainNavigation ul 
{ 
/* all lists */
  padding: 0px;
  margin: 0px;
  list-style: none;
}

#MainNavigation a 
{
  display: block;
  padding: 5px 5px 5px 5px;
  color: #82795e;
  width: 10em;

}


#MainNavigation li ul li a 
{
  padding: 0px;
}

#MainNavigation li 
{  
  /* all list items */
  float: left;
  width: 15em;  /* width needed or else Opera goes nuts */
}

#MainNavigation li ul 
{ 
  /* second-level lists */
  position: absolute;
  background-color: #f3f3ec;
  width: 150px;
  left: -999em; 
  border: 1px solid #82795e;
  padding-left: 10px;
  padding-bottom: 10px;
  /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#MainNavigation li ul li
{
  color: #82795e;
  padding-left: 15px;
  background-image: url(li.gif);
  background-repeat: no-repeat;
  background-position: 0px;
  margin: 5px 10px 5px 0px;
  font-size: 1.0em;
  width: 120px;
}

#MainNavigation li ul li:hover
{
  color: #82795e;
  padding-left: 15px;
  background-repeat: no-repeat;
  background-position: 0px;
  margin: 5px 10px 5px 0px;
  font-size: 1.0em;
  background-color: #f3f3ec;
}


#MainNavigation li ul li a
{
  background-color: #f3f3ec;
}

#MainNavigation li:hover ul, 
#MainNavigation li.sfhover ul 
{ 
  /* lists nested under hovered list items */
  left: auto;
}

#MainNavigation li:hover, 
#MainNavigation li.sfhover 
{
 /*  background-color: red; 	*/
}

#MainNavigation li ul li:hover, 
#MainNavigation li ul li.sfhover 
{
  background-color: #f3f3ec;
  background-image: url(hover.gif);
}


#MainNavigation li:hover a, 
#MainNavigation li.sfhover a 
{
 color: blue;  /*#f3f3ec*/
}

#MainNavigation li:hover ul a, 
#MainNavigation li.sfhover ul a 
{
 color: #82795e
}