/*		------   Make-up	--------			*/

#menu {
	/*font-family: Tahoma, sans-serif;*/
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
	color: #000;
	background-color: #f5f5f5;
	margin: 0;
	padding: 0;
	border: 1px solid #ccc;
	width: 150px;
	height: auto;
}


#menu a {
	text-decoration: none;
	color: #000;
	background-color: #eeeeee;
	margin: 0;
	padding: 2px 3px 3px;
	border: 0;
}

#menu li {
	margin: 1px 2px 1px 2px;
	padding: 1px;
	border: 0;
	width: 160px;
}

#menu li:hover {
	background-color: #ddd;
	margin: 1px 2px 1px 2px;
	padding: 1px;
	border: 0;
	cursor: pointer;
}


#menu li ul {
	color: #000;
	background-color: #fff;
	/*background-image: url("/elife/images/iconbg.gif");*/
	background-repeat: repeat-y;
	margin: -1px 0 0 -1px;
	padding: 0;
	border: 1px solid #ccc;
}

#menu li ul a {
	text-align: left;
	margin: 0 0 0 10px;
}

#menu li ul a.submenu {
	background-image: url("/elife/images/arrow.gif");
	background-repeat: no-repeat;
	background-position: 100% 5px;
}

#menu li ul {
	width: 150px;
}

#menu li ul li ul {
	width: 150px;
}

#menu li ul li {
	width: 144px;
}

/*		------   Fixes	for buggy browsers	--------			*/

* html #menu li a {
	width: 142px;
	w\idth: 132px;
}

* html #menu li li a {
	width: 116px;
	w\idth: 106px;
}

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

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

/* style, color and size links and headings to suit */
#menu a, #menu h2 {
display: block;
/*border-width: 1px;*/
/*border-style: solid;
border-color: #ccc #888 #555 #bbb;*/
margin: 0;
/*padding: 1px 1px;*/
}

#menu a {
font: bold 8px arial, helvetica, sans-serif;
}

#menu h2 {
font: bold 9px arial, helvetica, sans-serif;
}

#menu h2.header {
text-align: center;
font: bold 8px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc;
margin: 0;
/*padding: 1px 1px;*/
cursor: default;
text-align: center;
}

#menu h2.header {
color: #006699;
background: #cccccc;
cursor: default;
}

#menu h2.header:hover {
color: #006699;
background: #cccccc;
cursor: default;
text-align: center;
}

#menu h2 {
color: #006699;
background: #dddddd;
}

#menu h2:hover {
color: #dddddd;
background: #666666;
}

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

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

#menu a {
	float: left;/* \*/float: none;/*  */
}

#menu li ul {
	display: none;
	position: absolute;
	z-index: 10;
}

/* fix the position */
#menu li ul {
	top: 0;
	left: 100%;
}

#menu 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 */
}