ul.WMAMenu {
  float: left;                 /* swaps ULs from vertical to l to r */
  border: 0px solid #000;      /* puts a black border around the menu blocks */
  background-color: #9DDCFB;      /* makes the menu blocks mint green - 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 */
  list-style: none;
}

ul.WMAMenu ul {
  width: 140px;                 /* sets the size of the menu blocks */
  
  background-color: #0099CC;      /* background color of drop down menus - 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 */
  list-style: none;
  border-style: solid;
  border-width:0px;
  border-bottom-width: 1px;
  border-color:#FFFFFF;
}

ul.WMAMenu li {
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size : 12px;
  text-decoration : none;
  color : #000000;
  font-weight : bold; 
  float: left;
  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 */
  padding:0px;
   /* padding-right:10px;*/
  left:0px;
  color: #fff;                 /* sets the default font colour to white */
}

ul.WMAMenu li > ul {          /* using the > selector prevents many lesser browsers (and IE - see below) hiding child ULs */
  display: none;               /* hides child menu blocks - one of the most important declarations */
  position: absolute;          /* make child blocks hover without leaving space for them */
  width:166px;
  top: 0px;                    /* position slightly above than the parent menu item */
  left: 180px;                  /* this must not be more than the width of the parent block, or the mouse close */
  float:none;
}

ul.WMAMenu li li {
  width:160px;
  left:0px;
  padding:3px;
  border-style: solid;
  border-width:0px;
  border-top-width: 1px;
  border-color:#FFFFFF;
}

ul.WMAMenu li ul li> ul {          /* using the > selector prevents many lesser browsers (and IE - see below) hiding child ULs */
  position: absolute;
  top:2px;
  left:118px;
}

ul.WMAMenu li:hover, ul.WMAMenu li.CSStoHighlight {
  background-color: #7E201E;      /* gives the active menu items a yellow background */
  color: #FFFFFF;                 /* makes the active menu item text black */ 
}
ul.WMAMenu 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.WMAMenu 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.WMAMenu li a { font-size : 12px;color: #000000; display: block; text-decoration: none; }
ul.WMAMenu ul li a {width:100%;}
ul.WMAMenu li a:hover, ul.WMAMenu li a.CSStoHighLink {
  font-size:12px;
  color:#CCCCCC;
  text-decoration:none;
}
ul.WMAMenu li:hover > a { color: #000000; } /* supports links in branch headings - must not be display: block; */