ul.makeMenu, ul.makeMenu ul {
  width: 6.5em;                 /* sets the size of the menu blocks */
  border: 0px solid #000;      /* puts a black border around the menu blocks */
  background-color: white;      /* 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: 6px;            /* Opera 7 final's margin and margin-box model cause problems */
 
}

* {
	
}

* {
	
}
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: blue;                 /* sets the default font colour to blue */
 padding-left:5px
}
ul.makeMenu 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 */
  top: 4px;                    /* position slightly lower than the parent menu item */
  left: 120px;
	font-size: 12pt;
	width: 12em;
}
ul.makeMenu li:hover, ul.makeMenu li.CSStoHighlight {
  background-color: #CCCC99;      /* gives the active menu items a yellow 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 */
  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 */
  border: 4px solid #CCCC99;
}
/* and some link styles */
ul.makeMenu li a { color: blue; display: block; width: 100%; text-decoration: none; }
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; */
/*</style>
<!--[if gt IE 5.0]><!--[if lt IE 7]>
<!--style type="text/css">*/
/* that IE 5+ conditional comment makes this only visible in IE 5+ */
ul.makeMenu li {  /* the behaviour to mimic the li:hover rules in IE 5+ */
 /* behavior: url( IEmen.htc );*/
}
ul.makeMenu ul {  /* copy of above declaration without the > selector, except left position is wrong */
  display: none; position: absolute; top: 0px; left: 4.7em;
 
  z-index: 200;
}