
#id_vmenu {
width: 195px; /* set width of menu */
background: #eee;
} 

#id_vmenu ul { /* remove bullets and list indents */
list-style: none;
margin: 0;
padding: 0;
}

/* style, color and size links and headings to suit */
#id_vmenu a, #id_vmenu h2
{
	border-top-width: 1px;
	padding-right: 3px;
	display: block;
	padding-left: 20px;
	padding-bottom: 2px;
	font: bolder 1.1em/1.4em arial,helvetica, sans-serif;
/*	font: 10px/16px arial, helvetica, sans-serif;*/
	border-top-color: #ccc;
	padding-top: 2px;
	border-bottom: 1px solid;
	border-right-width: 1px;
	border-right-color: #888;
}

#id_vmenu h2 {
color: #fff;
background: #000;
text-transform: uppercase;
}

#id_vmenu a
{
	background: #ffffe0;
	color: #000;
	text-decoration: none;
}

#id_vmenu a:hover
{
	background-image: none;
	color: #a00;
	background-color: #b0c4de;
}

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

#id_vmenu ul ul ul {
position: absolute;
top: 0;
left: 100%; /* to position them to the right of their containing block */
width: 100%; /* width is based on the containing block */
}

#id_vmenu ul ul ul a
{
	background-color: #f5f5dc;
}

div#id_vmenu ul ul ul,
div#id_vmenu ul ul li:hover ul ul
{display: none;}

div#id_vmenu ul ul li:hover ul,
div#id_vmenu ul ul ul li:hover ul
{display: block;}

#id_hmenu
{
	background:  #4682b4;
	float: right;
}
#id_hmenu ul {
list-style: none;
margin: 0;
padding: 0;
width: 5em;
float: right;
}

#id_hmenu a, #id_hmenu h2
{
	padding-right: 3px;
	display: block;
	padding-left: 3px;
	padding-bottom: 2px;
	margin: 4px 0px 0px;
	font: bold 11px/16px arial, helvetica, sans-serif;
	padding-top: 4px;
}

#id_hmenu h2 {
color: #fff;
background: #000;
text-transform: uppercase;
}

#id_hmenu a
{
	font-weight: bold;
	background: #4682b4;
	border-left: silver thin solid;
	color: white;
	text-align: center;
	text-decoration: none;
}

#id_hmenu a:hover
{
	background: #b0c4de;
	color: #a00;
}

#id_hmenu li {position: relative;}

#id_hmenu ul ul {
position: absolute;
z-index: 500;
}

#id_hmenu ul ul ul {
top: 0;
left: 100%;
}
div#id_hmenu ul ul,
div#id_hmenu ul li:hover ul ul,
div#id_hmenu ul ul li:hover ul ul
{display: none;}

div#id_hmenu ul li:hover ul,
div#id_hmenu ul ul li:hover ul,
div#id_hmenu ul ul ul li:hover ul
{display: block;}




