.menu {
/*	width: 16px; /* set width of menu */
} 

.menu ul { /* remove bullets and list indents */
	z-index: 1;
	position: relative;
	list-style: none;
	white-space:nowrap;
	margin: 0;
	padding: 0;
	vertical-align: text-top;
}

/* style, color and size links and headings to suit */
.menu a, .menu h2 {
	display: block;
	margin: 0px;
	padding: 1px 1px; 
}

.menu h2 {
	font-size: 10px;
	font-weight: bold;
/*	text-align: center; */
}

.menu a {
	text-decoration: none;
}

.menu a:hover {
	text-decoration: none;
}

.menu li {
	/* make the list elements a containing block for the nested lists */
	position: relative;
} 

.menu ul li ul li {
/*	border-width: 1px;
	border-style: solid;
	border-color: #44617D #203040 #203040 #44617D; */
} 

.menu ul ul {
	z-index: 2;
	white-space: nowrap;
	position: absolute;
	top: 14px; /*14px; */
	left: 0px; /*24px; /* to position them to the right of their containing block */

	width: auto;
	min-width: 175px; /* workaround for FF */
}

.menu ul ul li {
	z-index: 3;
	width: auto;
	min-width: 175px; /* workaround for FF */
}

.menu ul ul ul {
	z-index: 3;
	white-space: nowrap;

	position: absolute;
	top: -2px; /*14px; */
	left: 99%; /*24px; /* to position them to the right of their containing block */
	/* width: 350; width is based on the containing block */
}

.menu ul img {
	cursor: pointer;
}


.menu ul ul, 
.menu ul li:hover ul ul, 
.menu ul ul li:hover ul ul ul
{
	display: none;
}

.menu ul li:hover ul,
.menu ul ul li:hover ul, 
.menu ul ul ul li:hover ul 
{
	display: block;
}