#menu {
	width: 900px; /* set width of menu */
	position: relative;
	left: 65px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
} 

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

#menu ul li {
	float: left;
}

/* style, color and size links and headings to suit */
#menu a, #menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
width: 100px;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 5px;
padding-right:0px;
margin-left: 2px;
}

#menu a {
	color: #000;
	background: #efefef;
	text-decoration: none;
}

#menu a:hover {
color: #a00;
background: #fff;
}


/* Popouts */

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

#menu ul li ul {
position: absolute;
top: 100%;

/* to position them to the right of their containing block */
/*left: 100%; */

/* width is based on the containing block */
/*width: 100%; */
}


* html body div#menu ul li ul {
left: 100%;
}
* html body div#menu ul li ul li{
left: -100%;
}
div#menu ul li  ul
{
display:none;
}

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