/*-- menu styles --*/
#menuJS {
	width:100%;
	display: block;
	float: left;
}

#menuJS ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	float:left;	
	width:195px;
	height:24px;
	border-right:2px solid #ffffff;
}

#menuJS ul li{
	display: block;
	width:195px;
	height:24px;
	background: url(../images/TemplateImages/outbound/menu_bg.gif) repeat-x;
	border-right:1px solid #ffffff;
}

#menuJS ul li.currentpage,
#menuJS ul li.lastcurrentpage,
#menuJS ul li:HOVER, 
#menuJS ul li.CSStoHighlight {
	background: url(../images/TemplateImages/outbound/menu_cbg.gif) repeat-x;
}

#menuJS ul.lastpage,
#menuJS ul.lastcurrentpage,
#menuJS ul li.lastpage,
#menuJS ul li.lastcurrentpage {
	border-right: none;
	width: 197px;
}
#menuJS ul li a{
	font: bold 11px arial, helvetica, sans-serif;
	text-align:center;
	padding-top:4px;
	padding-bottom: 6px;
	color: #ffffff;
	text-decoration: none;
	display: block;
}
#menuJS ul li a:hover, #menuJS ul li a.CSStoHighLink { }
#menuJS ul li:hover ul a{ }
#menuJS ul li:hover a, #menuJS ul li:hover #menuJS ul li:hover a{  }

#menuJS ul ul{
	border:none;
}
#menuJS ul ul li{
	width: 197px;
	border:none;
	border-top:1px solid #ffffff;
}

#menuJS ul ul li a{
	text-align:left;
	padding-left:5px;
	display: block;
}



#menuJS ul ul li a:hover, #menuJS ul ul li a.CSStoHighLink {  }
#menuJS ul ul li:hover ul li a{  }
#menuJS ul ul li:hover a{  }


/*--menu positioning--*/

#menuJS ul ul {
	position: absolute;
	top: 24px;
	left: 0px;
}

#menuJS li {position: relative;}/*Add margins here to get separate menu effect*/

/*-- 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 */
div#home_navigation a.CleftNavLinks_2,
div#home_navigation a.leftNavLinks_2{
	padding:4px 10px 5px 10px;
	color:#ffffff;
	font-weight:bold;
	font-size: 12px;
	width:175px;
	display:block;
	text-decoration:none;
	background: url(../images/TemplateImages/outbound/leftmenu_homebg.jpg) no-repeat;
}

div#home_navigation a.CleftNavLinks_2,
div#home_navigation a.leftNavLinks_2:hover{
	background: url(../images/TemplateImages/outbound/leftmenu_homecbg.jpg) no-repeat;
}

div#navigation a.CleftNavLinks_2,
div#navigation a.leftNavLinks_2{
	padding:4px 10px 5px 10px;
	color:#ffffff;
	font-weight:bold;
	font-size: 12px;
	width:175px;
	display:block;
	margin-bottom:2px;
	text-decoration:none;
	background: url(../images/TemplateImages/leftmenu_green.jpg) no-repeat bottom #b9d861;
}

/*div#navigation a.CleftNavLinks_2,*/
div#navigation a.leftNavLinks_2:hover{
	background: url(../images/TemplateImages/leftmenu_blue.jpg) no-repeat bottom #35bdcb;
}

a.CleftNavLinks_3,
a.leftNavLinks_3{
	padding:4px 10px 5px 10px;
	color:#ffffff;
	width:175px;
	margin-bottom:2px;
	display:block;
	text-decoration:none;
	font-size: 12px;
	font-weight:bold;
	background: url(../images/TemplateImages/outbound/sub_leftmenu.jpg) no-repeat;
}
a.CleftNavLinks_3,
a.leftNavLinks_3:HOVER{ background: #000000;}

a.CleftNavLinks_4,
a.leftNavLinks_4{
	padding:4px 10px 5px 25px;
	color:#ffffff;
	width:160px;
	margin-bottom:2px;
	display:block;
	text-decoration:none;
	font-weight:bold;
	font-size: 12px;
	color:#000000;
	background: #c5a775;
}

a.CleftNavLinks_4,
a.leftNavLinks_4:HOVER{ color:#ffffff; background: #000000;}
