.leftMenu {
/*font-size: 8pt;*/
font-size: 0.75em;
}


.leftMenu {	/* remove all list stylings */
display: block;
margin: 0;
padding: 0;
/*border: 0;*/
list-style-type: none;
background-color: #eb6e08;
}


.leftMenu ul {	/* remove all list stylings */
display: block;
padding: 0;
/*border: 0;*/
list-style-type: none;
background-color: #b0b0b0;
visibility: hidden;	/* initially hide all submenus. */
position: absolute;
z-index: 10;
left: 0;	/* while hidden, always keep them at the top left corner, */
top: 0;		/* 		to avoid scrollbars as much as possible */
background-image: url(empty.gif);	/* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */
padding: 0;
margin: -4px 0 0 15px;				/* Use this bit to move the sub menu up, down, left or right from the parent menu */
/*background: #f00;*/				/* uncomment this if you want to see the "safe" area. you can also use to adjust the safe area to your requirement */

/* sticky submenu: it should not disappear when your mouse moves a bit outside the submenu
YOU SHOULD NOT STYLE the background of the ".leftMenu UL" or this feature may not work properly!
if you do it, make sure you 110% know what you do */
}



.leftMenu li {
display: block;
position: relative;	/* position each LI, thus creating potential IE.win overlap problem */
margin: 0;
padding: 0;
/*border: 0;*/
z-index: 5;		/* thus we need to apply explicit z-index here... */
background-image: url(../Images/grey-dot.gif);
background-position: left bottom;
background-repeat: repeat-x;
}





.leftMenu li:hover {
z-index: 10000;	/* ...and here. this makes sure active item is always above anything else in the menu */
white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
						see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
}



.leftMenu li:hover>ul {
visibility: visible;	/* display submenu them on hover */
left: 100%;	/* and move them to the right of the item */
}

			/* -- float.clear -- force containment of floated LIs inside of UL */
			.leftMenu:after, 
			.leftMenu ul:after {
			content: ".";
			height: 0;
			display: block;
			visibility: hidden;
			overflow: hidden;
			clear: both;
			}
			/* IE7 float clear: */
			.leftMenu, 
			.leftMenu ul  {	
			min-height: 0;
			}
			/* -- float.clear.END --  */

	


/* - - - IE6 stuff ADxMenu: BASIC styles - - - */
.leftMenu, .leftMenu ul /* float.clear */ {	
zoom: 1;
}
.leftMenu li.adxmhover  {
z-index: 10000;
}
.leftMenu .adxmhoverUL /* li:hover>ul selector */ {	
visibility: visible;
}
.leftMenu .adxmhoverUL /* submenu goes to the right */ {	
left: 100%;
}





/* - - - ADxMenu: DESIGN styles - - - */

.leftMenu ul a {	/* fix clickability-area problem */
zoom: 1;
}

.leftMenu li {	/* fix white gap problem */
float: left;
width: 100%;
}

.leftMenu li {	/* prevent double-line between items */
margin-top: -1px;
}

.leftMenu a:hover, .leftMenu .adxmhoverA {		/* li:hover>a selector */
/*color: #fc3;*/
}

.leftMenu .adxmhoverUL {	/* inset submenus, to show off overlapping */
top: 5px;
left: 90%;
}


.leftMenu ul li {
background-color: #b0b0b0;
}

.leftMenu {
/*width: 8em;*/
}

.leftMenu ul {
width: 180px;
}

.leftMenu a {
display: block;
position: relative;
color: #FFF;
font-weight: bold;
padding: 7px 1em 6px 1em;
text-decoration: none;
/*height: 1%;*/
}

.leftMenu ul li a {
display: block;
position: relative;
padding: 7px 1em 6px 1em;
border: 0px;
color: #FFF;
text-decoration: none;
}

.leftMenu a:hover {
background-color: #b0b0b0;
text-decoration: underline;
}

.leftMenu li:hover > a {
background-color: #b0b0b0;
text-decoration: underline;
}

.leftMenu li {	/* create borders around each item */
/*border: 1px solid #ccc;*/
}
.leftMenu>li + li, .leftMenu ul>li + li {	/* and remove the top border on all but first item in the list */
/*border-top: 0;*/
}

.leftMenu li:hover>ul {
top: 5px;
left: 90%;
}

/* special colouring for "Main menu:", and for "xx submenu" items in ADxMenu
placed here to clarify the terminology I use when referencing submenus in posts */
.leftMenu>li:first-child>a, .leftMenu li + li + li li:first-child>a {
/*color: #567;*/
}




/* Newham Coincil Link at bottom of Navigation*/
.leftNavNewham {	
background-color: #dbcfcd !important;
}
.leftMenu a.leftNavNewham {	
color: #666 !important;
}