#menu {
    background-color: #D5D580;  /* bg colour of div 8bacd7 */
    border: 1;                  /* border */
    font-family: /*Verdana, */Arial, Helvetica, sans-serif;
	font-size: 1.1em;           /* text size */
	font-weight: normal;        /* normal font weight - cf font weight in link elements */

	}

#menu ul {
    list-style: none;           /* turns off bullet-points for all UL lists in #menu */
	margin: 0;                  /* moves entire #menu and ul list */
	padding: 0 0px;             /* (y x) y offsets it vertically from #menu, x indents list horizontally */
	}

#menu li {
	float: left;                /* placement of list within #menu - left or right align */
	position: center;         /* rather than absolute */
	left: 0px;
    margin: 0 5 0 5;         /* gap between menu items - also offsets it from left */
    padding: 0 5 0 5;           /* gap between menu items - use margin or padding not both */
	}

#menu a:link, #menu a:visited {
	background-color: #C2C249;  /* background color for menu items */
	color: #4C4C19;                /* color of text on menu item link */
	display: block;             /* fills out link to full height and line-height of block */
	font-weight: bold;          /* bold text on menu utem links */
	/* padding: 0 10px;            /* (y x) x padding to left and right of link word - which also centres it */
    text-align: center;         /* used with width this ensures that text is centred */
	text-decoration: none;      /* no underline, etc. */
    width: 110px;                /* uniform width of each link button */
	}

#menu a:link.selected, #menu a:visited.selected {
	background-color: #fff;
	color: #000;
	}

#menu a:hover, #menu a:active, #menu a:hover.selected, #menu a:active.selected {
	background-color: #D5D580;	/* MENU colour on hover */
	color: #4C4C19;
	}