/***********************************************/
/* TopMenu                                     */
/***********************************************/
.MenuEx 
{
    
}
.MenuExIcon
{
	border:none;
	vertical-align:middle;
	padding-right:3px;
	
}

/***********************************************/
/* TopMenu level1                              */
/***********************************************/

#MenuExBar {
	margin:0;
	padding-left: 200px;
	font: bold 10px Verdana;
	border-bottom : 0px solid #727288; /*border color*/
	float:left;
}

#MenuExBar ul{
	margin: 0;
	list-style:none;
	padding:0px ;
	padding-left:260;
	height:18px;
	text-align:center;
	float:left;
}

#MenuExBar li{
	display:inline;
	position:relative;
	float:left	;/*submenu left align*/
}

#MenuExBar a
{
	color: #333;   /*link color*/
	background:  url(bg_topnav_linkb.gif) no-repeat 0 0px;
	margin:0 4px 0 0;
	text-decoration:none;
	padding:3px 0 ; /*tab size*/
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px; 
	float:left	;
	display: block;
	/*height:18px;*/
	width:auto;
	text-align:center;
}

#MenuExBar li a strong{
	background: url(bg-topnav-link-capb.gif) no-repeat 100% 0px; 
	padding: 3px 10px 3px 10px; /*same with a.tap */
}

#MenuExBar #Selected a{ /*currently selected tab*/
	color: #fff ;   /*link color*/
	background: #83BEDC url(bg_topnav_linkb.gif) no-repeat 0 -44px;
	text-decoration:none;
}

#MenuExBar #Selected a strong{
background: url(bg-topnav-link-capb.gif) no-repeat 100% -44px; 
padding: 3px 10px 3px 10px; /*same with a.tap */
}

#MenuExBar a:hover {
	background-color: #ffffff; /*color 1*/
}

/***********************************************/
/* Dynamic menu for level 1                    */
/***********************************************/
#MenuExBar UL UL {
	POSITION: absolute; 
	margin:0px;
	LEFT: 0px; 
	VISIBILITY: hidden; 
	WIDTH:  auto; 
	TOP: 22px;/*dynamic top*/
	height: auto;
	padding: 0px 0px;
	border:1px solid #727288;
	z-index:500;
}

HTML #MenuExBar UL UL {
	top:22px; /*dynamic top*/
}

#MenuExBar UL UL li{
	list-style:none;	
}

#MenuExBar UL UL A 
{
	margin:0px;
	display: block;
	BACKGROUND:  #eeeeee; 
	WIDTH: 120px; 
	COLOR: #000; 
	LINE-HEIGHT: 1em; 
	padding:5px 10px;
	HEIGHT: auto;
	border:none;
	font-weight:normal;
	font-size:12px;
}

#MenuExBar UL UL A:hover {
	BACKGROUND: #89C01A; COLOR: #fff
}

#MenuExBar UL UL UL {
	LEFT: 140px; WIDTH: 140px; TOP: 0px
}

#MenuExBar UL UL UL.left {
	LEFT: -150px
}

#MenuExBar TABLE {
	LEFT: 0px; POSITION: absolute; TOP: 0px
}

#MenuExBar UL :hover UL {
	VISIBILITY: visible
}

#MenuExBar UL :hover UL UL {
	VISIBILITY: hidden
}

#MenuExBar UL :hover UL :hover UL UL {
	VISIBILITY: hidden
}

#MenuExBar UL :hover UL :hover UL {
	VISIBILITY: visible
}

#MenuExBar UL :hover UL :hover UL :hover UL {
	VISIBILITY: visible
}
/***********************************************/
/* TopMenu level2                              */
/***********************************************/

#MenuExBar2
{
	clear:both;
	padding-top:6px;
	height:28px;
	background: url(bg_topnav_bar22b.gif) top center repeat-x;
	border-bottom : 1px solid #727288; /*border color*/
	text-align:center;
}

#MenuExBar2 ul{
	font: 10px Arial, Verdana, sans-serif;
	margin:0px;
	margin-left:4px;/*left margin*/
/*	line-height:22px;*/
	list-style:none;
	padding-top:6px;
	float:left;
}

#MenuExBar2 li{
	display: inline; 	
	position:relative;
}

