body  {
	behavior: url(./csshover.htc); /* WinIE behavior call */
	}

/* Overall Settings for CSS Flyout Sidebox Area */
div#nav-cat {
	width: 160px; 						/* Sets sidebox to 150px wide - Set width below for the CSS Flyout */
	margin: 0;							/* Sets sidebox to no margin  - Set margin below for the CSS Flyout */
	font-size: 1.1em;
	background-color: transparent;
	text-align: left;
	}
	#transparent_bg {
		opacity: .5;
		height: 100%;
		width: 100%;
		position: absolute;
		background: #fff2ce;
		}

/* Overall Settings for CSS Flyout Menu Area */	
div#nav-cat ul {
	margin: 0;
	padding: 0 0 0 1.8em;
	list-style-image: url(../images/bullet-02.gif);
	width: 160px;										/* Sets CSS Flyout to 150px wide, matching the width of the entire sidebox which is set above */
	line-height: 2em;
	background-color: transparent;
	border: none;
	background-repeat: no-repeat;
	}
	
/* Sets Backgrond Colour for further submenu blocks */
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 {
	width: 160px;
	padding-right: .2em;
	background-color: #fff2ce;
	border: 1px solid #336633;
	}
	div#nav-cat ul.level3 {
		margin-left: .2em;
		top: -1px;
		}

/* Sets Category Text Background on Main Menu for categories without subcats */
div#nav-cat li {
	/*background-image: url(../images/b1.gif); */
	position: relative;
	line-height: 1.6em;
	z-index: 20; 
	width: 160px; /* change it to whatever space you want to put space between buttons*/
	}
	
div#nav-cat li:hover {
	/*background-image: url(../images/b1_over.gif); */
	}

/* Sets Category Text Background on Main Menu for categories with subcats */
div#nav-cat li.submenu {
	background: url(../images/arrow-subcat.gif) right no-repeat; /* 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-color: transparent; 
	}
	
	
/* 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 */
	text-decoration: none;			/* Sets the text to disdplay normally with no unwanted effects - Applies throughout menu system */
	width: 150px;				/* Sets the width of the text area to 140px wide - Applies throughout menu system */
	color: #6e4800;				/* Sets the text to be white - Applies throughout menu system */
}

/*div#nav li a:hover {
	border-left-color: red;
	}*/

div#nav li a:hover {
	border: none;
	}
	
/* 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 */
	left: 160px;				/* Sets the position of submenu blocks to line up against the parent menu on the side - 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;				/* Sets submenu blocks TO display when they are being hovered over, overriding setting directly above - Applies throughout menu system */
}

/* Separator */
#cssCatBoxDivider {
	width: 70%;
	text-align: right;
	}