/* CSS Document */
/* Holds the settings for none hovered menu items 
	width holds the overall width of the menu and should be a multiple of the
	#Nav a width (i.e. if you want 5 items with a #Nav a width of 10
	then this width should be set to 50.
	50 is a good number as it equate to 800 width in pixels */
#nav, #nav ul {
	float: left;
	width: 56em;
	list-style: none;
	line-height: 1;
	background: url(../images/fade.png) top left repeat; /*BACKGOUND FOR MENU SYSTEM*/
	font-weight: bold;
	padding: 0;
	/*border: solid #eda;
	border-width: 0px 0;*/
	margin: 0 0 0em 0;
}


/* Font settings for all menu items includes effect like underline for links */
#nav a {
	display: block;
	/*width: 5em;*/
	width: 14em;
	/*color: #339999;*/
	color: #000000;
	text-decoration: none;
 	padding: 0.0em 0em;
}

#nav li {
	float: left;
	padding: 0;
	width: 14em;
}

#nav li ul img { display: block; }

/* Font and location settings for the drop down menu items
   this does not affect the top line menu item. 
   width is how wide the box is that the drop down appears in*/
#nav li ul {
	position: absolute;
	display: block;
	left: -999em;
	height: auto;
	/*width: 10.4em;*/
	background: url(../images/menu-bg-drop.png) top left repeat; /* BACKGROUND FOR DROP DOWNS - UNSLECTED */
	width: 14em;
	font-weight: bold;
	border-width: 0.00em;
	margin: 0;
}

#nav li li {
	/*padding-right: 0em;*/
	width: 14em;
}

#nav li ul a {
	/*width: 10em;*/
	width: 0em;
}

#nav li ul ul {
	margin: 0em 0 0 0em;
}


#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}



#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left:auto ;
}


/* Colour for the background of the menu item when hovered over */
#nav li:hover, #nav li.sfhover {
	/*background: #bdc;*/
	background:url(../images/menu-bg-hover.png) top left repeat; /* BACKGROUND FOR SELECTED ITEMS */
}