ul.makeMenu, ul.makeMenu ul {
  width: 80px;                 /* sets the size of the menu blocks */
  border: 0px solid #000;      /* puts a black border around the menu blocks */
  background-color: #fff;      /* 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 */
  font-size: 10px;
  font-weight : normal;
}
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 */
	
	font-size: 10px;
	font-weight: normal;
	top: 0px;
	left: 0px;
}
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: 5px; /* position slightly lower than the parent menu item */
	left: 90px;
}
ul.makeMenu li:hover, ul.makeMenu li.CSStoHighlight {
  background-color: #ffa;      /* 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 */
}
/* and some link styles */
ul.makeMenu li a { color: #000; display: block; width: 100%; }
ul.makeMenu li a:hover, ul.makeMenu li a.CSStoHighLink { color: #000; }
ul.makeMenu li:hover > a { color: #000; } 
.outerMemun
{
	padding: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	list-style-image: url(   '../images/greenDot.jpg' );
	text-align: left;
}

.innerMemun
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-image: url(  '../images/greenDot.jpg' );
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 20px;
}
.homeMenu
{
	padding: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	list-style-image: url( '../images/redDot.jpg' );
	text-align: left;
}
li.outerMemun a:hover {  background-color: #ffa; color: #000;  }
li.homeMenu a:hover {  background-color: #ffa; color: #000;  }
li.innerMemun a:hover {  background-color: #ffa; color: #000;  }
.Files
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: normal;
	background-color: #CCFFFF;
	padding: 10px;
	border-collapse: collapse;
	list-style-type:decimal;	
}
ul.Files a:hover {  background-color: #ffa; color: #000; font-size: 14px;  }