#seo a:link {
	color: #000000; 
	text-decoration: none;
}

#seo {
	background-color: #ffffff; /* Background colour for the menu area (mostly for debugging) */
	text-align: left; /* Centres the menu in IE */
	font: 11px Arial, sans-serif;
	height: 23px;
	border-top: 1px solid white;
}

#seo ul {
	font: 11px Arial, sans-serif;
	margin: 0px auto; /* Centres the menu in Mozilla/Opera */
	padding: 0px; /* border area around meun items */
	text-align: center; /* aligns text inside the menu button ????? see below*/
	width: 323px; /* Width of the whole menu */
}

#seo li {
	font: 11px Arial, sans-serif;
	float: left;
	width: 111px; /* Width of the menu buttons - includes space between so make larger than popup width*/
	margin-right: 0px;
	padding: 0px;
	list-style: none;
	position: relative;
}

#seo li a {
	font: 11px Arial, sans-serif;
	display: block;
	border: 1px solid #DDDDDD; /* Colour of button borders */
	padding: 2px 4px;
	background: #EEEEEE; 		/* Background colour of menu buttons */
	color: #000000;       		/*Text colour*/
	text-decoration: none; 		 /*Underline menu buttons*/ 
	text-align: center; 			/* alignment of button text */
}

#seo ul ul {
	display: none;
	position: absolute;
	left: -41px;
	top: 19px; /* IMPORTANT! Set so that the menu sits *exactly* on top of the button */
	margin: 0px;
	background: #EEEEEE; /* Background colour of pop-up menu header */
	border-bottom: 1px solid #DDDDDD; /* Colour of bottom border of the menu */
	width: 101px; /*width of the popup menu */
}

#seo ul li>ul {
	width: 101px;
}

#seo ul ul li {
	float: none;
	width: auto;
}

/* Stops IE6 from inserting gaps between items */
* html #seo ul ul li {
	display: inline;
	width: 99.99%;
	padding: 0px;
	margin: 0px;
}

#seo ul ul li a {
	margin: 0px;
	display: block;
	border: 1px solid #DDDDDD; /* Colour of border around menu items */
	background-color: #EEEEEE; /* Background colour of pop-up menu */
	color: #000000;	/* colour of menu item text, 'none' sets it to the  colour in default .css */
	text-decoration: none; /* Underline popup items? */
	border-bottom-width: 0px; /* width of the bottom border of each menu item */
	width: 100%; /* width of menu item relative to the width of the menu */
	text-align: left; /* alignment of menu item text */
}

#seo ul ul li a:hover {
	color: #00A651; /* Hover text colour for menu items */
}

#seo li:hover ul,
#seo li.sfhover ul {
	display: block;
}

#seo li:hover a,
#seo li.sfhover a {
	background-color: #FFFFFF; /* Hover background colour for menu buttons */
}

#seo li:hover ul a,
#seo li.sfhover ul a {
	background-color: #EEEEEE; /* background colour for menu items */
}

#seo ul ul li.header {
	display: block;
	background: #000000; /* Background colour for menu headers */
	color:  #000000; /* #5A6269; Text colour for menu headers */
	padding: 3px 4px;
	margin: 0px;
	width: 20px;
	font-weight: bold;
	text-align: left;
	border: 1px solid #000000; /* Colour of border around menu items */
}

/* If the menus are different heights or widths,, you can set them individually here */

#seo #se-menu1 {
	width: 127px;
}


#seo #se-menu2 {
	width: 80px;
}


#seo #se-menu3 {
	width: 63px;
}

#seo #se-menu4 {
	width: 53px;
}

#seo #se-menu5 {
	width: 102px;
}


#seo #se-menu6 {
	width: 78px;
}


#seo #se-menu7 {
	width: 73px;
}

#seo #se-menu8 {
	width: 70px;
}

#sub a:link {
	color: #000000; 
	text-decoration: none;
}

#sub {
	background-color: #ffffff; /* Background colour for the menu area (mostly for debugging) */
	text-align: left; /* Centres the menu in IE */
	font: 11px Arial, sans-serif;
	height: 23px;
	border-top: 1px solid white;
}

#sub ul {
	margin: 0px auto; /* Centres the menu in Mozilla/Opera */
	padding: 0px; /* border area around meun items */
	text-align: center; /* aligns text inside the menu button ????? see below*/
	width: 158px; /* Width of the whole menu */
}

#sub li {
	float: left;
	width: 158px; /* Width of the menu buttons - includes space between so make larger than popup width*/
	margin-right: 0px;
	padding: 0px;
	list-style: none;
	position: relative;
}

#sub li a {
	display: block;
	width: 148px;
	border: 1px solid #DDDDDD; /* Colour of button borders */
	padding: 2px 4px;
	background: #EEEEEE; 		/* Background colour of menu buttons */
	color: #000000;       		/*Text colour*/
	text-decoration: none; 		 /*Underline menu buttons*/ 
	text-align: left;			/* alignment of button text */
}

.sub-item {
	display: block;
	margin: 0px 0px 0px 5px;
}

#sub li h3 {
	display: block;
	width: 148px;
	border: 1px solid #DDDDDD; /* Colour of button borders */
	padding: 2px 4px;
	background: #EEEEEE; 		/* Background colour of menu buttons */
	color: #FE0000;   
	font-weight: bold;    		/*Text colour*/
	text-decoration: none; 		 /*Underline menu buttons*/ 
	text-align: left; 			/* alignment of button text */
}


#sub li a:hover {
	background: white;
}

#sub ul ul {
	display: none;
	position: absolute;
	left: -41px;
	top: 19px; /* IMPORTANT! Set so that the menu sits *exactly* on top of the button */
	margin: 0px;
	background: #EEEEEE; /* Background colour of pop-up menu header */
	border-bottom: 1px solid #DDDDDD; /* Colour of bottom border of the menu */
	width: 158px; /*width of the popup menu */
}

#sub ul li>ul {
	width: 101px;
}

#sub ul ul li {
	float: none;
	width: auto;
}

/* Stops IE6 from inserting gaps between items */
* html #sub ul ul li {
	display: inline;
	width: 99.99%;
	padding: 0px;
	margin: 0px;
}

#sub ul ul li a {
	margin: 0px;
	display: block;
	border: 1px solid #DDDDDD; /* Colour of border around menu items */
	background-color: #EEEEEE; /* Background colour of pop-up menu */
	color: #000000;	/* colour of menu item text, 'none' sets it to the  colour in default .css */
	text-decoration: none; /* Underline popup items? */
	border-bottom-width: 0px; /* width of the bottom border of each menu item */
	width: 100%; /* width of menu item relative to the width of the menu */
	text-align: left; /* alignment of menu item text */
}

#sub ul ul li a:hover {
	color: #00A651; /* Hover text colour for menu items */
}

#sub li:hover ul,
#sub li.sfhover ul {
	display: block;
}

#sub li:hover a,
#sub li.sfhover a {
	background-color: white; /* Hover background colour for menu buttons */
}

#sub li:hover ul a,
#sub li.sfhover ul a {
	background-color: #EEEEEE; /* background colour for menu items */
}

#sub ul ul li.header {
	display: block;
	background: #000000; /* Background colour for menu headers */
	color:  #000000; /* #5A6269; Text colour for menu headers */
	padding: 3px 4px;
	margin: 0px;
	width: 20px;
	font-weight: bold;
	text-align: left;
	border: 1px solid #000000; /* Colour of border around menu items */
}

/* If the menus are different heights or widths, you can set them individually here */

#seo #se-menu1 {
	width: 127px;
}