/*to overcome an IE bug which by default doubles any spacing. Visually the result of the following rule (entered as half the space) is required to visually double the space to what we need*/
#startmenu li, 
#startmenu a {
	margin-bottom: 0;
}

/*this rule is for default spacing in everything other than IE, it is encoded with the child selector (>) which IE doesn't recognise, so it ignores*/

html>body #startmenu li,
html>body #startmenu a {
	margin-bottom: 0;
}
BODY {
	BEHAVIOR: url("../files/csshover.htc")
}
/* the menu */
ul,li,a {
	margin:0;
	padding:0;
	
}

ul {
	width: 150px;
	background-color: #2271A0; /*Colour of padding */
	color: black;
	PADDING-RIGHT: 1px; 
	PADDING-LEFT: 1px; 
	PADDING-BOTTOM: 1px; 
	PADDING-TOP: 1px;
	MARGIN: 0px; 
	LIST-STYLE-TYPE: none;
	DISPLAY: block;
}

li {
	position:relative;
	MARGIN: 0px; 
	LIST-STYLE-TYPE: none;
	background-color: #f2f2f2; /*colour of padding*/
	color: black;
	font-family: tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	DISPLAY: block;
}

li.folder	{ 
	background-color: #f2f2f2; /*colour of background area without text */
	color: black;
	width: 98%;
	PADDING-RIGHT: 1px; 
	PADDING-LEFT: 1px; 
	PADDING-BOTTOM: 1px; 
	PADDING-TOP: 1px;
	MARGIN: 0px;
	border-width: 1px;
	border-color: #ffe #aaab9c #ccc #fff;
	border-style: solid;
	LINE-HEIGHT: 18px; 
}		

li.folder ul {
	position:absolute;
	left:149px; /* IE */
	top: -10px;
	width: 150px;
	padding: 1 1 1 1px;
	border-width: 1px;
	border-color: #ffe #aaab9c #ccc #fff;
	border-style: solid;
}		

li.folder>ul { 
	left:149px;
	top: -10px;
    width: 150px;
	padding: 1 1 1 1px;
	border-width: 1px;
	border-color: #ffe  #aaab9c #ccc #fff;
	border-style: solid;
} /* others */ 

a {
	text-decoration:none;
	color:black;
	font-weight:bold;
	width: 150px; /* IE */
}

li>a { 
	width:auto;
	
} /* others */

li a.submenu {
	/*background-color: #f2f2f2; /*colour of text backgrounds at all times*/
	color: #000000;
}

/* regular hovers */

a:hover {
	background-color: white;
	color:black;
}
li.folder a:hover {
	background-color: white ; /* Hover colour behind text */
}
	
/* hovers with specificity */
	
li.folder:hover { 
	z-index: 10;
	background-color: white; /*hover colour block */
}		
		
ul ul, li:hover ul ul {
	display:none;
}

li:hover ul, 
li:hover li:hover ul {
	display:block;
}