/* Only for the sample 
div#doc{
	clear: none;
	float: left;
	margin-left: 2em;
	margin-top: 0;
	width: 60%;
}*/

/* Main container for whole menu 
div.tmtHierbarV {
	color: #00008B;
	float: left;
}*/

/* Main list inside tmtHierbar 
div.tmtHierbarV ul {*/
/*	background: #343487; 
	margin: 0;
	padding: 0;
	list-style: none;
	width: 130px;*/ /* Width of Menu Items
	border-bottom: 1px solid #400080;
	font-size:12px;
	text-align : left;
} */

/* First level */
/* ala ul li 
div.tmtHierbarV li {
	position: relative;
}
*/


/* Links, all levels 
div.tmtHierbarV li a,
div.tmtHierbarV li a:link
div.tmtHierbarV li a:visited {*/
/*	border-bottom-color: #1C57FF;
	border-left-color: #DDE7FF;
	border-right-color: #1C57FF;
	border-style: solid;
	border-top-color: #DDE7FF;
	display: block;
	text-decoration: none;
	color: #FFFFCC;
	background-color: #343487;
	padding: 5px;
	border: 1px solid #400080;
	border-bottom:0;
}
*/

/* Links, all levels, hover 
div.tmtHierbarV li a:hover {
	background-color: #5E5BA0;
}*/



/* Both second and third level 
div.tmtHierbarV ul li.tmtHiermenuV ul {
	display: none;
	left: 129px;
	position: absolute;
	top: 0px;
	width: 130px;
}*/

/* Third level 
div.tmtHierbarV ul li.tmtHiermenuV ul li.tmtHiermenuV ul{
	border-color: #CCCCCC;
	border-style: solid;
	border-top: 1px;
	display: none;
	left: 260px;
	top: -1px;
}*/

/* First level, only if contains second level 
div.tmtHierbarV ul li.tmtHiermenuV,*/
/* Second level, only if contains third level 
div.tmtHierbarV ul li.tmtHiermenuV ul li.tmtHiermenuV {
	background: url(../images/blue_right.gif);
	background-position: 95% 50%;
	background-repeat: no-repeat;
}*/

/* 
Show second and third level items on hover 
IE doesn't understand this, but the Javascript code will takes care of it

div.tmtHierbarV ul li.tmtHiermenuV:hover ul,
div.tmtHierbarV ul li.tmtHiermenuV ul li.tmtHiermenuV:hover ul{
	display: block;
}
*/



div.tmtHierbarV ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 175px; /* Width of Menu Items */
	border-bottom: 1px solid #31325B;
	font-size:12px;
}

div.tmtHierbarV ul li {
	position: relative;
	}
	
div.tmtHierbarV li ul {
	position: absolute;
	left: 174px; /* Set 1px less than menu width */
	top: 0;
	display: none;
	}

/* Styles for Menu Items */
div.tmtHierbarV ul li a {
	display: block;
	text-decoration: none;
	color: #E2E2EF;
	background: #252645; /* IE6 Bug */
	padding: 8px;
	padding-left: 30px;
	border-top: 1px solid #31325B;
	border-bottom: 0;
	}

/* Fix IE. Hide from IE Mac \*/
* html div.tmtHierbarV ul li { float: left; height: 1%; }
* html div.tmtHierbarV ul li a { height: 1%; }
/* End */

div.tmtHierbarV ul li a:hover { color:#FFFF99; background: #31325B; 
	background-image:url(../../../../assets/grapes_menuover.gif); background-repeat:no-repeat; 
	} /* Hover Styles */
		
div.tmtHierbarV li ul li a { padding: 2px 5px; } /* Sub Menu Styles */
div.tmtHierbarV li ul li a:hover { color:#FFFF99; background: #31325B; } /* Sub Menu Styles */
		
div.tmtHierbarV li:hover ul, li.over ul { display: block; } /* The magic */