/*-- menu styles --

#menuJS = Left menu
#menuJSIG = Interest Groups menu (Only shows up under CPD IG's)

*/
#menuJS {
  width:100%;
	margin-left:0px;
}

#menuJS ul {
	list-style: none;
	margin:0px;
	padding:0px;
	float:left;
	width: 190px;
	border-bottom: 1px solid #7EA8BE;
	position: relative;
}

#menuJS ul li{
	display: block;
}

#menuJS ul li a{
	width:180px;
	font: bold 12px/16px Verdana, Arial, Helvetica, sans-serif;
	display: block;
	padding-left:7px;
	margin:0px;
	color:#BFD2DB;
	text-decoration: none;
	padding-top: 7px;
	padding-bottom: 7px;
	
}

#menuJS ul li a.currentpage{
	color: #ffffff;
}

#menuJS ul li a:hover, #menuJS ul li a.CSStoHighLink { color: #ffffff; }

#menuJS ul li:hover ul a{ color: #BFD2DB; }
#menuJS ul li:hover a{ color: #ffffff; }

#menuJS ul ul li a{
	color:#BFD2DB;
	font-weight: bold;
	font-size: 11px;
	padding-left: 10px;
	text-align: left;
	display: block;
	width: 170px;
}

#menuJS ul ul li a:hover, #menuJS ul ul li a.CSStoHighLink { color: #ffffff; }
#menuJS ul ul li:hover ul a{ color: #BFD2DB; }
#menuJS ul ul li:hover a{ color: #ffffff; }


#menuJS ul ul ul li a:hover, #menuJS ul ul ul li a.CSStoHighLink { color: #ffffff; }
#menuJS ul ul ul li:hover ul a{ color: #BFD2DB; }
#menuJS ul ul ul li:hover a{ color: #ffffff; }

/*--menu positioning--*/
#menuJS ul ul {
	position: absolute;
	left:190px;
	top: 0px;
	text-align: left;
	width: 185px;
	background-color: #3A7491;
	border: 1px solid #7EA8BE;
}
#menuJS ul ul ul{
	position: absolute;
	left:100%;
	top: 0px;
	text-align: left;
	width: 160px;
}

ul li span.arrow,
ul ul li span.arrow{
	position:		absolute; 
	display:		block; 
	right:			4px; 
	top:			11px; 
	width:			0px; 
	height:			0px; 
	border-top:		5px solid #3A7491; 
	border-bottom:	5px solid #3A7491; 
	border-left:	5px solid #BFD2DB;/*arrow colour*/
	font-size:		1px; 
	line-height:	0;
}

ul li:hover span,
ul ul li:hover span{
	position:		absolute; 
	display:		block; 
	right:			4px; 
	top:			11px; 
	width:			0px; 
	height:			0px; 
	border-top:		5px solid #3A7491; 
	border-bottom:	5px solid #3A7491; 
	border-left:	5px solid #ffffff;/*hover arrow colour*/
	font-size:		1px; 
	line-height:	0;
}


#menuJS li {position: relative;}

/*-- menu display --*/
#menuJS ul ul,
#menuJS ul li:hover ul ul
{display: none;}

#menuJS ul li:hover ul,
#menuJS ul ul li:hover ul
{
	display: block; 
}