/* Menu-fu from http://www.howtocreate.co.uk/tutorials/testMenu.html */
/* Modified considerably for ADI use. */
ul.sidebar-menu-2 {
	width: 190px;					/* sets the size of the menu blocks */
	border: none;					/* no border around the top-level menu blocks */
	background-color: #002f59;		/* makes the menu blocks blue - 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 */
	margin-right: 0px;
}
ul.sidebar-menu-2 ul {
	width: 188px;					/* sets the size of the menu blocks */
	border: 1px solid white;		/* put a white border around the non-top edges */
	border-top: none;
	background-color: #002f59;		/* makes the menu blocks blue - 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 */
	z-index: 300;
}
ul.sidebar-menu-2 li {
	list-style-type: none;			/* removes the bullet points */
	margin: 0px;					/* Opera 7 puts large spacings between li elements */
	padding: 0px;
	color: #fff;					/* sets the default font colour to white */
}
ul.sidebar-menu-2 li.menu-with-children span.menu-label {
	/* background: transparent url(arrowRightBorder.gif) right center no-repeat; */
	background-image: url(arrowRightBorder.gif);
	background-position: right center;
	background-repeat: no-repeat;
	padding: 4px;
	margin: 0px;
	display: block;
	height: 100%;
	width: 100%;
}
ul.sidebar-menu-2 li.menu-with-children-open span.menu-label {
	background: #bba url(arrowDownBorder.gif) right top no-repeat;
	color: #000;
	padding: 4px;
	margin: 0px;
	display: block;
	height: 100%;
	width: 100%;
}
ul.sidebar-menu-2 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: relative;				/* make child blocks hover without leaving space for them */
	top: 0px;						/* position slightly lower than the parent menu item */
}
ul.sidebar-menu-2 li a:hover, ul.sidebar-menu-2 li > span.menu-label:hover, ul.sidebar-menu-2 li span.CSStoHighlight {
	background-color: #ffa;			/* gives the active menu items a yellow background */
	color: #000;					/* makes the active menu item text black */ 
}
ul.sidebar-menu-2 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 */
	width: 190px;
}
ul.sidebar-menu-2 li.menu-with-children-open > 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 */
	width: 196px;
}
/* and some link styles */
ul.sidebar-menu-2 li a { padding:4px; color: #fff; display: block; height: 100%; width: 100%; text-decoration: none; }
ul.sidebar-menu-2 li a:hover, ul.sidebar-menu li a.CSStoHighLink { color: #000; }
ul.sidebar-menu-2 li.menu-with-children-open > a { color: #000; } /* supports links in branch headings - must not be display: block; */

/* This sillyness makes the links inside sub-menus look right. */
ul.sidebar-menu-2 li.menu-with-children-open > ul > li > a { width: 189px; }