﻿/***********************************************/
/* TopMenu                                     */
/***********************************************/
.MenuEx 
{
    FONT-FAMILY: verdana, Arial, Helvetica, sans-serif;
}

.MenuExIcon
{
	border:none;
	vertical-align:middle;
	padding-right:2px;
}

/***********************************************/
/* TopMenu level1                              */
/***********************************************/

#MenuExBar 
{
	margin:0;
	padding: 0;
	font-size:1em;
	height:10px;
	/*border-bottom: 1px solid #660066;*/
	height: 29px;
	/*border-bottom: 1px solid #727288;*/
	background: #9900cc
	text-decoration:none;

}

#MenuExBar ul{
	margin: 0;
	list-style:none;
	padding:  0px ;
	padding-left:20px;
	text-align:center;	text-decoration:none;

}

#MenuExBar li{
	display:inline;
	POSITION: relative	;
	float:left;	text-decoration:none;

}

#MenuExBar a /*  TAB */
{
	color: silver;   /*link color*/
	background:#90c;
	margin:0 4px 0 0;
	text-decoration:none;
/*	border: solid 1px #9900cc;
		border-bottom: none;
		border-top: none;*/

	padding:5px 10px ; /*tab size*/
	display:block;
}


#MenuExBar a:hover{
	color: #fff;   /*link color*/	text-decoration:none;
background: #609;
	display:block;

}

#MenuExBar #Selected a{ /*currently selected tab*/
		text-decoration:none;

	background:    #decbe5;
	cursor:default;
		color: #90c;   /*link color*/
/*	border: 1px solid #660066;*/
	border-bottom:solid 1px #decbe5;
	

}

#MenuExBar #Selected a:hover{ /*currently selected tab*/
    	cursor:default;
	color: #90c;   /*link color*/
	border-bottom:solid 1px #decbe5;

}

/***********************************************/
/* Dynamic menu for level 1                    */
/***********************************************/
#MenuExBar UL UL {
	POSITION: absolute; 
	margin:0px;
	LEFT: 0px; 
	VISIBILITY: hidden; 
	WIDTH:  auto; 
	TOP: 27px;/*dynamic top*/
	height: auto;
	padding: 0px 0px;
	border:1px solid #727288;
	z-index:500;
}

HTML #MenuExBar2 UL UL {
	top:27px; /*dynamic top*/
}

#MenuExBar UL UL li{
	list-style:none;	
}

#MenuExBar UL UL A 
{
	margin:0px;
	display: block;
/*	BACKGROUND: #d4d8bd; */
	WIDTH: 130px; 
	COLOR: #000; 
	LINE-HEIGHT: 1em; 
	padding:5px 10px;
	HEIGHT: auto;
	border:none;
}

#MenuExBar UL UL A:hover {
	BACKGROUND: #949e7c; COLOR: #fff
}

#MenuExBar UL UL UL {
	LEFT: 150px; WIDTH: 150px; 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
{	/*/	background:    #ebebeb;*/
	text-decoration: none;
	clear: both;
	margin: 0px 0px 0px 0px;
	border-bottom : none;
	font: 1em Verdana,arial, sans-serif;
	line-height:3em;
height: 3em;
}

#MenuExBar2 ul{
	margin:0px;
		margin-left: 20px;
text-decoration:none;
	list-style:none;
	height:39px;
	border-bottom:none;
	

}

#MenuExBar2 li{
	POSITION: relative	;
	display:inline;	text-decoration: none;
	border-bottom:none;

}

#MenuExBar2 ul a{
	color: #90c; /*link color*/
	padding:0px 10px; /*tab size*/
	text-decoration: none;	
	border-bottom:none;


}

#MenuExBar2 a:hover
{
	COLOR: #609;text-decoration:none;border-bottom:none;

}
#MenuExBar2 a:visited
{
	COLOR: #90c;text-decoration:none;
}


/***********************************************/
/* Dynamic menu                              */
/***********************************************/
#MenuExBar2 UL UL {
	POSITION: absolute; 
	margin:0px;
	LEFT: 0px; 
	VISIBILITY: hidden; 
	WIDTH:  auto; 
	TOP: 55px;/*dynamic top*/
	height: auto;
	padding: 0px 0px;
	border:1px solid #727288;
	display:block;
}

HTML #MenuExBar2 UL UL {
	top:15px; /*dynamic top*/
}

#MenuExBar2 UL UL li{
	list-style:none;	
}

#MenuExBar2 UL UL A {
	display: block;
	BACKGROUND: #d4d8bd; 
	WIDTH: 129px; 
	COLOR: #000; 
	LINE-HEIGHT: 1em; 
	PADDING-RIGHT: 10px; 
	PADDING-LEFT: 10px; 
	PADDING-BOTTOM: 5px; 
	PADDING-TOP: 5px; 
	HEIGHT: auto;
	border:none;
}

#MenuExBar2 UL UL A:hover {
	BACKGROUND: #949e7c; COLOR: #fff
}

#MenuExBar2 UL UL UL {
	LEFT: 150px; WIDTH: 150px; TOP: 50px
}
#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 menu                              */
/***********************************************/
#MenuExBarV
{
	border-left : 1px solid #727288; /*border color*/
	border-right : 1px solid #727288; /*border color*/
	width:100%;
}

 #MenuExBarV ul {
	padding:0px 0px 0px 0px;  /*x offset */
	list-style-type: none; 
	margin: 0;
	border-top : 1px solid #727288; /*border color*/
}

#MenuExBarV li {
	padding:0px 0px 0px 0px; /* x offset */
	margin: 0;
}

#MenuExBarV li a 
{
	display: block; 
	background: white url(img/shade.gif) repeat-x 0 0;  /*selected color*/
	color: #727288;   /*link color*/
	width: auto;
	text-decoration: none;	
	padding: 3px 20px 3px 12px;	
	border-bottom: 1px solid #727288;
	line-height:18px;
	width:100%; /*12em;*/
	FONT-SIZE: 14px;
 }

 #MenuExBarV li ul {
	border: none;
}

 
#MenuExBarV li li a 
{
	display: block; 
    FONT-SIZE: 85%;	
	background: none;
	background-color: #E3EAEA; /*#F2F5F5;  selected color*/
	color: #333333 ;   /*link color*/
	padding: 3px 10px 3px 22px;/* important */
	border-bottom: 1px dashed #727288;
	width:100%;  /*this is width */
}

#MenuExBarV li li a:hover
{
	text-decoration: underline;
	background-color:#CAD0D0 ;/*#E2EAEA;*/
}

/* bullet */
#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*/
}



