/**************** menu coding *****************/
div.cssmenu {
border: none;
	z-index:100;
}

div.cssmenu ul {
list-style: none;

padding: 0;
margin-left:0px;/*necessary only in IE*/
margin-right:0px;

}

#headerMenu ul{
width:580px;/*602px;/*firefox:580px*/
padding: 0px;
margin: 0px 00px 0px 0px;
border:solid 0px white;
}

div.cssmenu a, 
div.cssmenu h2, 
div.cssmenu div.disabledlink {
font: bold 8pt Arial, sans-serif ;
text-transform: lowercase;

/*line-height:120%;*/
display: block;
color: #333366;
/*border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;*/
/*width:164px;/*replaced in IE by custom value*/
/*margin: 3px;*/
padding: 2px 3px;/*seems to be doing strange things in firefox*/

}

/* currently we're not doing different colouring for the headermenu
#headerMenu a, 
#headerMenu h2, 
#headerMenu div.disabledlink {
	color:#eeeeff;
	}
*/
div.cssmenu h2 {
font: bold 8pt Arial, sans-serif ;
display: block;
	color: #333366;
/*border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;*/
	
/*margin: 3px;*/
padding: 2px 3px;

}

div.cssmenu ul li a,
div.cssmenu ul li div.disabledlink
{
	background: none;
	text-decoration: none;
	line-height: 15px;/*IE*/
	height: 15px;/*firefox*/

}
/*div.cssmenu ul ul li a,
div.cssmenu ul ul li div.disabledlink
{
	margin: 0px 0px 0px 0px;	/* sets gaps between items 
}*/


div.cssmenu li div.disabledlink
{
	color: #99c;
	border: 2px solid #ccf;

	height: 12px;

	width: 146px;
/*	padding: 0px 1px; not sure why this is set to 1px, was causing problems! */
	padding:0px 0px;
	
}

#headerMenu li div.disabledlink
{
	color:#99c;
	}

div.cssmenu a:hover {
color: #ffffff;
background: url('images/button1.png');
border: 2px solid #eef;
/*margin: 3px;*/
padding: 0px 1px;
text-decoration: none;
}


div.cssmenu li {
		z-index: 100;
	
	position: relative;
	text-align: right;
	float:top;

/*border: dashed yellow 1px;*/
	height: 19px;
	width:150px;
	padding:0px 0px 0px 0px;
	margin: 15px 0px 0px 0px;/* sets gaps between items, seemingly only in firefox*/

}

#headerMenu li {
	
	position: relative;
	text-align: right;
	float:left;
/*border: dashed yellow 1px;*/
	height: 19px;
	width:150px;
	padding:0px 0px 0px 0px;
	margin: 0px 60px 0px 60px;/*firefox*/


}


div.cssmenu ul ul {

position: absolute;
top: 0;
left: 100%;
width: 100%;
background: url('images/button-grad-grey.png');
filter: alpha(Opacity=100,FinishOpacity=95,Style=2,StartX=0,StartY=0,FinishX=99,FinishY=100);
opacity: 0.9;
	z-index:100;
height:0px;/*necessary to hide menus with 0 items on them*/
width:0px;


}

div.cssmenu ul ul li{
text-align:center;
background-color: #ffffff;
	margin: 0px 0px 0px 0px;/* sets gaps between items, seemingly only in firefox*/
}


div.cssmenu ul ul,
div.cssmenu ul li:hover ul ul
{display: none;	z-index: 100;
}

div.cssmenu ul li:hover ul,
div.cssmenu ul ul li:hover ul
{display: block;	z-index: 100;
}


div.cssmenu ul ul ul {
position: absolute;
top: 0;
left: 100%;
width: 100%;	z-index: 100;

}

div.cssmenu ul ul ul,
div.cssmenu ul ul li:hover ul ul
{display: none;	z-index: 100;
}

div.cssmenu ul ul li:hover ul,
div.cssmenu ul ul ul li:hover ul
{display: block;	z-index: 100;
}