/*
comment: mslevin
This works fine on all browsers except IE 5 on Mac
PC: ie5 | ie5.5 | ie6 | Firefox | Mozilla | Opera
Mac: Firefox | Safari
*/

#mid-strip-nav,
#main-menu {
  float: left;
  margin: 0;
  padding: 0;
  width: 198px;
}
/* TOP LEVEL */
#mid-strip-nav ul,
#main-menu ul {
  position: relative;
  list-style: none;
  margin: 0px 3px 0px 2px;
  padding: 0;
}
#mid-strip-nav li,
#main-menu li {
  list-style: none;
  background: #c1c1c1 url(/images/left-menu-bg.gif) no-repeat top;
  text-align: right;
  border: 1px solid #BBBBBB;
  margin: 0 0 2px 0;
  padding: 5px 7px 0 0;
  height: 21px;
  he\ight: 16px;  
}
#mid-strip-nav li a,
#main-menu li a {
  color: #005C13;
  font-weight: bold;
  text-decoration: none;
}
#mid-strip #mid-strip-nav ul li.large,
#main-menu ul li.large {
  list-style: none;
  background: #c1c1c1 url(/images/left-menu-bg-large.gif) no-repeat top;
  text-align: right;
  border: 1px solid #BBBBBB;
  margin: 0px 0px 2px 0px;
  padding: 5px 7px 0px 0px;
  height: 35px;
  he\ight: 31px;
}
#mid-strip #mid-strip-nav ul li.large a,
#main-menu ul li.large a {
  color: #e00;
}
#mid-strip #mid-strip-nav ul li.last,
#main-menu ul li.last {
  margin: 0;
}
#mid-strip #mid-strip-nav ul li:hover,
#main-menu ul li:hover {
  background: #cecece;
}
#mid-strip-nav li:hover, #mid-strip-nav li.hover,
#main-menu li:hover, #main-menu li.hover {
  position: static;
}



/* 2nd LEVEL */
#mid-strip-nav ul ul,
#main-menu ul ul {
  position: absolute;
  border-left: 3px solid #fff;
  text-align: left;
  left: -999em;
  width: 275px;
  margin: -19px 0 0 4px;
  _margin: -6px 0 0 4px;
  padding: 0;
  background: #cecece;
}
#mid-strip-nav li li,
#main-menu li li {
  border: none;
  display: block;
  background: none;
  text-align: left;
  text-transform: uppercase;
  margin: 0;
  padding: 6px;
}
#mid-strip-nav li li a,
#main-menu li li a {
  margin: 0;
  padding: 0;
}


#mid-strip-nav li:hover ul ul, #mid-strip-nav li:hover ul ul ul, #mid-strip-nav li.sfhover ul ul, #mid-strip-nav li.sfhover ul ul ul,
#main-menu li:hover ul ul, #main-menu li:hover ul ul ul, #main-menu li.sfhover ul ul, #main-menu li.sfhover ul ul ul {
	left: -999em;
}
#mid-strip-nav li:hover ul, #mid-strip-nav li li:hover ul, #mid-strip-nav li li li:hover ul, #mid-strip-nav li.sfhover ul, #mid-strip-nav li li.sfhover ul, #mid-strip-nav li li li.sfhover ul,
#main-menu li:hover ul, #main-menu li li:hover ul, #main-menu li li li:hover ul, #main-menu li.sfhover ul, #main-menu li li.sfhover ul, #main-menu li li li.sfhover ul { /* lists nested under hovered list items */
  top: auto;
  left: 189px;
  _left: 191px;
}