UL#menu, UL#menu UL {
	list-style-type: none;
	margin: 0;
	padding: 0;
	/* width: 180px; */
}
UL#menu { margin-bottom: 10px; }
UL#menu UL { display: none; }				/* hide sub-menus until jQuery has initialised menu */ 

UL#menu A {
	display: block; *height: 100%;
	/* background-color: #d5d6d1; */
	background-repeat: no-repeat;
	background-position: 12px 4px;
	padding: 3px; padding-left: 30px;
	text-align: left;
	text-decoration: none; 
	color: #464d53; font-weight: normal;
	font-size: 9pt;
}
UL#menu UL A { font-size: 8pt; }
UL#menu UL A:visited { color: #728491; }		/* lighter grey for visited links */
UL#menu LI A:hover { background-color: #6975B2;  /*#71879a;*/  /* WAS: #a5a5af; */  color: white!important; text-decoration: underline; }
UL#menu LI A:hover * { color: white!important; }

/* Expandable nodes that have a non-blank link 'href' can be navigated by clicking the text instead of the BG.
		Show this by only changing cursor to pointer and BG colour to 'navigable' colour when mouseover link text.
*/
UL#menu A.linkTxt { display: inline!important; height: auto; background: none; padding: 0; border: 0; }
UL#menu A:hover A.linkTxt { color: #ffffff; cursor: pointer; background-image: none; text-decoration: underline; }
UL#menu A:hover.linkTxt { 
	position: relative; left: -4px; top: 0px; padding: 3px 4px; 
	background-color: #6975B2; /* #71879a; */ color: white; text-decoration: underline;		/* underline only when over the link text */
}

UL#menu A.activeLink, UL#menu A.activeLink * { 	/* OLD: UL#menu A:active,  */
	background-color: #3D4778!important; text-decoration: none!important; font-weight: bold; color: white!important; /* OLD: #000F99; */ 
}
UL#menu A.activeLink.expanded { background-image: url(../images/ui/nav_open.gif)!important; /* url(../images/ui/nav_open_lit.gif); */ }
/* no underline, and default cursor instead of hand for hover over active/blank links (e.g., href begins with "#") */
UL#menu A:hover.activeLink, UL#menu A.blankLink:hover { text-decoration: none!important; cursor: default; }

UL#menu A.blankLink { color: gray; }
UL#menu A.dummyLink, UL#menu EM.tmp { color: #AAA; font-style: italic; }		/* dummy links / notes */

/* show all top-level menu items expandable by default (works in FF+, IE7+) */
UL#menu > LI > A 			{ background-image: url(../images/ui/nav_closed.gif); }

UL#menu A.expandable 	{ background-image: url(../images/ui/nav_closed.gif); cursor: default; color: #464d53; }
/* use lighter BG hover colour / no underline when mouseovering an expandable link (darker hilight/underline if mouseover text itself) */
UL#menu A:hover.expandable { background-color: #ACB3D5; text-decoration: none; 	/* #ADB9C4; /* OLD: 8FA0AF; */ }

UL#menu A.expanded { background-image: url(../images/ui/nav_open.gif); }
UL#menu A.expanded, UL#menu A.expanded A { font-weight: bold; }
UL#menu A:hover.expanded { background-image: url(../images/ui/nav_open.gif); /* url(../images/ui/nav_open_lit.gif); */ }

/* menu items containing own icon - i.e., DNN icons
	DNN auto inserts " " between icon and text, so small margin. Icons normally 16px, but look too big */
UL#menu LI A.hasIcon { padding-left: 6px; background-image: none; }
UL#menu LI A.hasIcon IMG { width: 13px; margin-right: 3px; /* OLD: 10px */ }

UL#menu A.extLink { background-image: url(../images/ui/icon_web_tiny.gif); /*background-position: 6px 4px;*/ }
UL#menu A.pdfLink { background-image: url(../images/ui/icon_pdf_tiny.gif); /*background-position: 4px 3px;*/ }


/* second level sub-menus and deeper */
UL#menu LI UL {
	/*padding-left: 2pt; 										/ * left indent each level slightly, to aid visual understanding */
}
UL#menu LI UL LI A {
	background-color: #EBEEEF;	/* WAS: #dbdcd6; */
	font-weight: normal;
	color: #455058;
}
/* change BG colour for each successive level */
UL#menu LI UL LI UL LI A { background-color: #f5f5f5; /* WAS: #e0e1db; */ }
UL#menu LI UL LI UL LI UL LI A { background-color: #FCFCFC; }
UL#menu LI UL LI UL LI UL LI UL LI A { background-color: white; }

/* swap expandable/expanded arrows from light to dark from 3rd level onwards */
UL#menu LI UL LI UL LI A.expandable { background-image: url(../images/ui/nav_closed.gif); /* url(../images/ui/nav_closed_dark.gif); */ }
UL#menu LI UL LI UL LI A:hover.expandable { background-image: url(../images/ui/nav_closed.gif); }
UL#menu LI UL LI UL LI A.expanded { background-image: url(../images/ui/nav_open.gif); }
UL#menu LI UL LI UL LI A:hover.expanded { background-image: url(../images/ui/nav_open.gif); /* url(../images/ui/nav_open_lit.gif); */  }

/* DNN specific styles moved to dnn.css */