ul.makeMenu, ul.makeMenu ul {
  width: 142px;
  border-width: 1px 1px 0px 1px; border-style: solid; border-color: black;
  background-color: #66BFFF;      /* makes the menu blocks MA blue - 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: 7.8pt;
  font-weight: bold;
}

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*/
  border-width: 0px 0px 1px 0px; border-style: solid; border-color: black;
  background-color: #66BFFF;  /* main element color */
  padding: 6px 0 6px 2px;     /* for each main menu item proper */
}

ul.makeMenu li > ul {          /* using the > selector prevents many lesser browsers (and IE - see below) hiding child ULs */
  display: none;
  position: absolute;          /* make child blocks hover without leaving space for them */
  bottom: -23px;                  /* relative height of the flyout */
  left: 142px;
}
ul.makeMenu li > ul li {          /* using the > selector prevents many lesser browsers (and IE - see below) hiding child ULs */
  padding: 4px 0 4px 2px;
}
ul.makeMenu li:hover, ul.makeMenu li.CSStoHighlight {
  background-color: #74E8D7;
  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 */
  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: #000; display: block; width: 100%; text-decoration: none; }
ul.makeMenu li.highbutton a { color: #e40050; display: block; width: 100%; text-decoration: none; } /* works on top-level anchors, not flyout */
ul.makeMenu li a:hover, ul.makeMenu li a.CSStoHighLink { color: #000; }
ul.makeMenu li:hover > a { color: #000; } /* supports links in branch headings - should not be display: block; */