/* All <ul> tags in the menu including the first level */
.menulist, .menulist ul {
  margin: 10px 0 0 0;
  padding: 1px;
  width: 130px;
  font-family: Helvetica,Arial,Sans-Serif;
  font-size: 16pt;
  font-weight: bold;
  list-style: none;
  background: #3F3F3F;
  border: none;
  float: left;
}

/* Submenus (<ul> tags) are hidden and absolutely positioned across from their parent */
.menulist ul {
  background: #F2984C;
  font-size: 10pt;
  display: none;
  width: 180px;
  position: absolute;
  top: 0;
  left: 100px;
  top: 7px;
}

/* All menu items (<li> tags) are relatively positioned (to correctly offset submenus). */
.menulist li {
  color: #AF00AF;
  position: relative;
}

.menulist p {
  color: white;
  font-size: 8pt;
  font-weight: normal;
  padding-left: 10px;
  margin: 0;
  margin-top: 2px;
  margin-bottom: 15px;
  position: relative;
}

/* Links inside the menu */
.menulist li a {
  display: block;
  color: #AF00AF;
  padding: 1px 0px 1px 1px;
  text-decoration: none;
  border: 1px solid transparent;
  margin: 0;
}

/* HACKS: MSIE6 doesn't support transparent borders, mimic with margins */
* html .menulist li a {
  border-width: 0;
  margin: 1px;
}

/*
   Lit items: hover/focus = the current item. 
   highlighted' = parent items to visible menus.
   Here, active items are given a border, and a padding tweak to 'elevate' 
   the text within.
   */
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
  color: #AF00AF;
  background-color: #3FAF3F;
  padding: 1px 0px 1px 1px;
  border: 1px solid #3FAF3F;
  margin: 0;
}

.menulist a.highlighted {
  color: #AF00AF;
  background-color: #3FAF3F;
  border: 1px solid #3FAF3F;	
  margin: 0;
}

/* 'subind' submenu indicators, which are automatically prepended to 'A' tag contents. */
.menulist a .subind {
  float:right;
}

/*
   HACKS: IE/Win:
   A small height on <li> and <a> tags and floating prevents gaps in menu.
   * html affects <=IE6 and *:first-child+html affects IE7.
   You may want to move these to browser-specific style sheets.
   */
*:first-child+html .menulist li {
  float: left;
  width: 100%;
}

* html .menulist li {
  float: left;
  height: 1%;
}
* html .menulist a {
  height: 1%;
}
/* End Hacks */