ul.makeMenu, ul.makeMenu ul {
  width: 200px;                 /* sets the size of the menu blocks */
  border: 0px solid #000;      /* puts a black border around the menu blocks */
  background-color: #0033FF;   /* makes the menu blocks darkblue - a bg-color MUST be included for IE to work properly! */
  padding-left: 0px;           /* stops the usual indent from ul */
  cursor: default;             /* gives an arrow cursor */
  margin-left: 0px;            /* Opera 7 final's margin and margin-box model cause problems */
  font-size:12px;
  margin:0px;
}
ul.makeMenu li {
  list-style-type: none;       /* removes the bullet points */
  margin: 0px;                 /* Opera 7 puts large spacings between li elements */
  position: relative;          /* makes the menu blocks be positioned relative to their parent menu item
                                  the lack of offset makes these appear normal, but it will make a difference
                                  to the absolutely positioned child blocks */
  color: #000;                 /* sets the default font colour to white */
  line-height: 26px;
  display: block;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #fff;
}
ul.makeMenu li:hover, ul.makeMenu li.CSStoHighlight {
  width:200px;
  background-color: #fff;   /* gives the active menu items a lightblue background */
  color: #000;                 /* makes the active menu item text black */
}

ul.makeMenu ul.CSStoShow {     /* must not be combined with the next rule or IE gets confused */
  background-color: #fff;   /* gives the active menu items a lightblue background */

  display: block;              /* specially to go with the className changes in the behaviour file */
}
ul.makeMenu li:hover > ul {    /* one of the most important declarations - the browser must detect hovering over arbitrary elements
                                  the > targets only the child ul, not any child uls of that child ul */
  display: block;              /* makes the child block visible - one of the most important declarations */

}
/* and some link styles */
ul.makeMenu li a {
  color: #fff;
  font-weight: bold;
  display: block;
  width: 100%;
  text-decoration: none;
  padding-left: 10px;
}
ul.makeMenu li a:hover, ul.makeMenu li CSStoHighLink { background-color:#fff; color: #000;  z-index: 100; width: 190px; }
ul.makeMenu li:hover > a {
  color: #000;
  z-index: 100;
} /* supports links in branch headings - must not be display: block; */