.navJS
{
	background: url(../../images/navbarbkg.jpg) no-repeat; /*height: 25px;*/
	height: 36px; /* change background height */
}
body
{
	behavior: url(csshover.htc); /* call hover behaviour file */
	font-size: 100%; /* enable IE to resize em fonts */
}
#menu ul li
{
	float: left; /* cure IE5.x "whitespace in lists" problem */
	width: 100%;
	list-style: none;
}

/* added on 31-8-08 */
#menu ul li h2 a
{
	height: 31px; /*1% make links honour display: block; properly */
	padding: 6px 7px 0 8px;
}
#menu ul li a
{
	height: 20px; /*1% make links honour display: block; properly */
	padding: 3px 3px 0 9px;
}
#menu ul li h2 ul li :hover
{
	background: #000;
}

/* added end 31-8-08 */


/*
#menu ul li a
{
	height: 1%; /* make links honour display: block; properly 
}
*/
#menu a, #menu h2
{
	font: bold 0.7em/1.4em Myriad Pro, arial, helvetica, sans-serif; /*if required use em's for IE as it won't resize pixels */
}
#menu
{
	width: 100%;
	margin-left: 9px; /*	background: #44832d;*/
	float: left;
}
#menu ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	width: auto;
	float: left; /*border-right:1px solid #fff;*/
}
#menu a, #menu h2
{
	font: bold 12px/18px Myriad Pro, arial, helvetica, sans-serif;
	display: block; /*border-width: 1px; 	border-style: solid; 	border-color: #ccc #888 #555 #bbb;*/ /*margin: 0 1px;*/ /* comment on 31-8-09 */
	margin: 0px 0 -1px 0; /* added on 31-8-09 */
	padding: 0px 8px; /* modified on 31-8-09 */
}
#menu h2
{
	color: #000;
	margin-left: 0px; /*	background: #44832d; 	text-transform: uppercase; */
}
#menu ul :hover h2 > a{
	background:#44832d;
	color: #fff;
}
#menu a
{
	color: #333;
	background: none; /*background: #cedb8b;*/
	text-decoration: none;
}
#menu a:hover
{
	color: #fff;
	background: #44832d;
}

#menu li
{
	position: relative;
	padding-left: 0px;
}

#menu li .underline
{
	position: relative;
	margin-left: 7px;
	padding-right: 0px;
	background: #cedb8b;
	border-bottom: #68994d 1px solid;
}

#menu li .underline :hover
{
	background: #b8e0f9;
}

/*-------added-------*/

#menu ul li :hover ul li
{
	background: #b8e0f9;
}
#menu ul li :hover ul li > a
{
	background: #b8e0f9;
	font-style: italic;
	border-bottom: #68994d 1px solid;
}
#menu ul li :hover ul li > :hover{
	background:#44832d;
	color: #fff;
	font-style:italic;
	border-bottom:#68994d 1px solid;
}
#menu :hover ul :hover > a
{
	background: #b8e0f9;
	color: #000;
	border-bottom: #68994d 1px solid;
}
#menu li .underline ul li
{
	margin-left: -1px;
}
/*-------------------*/
#menu ul ul
{
	position: absolute;
	z-index: 500;
}
#menu ul ul ul
{
	position: absolute;
	top: 0;
	left: 100%;
}
div#menu ul ul, div#menu ul li:hover ul ul, div#menu ul ul li:hover ul ul, div#amenu ul ul ul li:hover ul ul
{
	/*display: none;*/
	visibility: hidden;
}
div#menu ul li:hover ul, div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul, div#menu ul ul ul ul li:hover ul
{
	/*display: block;*/
	visibility: visible;
}