#mainMenu
{
	height: 26px;
}
ul.mainMenu
{
	height: 26px;
}

ul.mainMenu li
{
	margin:0;
	float:left;
	position:relative;
}

/* links colours and backgrounds */

ul.mainMenu a,
ul.mainMenu a:link,
ul.mainMenu a:visited
{
	text-decoration: none;
	line-height: 26px;
	color: #000000;
}

/* links colours and backgrounds in default state */

ul.mainMenu li a div.before,
ul.mainMenu li a:link div.before,
ul.mainMenu li a:visited div.before
{
	background: url(pics/buttonBefore.gif) no-repeat 0 0;
	width: 8px;
	height: 26px;
	float:left;
}
ul.mainMenu li a div.item,
ul.mainMenu li a:link div.item,
ul.mainMenu li a:visited div.item
{
	background: url(pics/button.gif) repeat-x 0 0;
	height: 26px;
	float:left;
}
ul.mainMenu li a div.after,
ul.mainMenu li a:link div.after,
ul.mainMenu li a:visited div.after
{
	background: url(pics/buttonAfter.gif) no-repeat 100% 0;
	width: 11px;
	height: 26px;
	float:left;
}

ul.mainMenu a:hover,
ul.mainMenu a:active,
ul.mainMenu a.active,
ul.mainMenu a:visited.active
{
	text-decoration: none;
	color: black;
}


/* links colours and backgrounds in mouseover state */

ul.mainMenu li a:hover div.before,
ul.mainMenu li a:active div.before,
ul.mainMenu li a.active div.before,
ul.mainMenu li a:visited.active div.before
{
	background: url(pics/buttonBeforeActive.gif) no-repeat 0 0;
	width: 8px;
	height: 26px;
	float:left;
}
ul.mainMenu li a.active:hover div.before
{
}
ul.mainMenu li a:hover div.item,
ul.mainMenu li a:active div.item,
ul.mainMenu li a.active div.item,
ul.mainMenu li a:visited.active div.item
{
	background: url(pics/buttonActive.gif) repeat-x;
	height: 26px;
	float:left;
}
ul.mainMenu li a.active:hover div.item
{
}

ul.mainMenu li a:hover div.after,
ul.mainMenu li a:active div.after,
ul.mainMenu li a.active div.after,
ul.mainMenu li a:visited.active div.after
{
	background: url(pics/buttonAfterActive.gif) no-repeat 0 0;
	width: 11px;
	height: 26px;
	float:left;
}

ul.mainMenu a.active:hover div.after
{
}

ul.mainMenu a:hover
{
	text-decoration: none;
	border:0px inset;
}
ul.mainMenu a.active:hover
{
}