/*-- menu styles --*/
#menuJS {
	width:100%;
	display: block;
	float: left;
	background: url(../images/templateimages/menu_bg.png) bottom repeat-x #8b8b8b;
}

#menuJS ul {
	list-style: none;
	margin: 0px;
	margin-right:0px;
	padding: 0px;
	float:left;
	width:123px;
}

#menuJS ul.Lastpage,
#menuJS ul.currentLastpage {
	list-style: none;
	margin: 0px;
	margin-right:0px;
	padding: 0px;
	float:left;
	width:127px;
}

#menuJS li {
	position: relative; 
	background: url(../images/templateimages/menu_bg.png) bottom repeat-x #8b8b8b;
}/*Add margins here to get separate menu effect*/

#menuJS ul li{
	display: block;
	z-index: 99;
}

#menuJS ul li:HOVER, 
#menuJS ul li.CSStoHighlight,
#menuJS ul li.currentpage,
#menuJS ul li.currentLastpage {
	display: block;
	color:#ffffff;
	background: url(../images/templateimages/menu_cbg.png) repeat-x #000375;
}

#menuJS ul li span.arrow {
	width: 2px;
	height: 11px;
	background: url(../images/templateimages/menu_border.gif) no-repeat top right;
	display:block;
	position: absolute;
	left: -1px;
	top: 12px;
}
#menuJS ul li a{
	font: bold 12px Arial;
	text-align:center;
	padding:10px 0px;
	color: #ffffff;
	text-decoration: none;
	display: block;
}
#menuJS ul li a:hover, #menuJS ul li a.CSStoHighLink { }
#menuJS ul li:hover ul a{color: #ffffff; }
#menuJS ul li:hover a, #menuJS ul li:hover #menuJS ul li:hover a{  color: #ffffff;}



#menuJS ul ul li a{
	text-align: center;
	padding-left:0px;
	display: block;
	z-index: 99;
}



#menuJS ul ul li a:hover, #menuJS ul ul li a.CSStoHighLink { 
	color: #ffffff;
	background: url(../images/templateimages/menu_cbg.png) repeat-x #000375; 
}
#menuJS ul ul li:hover ul li a{ color: #ffffff; }
#menuJS ul ul li:hover a{ color: #ffffff; }


/*--menu positioning--*/

#menuJS ul ul {
	position: absolute;
	top: 34px;
	left: 0px;
	width: 122px;
	z-index:99;
	
}

#menuJS ul ul ul{
	position: absolute;
	top: 0px;
	left: 122px;
	width: 122px;
}

/*-- 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;
}


/* Left Nav Links */
a.leftNavLinks_1, a.CleftNavLinks_1 { display:none;}
a.CleftNavLinks_2,
a.leftNavLinks_2{
	font: bold 12px Arial;
	padding:4px 10px 4px 10px;
	color:#333333;
	width:197px;
	display:block;
	background-color:#cccccc;
	text-decoration:none;
}

div.leftmenu_item {
	padding-bottom: 2px;
	margin-top:2px;
	border-bottom: 1px dotted #999999;
}

a.CleftNavLinks_2,
a.leftNavLinks_2:HOVER{
	color:#ffffff;
	background-color:#0004a8;
}

a.CleftNavLinks_3,
a.leftNavLinks_3{
	font: bold 12px Arial;
	padding:4px 10px 4px 15px;
	color:#666666;
	display:block;
	width: 182px;
	margin-left: 10px;
	text-decoration:none;
}
a.CleftNavLinks_3,
a.leftNavLinks_3:HOVER{
	color:#0004a8; 
	background: url(../images/templateimages/arrow.gif) left no-repeat;
}

a.leftNavLinks_4{color:#dda242;}
a.leftNavLinks_4:HOVER{color:white;}