#MenuExBar2 a{
	color: #000; /*link color*/
	padding: 0px 10px 0px 10px; /*tab size*/
	text-decoration: none;
	border-right : 2px white solid;
	display:inline-block;
	font: bold 10px Verdana;	
	background:#0000CC;
	
}

#MenuExBar2 a:hover
{
	background-color:#ffffff;
	
}

#MenuExBar2 #Selected a{ /*currently selected tab*/
    
	background-color:#ffffff;
	color: #5F890B; /*link color*/
}




/***********************************************/
/* Dynamic menu for level 2                    */
/***********************************************/
#MenuExBar2 UL UL {
	text-align:left;
	POSITION: absolute; 
	margin:0px;
	LEFT: 0px; 
	VISIBILITY: hidden; 
	WIDTH:  auto; 
	TOP: 20px;/*dynamic top*/
	height: auto;
	padding: 0px 0px;
	border:1px solid #727288;
	z-index:500;
}

HTML #MenuExBar2 UL UL {
	top:20px; /*dynamic top*/
}

#MenuExBar2 UL UL li{
	list-style:none;	
}

#MenuExBar2 UL UL A 
{
	margin:0px;
	display: block;
	BACKGROUND:  #eeeeee; 
	WIDTH: 120px; 
	COLOR: #000; 
	LINE-HEIGHT: 1em; 
	padding:5px 10px;
	HEIGHT: auto;
	border:none;
	font-weight:normal;
	font-size:12px;
}

#MenuExBar2 UL UL A:hover {
	BACKGROUND: #89C01A; COLOR: #fff
}

#MenuExBar2 UL UL UL {
	LEFT: 140px; WIDTH: 140px; TOP: 0px
}

#MenuExBar2 UL UL UL.left {
	LEFT: -150px
}

#MenuExBar2 TABLE {
	LEFT: 0px; POSITION: absolute; TOP: 0px
}

#MenuExBar2 UL :hover UL {
	VISIBILITY: visible
}

#MenuExBar2 UL :hover UL UL {
	VISIBILITY: hidden
}

#MenuExBar2 UL :hover UL :hover UL UL {
	VISIBILITY: hidden
}

#MenuExBar2 UL :hover UL :hover UL {
	VISIBILITY: visible
}

#MenuExBar2 UL :hover UL :hover UL :hover UL {
	VISIBILITY: visible
}

/***********************************************/
/* Vertical level1                              */
/***********************************************/
#MenuExBarV
{
    FONT-FAMILY: Arial, Helvetica, sans-serif;
}

 #MenuExBarV ul {
	padding: 0px; /* x offset */
	list-style-type: none; 
	margin: 0;
}

#MenuExBarV ul ul 
{
	border:none;
}

#MenuExBarV li {
	padding:0px ;
	margin: 0;
}

#MenuExBarV li a 
{
	display: block; 
	background: #89C01A url(bg_vbar.gif) repeat-x 100% 0px  ;  /*selected color*/
	color: #fff ;   /*link color*/
	text-decoration: none;	
	padding: 3px 20px 3px 12px;	/**/
	line-height:18px;
	width:100%; /*12em;*/
	FONT-SIZE: 13px;
 	border-bottom : 1px solid #727288; /*border color*/
}
 
#MenuExBarV li li a 
{
	display: block; 
	background: none;
	background-color: #eeeeee;  /*selected color*/
	color: #333333 ;   /*link color*/
    border:none;
	border-bottom: 1px dashed #cccccc;
	padding: 3px 14px 3px 18px; /*important */
	line-height:16px;
	width:100%;  /*this is width */
    FONT-SIZE: 12px;	
}

#MenuExBarV li li a:hover
{
	text-decoration: underline;
	/*background-color:#E2EAEA;*/
}

#MenuExBarV li li span {
	background: url(arrow.gif) no-repeat left ; 
	padding: 3px 10px;
}

/* selected item */
#MenuExBarV li li #Selected span 
{
	font-weight:bolder;
}

#MenuExBarV li li li a 
{
	display: block; 
	background-color: #ffffff ;   /*link color*/
	padding: 3px 4px 3px 28px;  /*important */
	color: #333333 ;   /*link color*/
}