/* WD CSS Flyout Menu Stylesheet - CMW 13/02/2008 */
/* Updated by Mark Kidd 2008-09-03*/
/* WinIE Behavior Call */

body {
	behavior: url(includes/csshover.htc);
}

 /* Overall Settings for CSS Flyout Sidebox Area */
div#nav-cat {
	margin: 0; /* Sets sidebox to no margin - Set margin below for the CSS Flyout */
	font-weight: bold; /* Set sidebox to bold text - Applies throughout entire sidebox and CSS Flyout */
}

/* Overall Settings for CSS Flyout Menu Area */
div#nav-cat ul {
	line-height: 18px; /* Sets CSS Flyout List Area Lines to 20px high - Applies throughout menu system */
	width: 100%; /* Sets CSS Flyout to the width of the entire sidebox */
	margin: 0; /* Sets CSS Flyout List Area to no margin - Applies throughout menu system */
	padding: 0; /* Sets CSS Flyout List Area to no padding - Applies throughout menu system */
	background-color: #206066; /* Sets CSS Flyout List Area background colour - Applies throughout menu system unless overridden */
}

div#nav-cat ul.level2, div#nav-cat ul.level3, div#nav-cat ul.level4, div#nav-cat ul.level5, div#nav-cat ul.level6 {
	/* Alternate backgrond colour for further submenu blocks can be set here*/
}

/* Sets Category Text Background Options */

div#nav-cat li {
	clear: left;
	position: relative; /* Sets the submenu to display inline with the previous menu - Applies throughout menu system */
	list-style: none; /* Sets the list to display without any indentation or markers - Applies thorughout menu system */
	margin: 0; /* Sets each line item to no margin - Applies throughout menu system */ 
	z-index: 1; /* Ensures the menu displays on top of other items on the page - Applies throughout menu system - may need to alter this value */ 
	border-bottom: 1px solid #246B73; /* Sets each line item to have a tiny border just on the bottom, required to get this thing to work in IE6 - Applies throughout menu system */
}

 

/* Sets Currently Hovered Category and it's parent category to orange background */

div#nav-cat li:hover {
	background-color: #0077aa; /* Sets the background color of a line item which is being hovered over*/
}

 

/* Sets Category Text Background for categories with subcats */

div#nav-cat li.submenu {
	/* Adds an image to the end of each line item containing a sub-menu - Applies throughout menu system */
}

 

div#nav-cat li.submenu:hover {
/* Background for submenu items being hovered over can be set here */
	background-color: #0077aa; 
}

/* Settings for Category Text */

div#nav-cat li a {
	display: block; /* Sets the whole of the line to be clickable, rather than just the text - Applies throughout menu system */
	padding: 0.25em 0 0.25em 0.5em; /* Positions the text on each line item into a more central position - Applies throughout menu system */
	text-decoration: none; /* Sets the text to disdplay normally with no unwanted effects - Applies throughout menu system */
	color: #FFFFFF; /* Sets the text to be white - Applies throughout menu system */ 
}*/ /* This strange closing comment mark seems to be necessary to get this to work properly */

 /* Settings for the display of submenu blocks */

div#nav-cat ul a {
	width: auto; /* Sets the submenu block width to auto - If not present menu displays as huge list - Applies throughout menu system */
}

 

/* Settings for position of submenu blocks */

div#nav-cat ul ul {
	position: absolute; /* Sets the submenu blocks to display alongside and below the parent menu - Applies throughout menu system */
	top: 0; /* Sets the position of submenu blocks to line up against the parent menu at the top - Applies throughout menu system */
	display: none; /* Sets the submenu blocks NOT to display - Seems strange but if this isn't included strange effects occur - Applies throughout menu system */
}

/* Settings for extra submenu blocks */

div#nav-cat ul.level1 li.submenu:hover ul.level2, div#nav-cat ul.level2 li.submenu:hover ul.level3, div#nav-cat ul.level3 li.submenu:hover ul.level4, div#nav-cat ul.level4 li.submenu:hover ul.level5, div#nav-cat ul.level5 li.submenu:hover ul.level6 {
	display: block; 
}