﻿/***********************************************/
/* TopMenu                                     */
/***********************************************/
.MenuEx 
{
	padding-top:5px;
}

.MenuExIcon
{
	border:none;
	vertical-align:middle;
	padding-right:3px;
}

/***********************************************/
/* TopMenu level1                              */
/***********************************************/

#MenuExBar {
	margin:0;
	padding: 0;
}

#MenuExBar ul{
	font: bold 13px Verdana;
	margin: 0;
	margin-left:20px;
	list-style:none;
}

#MenuExBar li{
	display:inline;
/*	margin:0 1px 0 2px;*/
}

#MenuExBar a{
	color: #666;   /*link color*/
	background:  url(img/bg_topnav_link3.gif) no-repeat 0 0px;
	margin:0 4px 0 0;
	text-decoration:none;
	padding:3px 0 0 ; /*tab size*/
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:13px; 
	float:left	;
	display: block;
	height:18px;
	width:auto;
	text-align:center;
}

#MenuExBar li a strong{
	background: url(img/bg-topnav-link-cap3.gif) no-repeat 100% 0px; 
	padding: 3px 10px 2px 10px; /*same with a.tap */
}

#MenuExBar #Selected a{ /*currently selected tab*/
	color: #fff ;   /*link color*/
	background: #89C01A url(img/bg_topnav_link3.gif) no-repeat 0 -44px;
	text-decoration:none;
}

#MenuExBar #Selected a strong{
 background: url(img/bg-topnav-link-cap3.gif) no-repeat 100% -44px; 
 padding: 3px 10px 2px 10px; /*same with a.tap */
}

/***********************************************/
/* TopMenu level2                              */
/***********************************************/

#MenuExBar2
{
	clear:both;
	padding: 0;
	height:22px;
	background: url(img/bg_topnav_bar3.gif) top center repeat-x;
	border-bottom : 1px solid #727288; /*border color*/
}

#MenuExBar2 ul{
	font: 12px Arial, Verdana, sans-serif;
	margin:0px;
	margin-left:20px;/*left margin*/
/*	line-height:22px;*/
	list-style:none;
	padding-top:6px;
}

#MenuExBar2 li{
	display: inline; 	
}

#MenuExBar2 a{
	color: white; /*link color*/
	padding: 0px 10px 0px 10px; /*tab size*/
	text-decoration: none;
	border-right : 1px white solid;
}

#MenuExBar2 a:hover
{
	text-decoration: underline;
}


/***********************************************/
/* Vertical level1                              */
/***********************************************/
#MenuExBarV
{
	/*overflow:hidden;*/
    FONT-FAMILY: Arial, Helvetica, sans-serif;
}

 #MenuExBarV ul {
	padding:0px 0px 0px 0px; /* x offset */
	list-style-type: none; 
	/*width:auto;*/
 	border-top : 1px solid #727288; /*border color*/
	margin: 0;
}

#MenuExBarV ul ul 
{
	border:none;
}

#MenuExBarV li {
	padding:0px ;
	margin: 0;
}

#MenuExBarV li a 
{
	display: block; 
	background: #89C01A url(img/bg_vbar3.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;
	/*margin-left:5px;	*/
	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(img/arrow.gif) no-repeat left ; 
	padding: 3px 10px;
}

/* selected item */
#MenuExBarV li li #Selected span 
{
	font-weight:bolder;
}

#MenuExBarV li li li a 
{
	background-color: #ffffff ;   /*link color*/
	padding: 3px 4px 3px 28px; /* important */
	color: #333333 ;   /*link color*/
}
