/* Begin CSS Popout Menu */

#menuh-container
{
	margin:0;
	font-size:9pt;
}

#menuh
{
	font-family: 'Tahoma', 'Verdana', 'Arial';
	width:100%;
	margin:0em;
	padding:0px;
	/*clear:both;*/
	overflow:visible;
}
		
#menuh a
{
	text-align: left;
	display:block;
	white-space:nowrap;
	margin : 0;
	padding : 2;
}
	
#menuh ul li a, #menuh ul li a:visited, #menuh ul li a, #menuh ul li a:link, #menuh ul li a:active	/* menu at rest */
{
	color: #222222;
	text-decoration:none;
}
	
#menuh ul li a:hover	/* menu at mouse-over  */
{
	color: #222222;
	background : #dddddd;
	text-decoration:none;
}	
			
#menuh  ul li a.top_parent, #menuh  ul li a.top_parent:hover  /* attaches down-arrow to all top-parents */
{
	background-image: url('http://www.tintinpiano.com/images/sys_arrow.png');
	background-position: right center;
	background-repeat: no-repeat;
	padding-right:7px;
}
	
#menuh  ul li a.parent, #menuh  ul li a.parent:hover 	/* attaches side-arrow to all parents */
{
	background-image: url('http://www.tintinpiano.com/images/sys_arrow.png');
	background-position: right center;
	background-repeat: no-repeat;
	padding-right:7px;
}

#menuh ul
{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	text-align:center;
	background:#EBFFFF;
	/* width:9em; */
	width:auto;
	max-width:150px;
	/* width of all menu boxes */
}
	
#menuh li
{
	position:relative;
}

#menuh ul ul
{
	position:absolute;
	z-index:500;
	top:12px;
	left:0px;
	display:none;
	padding: 0em;
	border:1px solid #cccccc;
	width:auto;
}

#menuh ul ul ul
{
	top:0;
	left:100%;
}

#menuh li:hover
{
	cursor:pointer;
	z-index:100;
}

#menuh li:hover ul ul,
#menuh li li:hover ul ul,
#menuh li li li:hover ul ul,
#menuh li li li li:hover ul ul
{display:none;}

#menuh li:hover ul,
#menuh li li:hover ul,
#menuh li li li:hover ul,
#menuh li li li li:hover ul
{display:block;}

#menuh h2 a:link,
#menuh h2 a:visited,
#menuh h2 a:active,
#menuh h2 a:hover
{
	color: #222222;
	font-weight: normal;
	padding:0 3px;
	text-align:center;
	font-size:9pt;
	width:auto;
	text-decoration:none;
}

#menuh h2
{
	border-right: 1px solid #D3D3D3;
	color: #222222;
	font-weight: normal;
	padding:0 3px;
	text-align:center;
	font-size:9pt;
	width:auto;	
}

/* for detail.php*/

#menuh h3,
#menuh h3 a:link,
#menuh h3 a:visited,
#menuh h3 a:active,
#menuh h3 a:hover
{
	font-weight:normal;
	color: #663333;
	text-decoration:underline;
	margin-right:2px;
	padding:0;
	text-align:center;
	width:auto;
	font-size:9pt;
	background-color:white;
}

/* End CSS Popout Menu */