.transMenu {
	LEFT: -1000px; OVERFLOW: hidden; POSITION: absolute; TOP: -1000px
}
.transMenu .content {
	POSITION: absolute
}
.transMenu .items {
	Z-INDEX: 2; LEFT: 0px; POSITION: relative; TOP: 0px
}
.top .items {
	
}
.transMenu .background {
	Z-INDEX: 1; FILTER: alpha(opacity=90); LEFT: 0px; POSITION: absolute; TOP: 0px; moz-opacity: .9
}
.transMenu .shadowRight {
	Z-INDEX: 3; FILTER: alpha(opacity=40); WIDTH: 2px; POSITION: absolute; TOP: 3px; moz-opacity: .4
}
.transMenu .shadowBottom {
	Z-INDEX: 1; FILTER: alpha(opacity=40); LEFT: 3px; POSITION: absolute; HEIGHT: 2px; moz-opacity: .4
}
.transMenu .item {
	FONT-SIZE: 14px; TEXT-TRANSFORM: none; CURSOR: pointer; COLOR: YELOW; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; TEXT-DECORATION: none; BORDER-BOTTOM-STYLE: none
}
.transMenu .hover {
	BACKGROUND: #BD4320; COLOR: red <!!- change the colour of the drop down when hovering> 
}
.transMenu .item IMG {
	MARGIN-LEFT: 10px
}
.transMenu .item#active {
	BACKGROUND: red; COLOR: red
}
.transMenu .item#active:hover {
	BACKGROUND: blue; COLOR: blue
}
#ja-mainnav DIV.transmenu-inner {
	FLOAT: left
}
#ja-transmenu {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#ja-transmenu LI {
	PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#ja-transmenu LI A {
	PADDING-RIGHT: 20px; DISPLAY: block; PADDING-LEFT: 20px; FONT-WEIGHT: bold; BACKGROUND: url(../images/mainnav-sep.gif) no-repeat right top; FLOAT: left; PADDING-BOTTOM: 7px; MARGIN: 0px; PADDING-TOP: 8px; TEXT-DECORATION: none
}
#ja-transmenu LI A SPAN {
	COLOR: black <!!--change the colour of the text at top of drop down menu--> 
}
#ja-transmenu LI A:hover {
	BACKGROUND: url(../images/mainnav-sep.gif) #ffffff no-repeat right top
}
A.havechild-mainlevel-trans {
	BACKGROUND: url(img/arrow-on.gif) no-repeat right center
}
A.havechild-mainlevel-active-trans {
	BACKGROUND: url(../images/mainnav-active-bg.gif) #ffffff no-repeat right bottom
}
A.havechild-mainlevel-active-trans:hover {
	BACKGROUND: url(../images/mainnav-active-bg.gif) #ffffff no-repeat right bottom
}
A.havechild-mainlevel-active-trans:active {
	BACKGROUND: url(../images/mainnav-active-bg.gif) #ffffff no-repeat right bottom
}
A.havechild-mainlevel-active-trans:unknown {
	BACKGROUND: url(../images/mainnav-active-bg.gif) #ffffff no-repeat right bottom
}
A.jahover {
	BACKGROUND: url(../images/mainnav-sep.gif) #ffffff no-repeat right top
}
A.jahover-active {
	BACKGROUND: url(../images/mainnav-sep.gif) #ffffff no-repeat right top
}
A.mainlevel-trans {
	
}
A.mainlevel-trans:hover {
	BACKGROUND: url(../images/mainnav-sep.gif) #ffffff no-repeat right top
}
A.mainlevel-trans:active {
	BACKGROUND: url(../images/mainnav-sep.gif) #ffffff no-repeat right top
}
A.mainlevel-trans:unknown {
	BACKGROUND: url(../images/mainnav-sep.gif) #ffffff no-repeat right top
}
A.mainlevel-active-trans {
	BACKGROUND: url(../images/mainnav-active-bg.gif) #ffffff no-repeat right bottom
}
A.mainlevel-active-trans:hover {
	BACKGROUND: url(../images/mainnav-active-bg.gif) #ffffff no-repeat right bottom
}
A.mainlevel-active-trans:active {
	BACKGROUND: url(../images/mainnav-active-bg.gif) #ffffff no-repeat right bottom
}
A.mainlevel-active-trans:unknown {
	BACKGROUND: url(../images/mainnav-active-bg.gif) #ffffff no-repeat right bottom
}