/*		------	Basic style	------		*/
#menulist {
	/*
	height: ??;
	Since we are floating all LIs, then you need to set height in the make-up part, if you want to place some background on the menu
	*/
	display: block;
  position: relative;
  z-index: 1;
  padding-left:0px;
  margin-top:5px;
  list-style:none;
  list-style-type:none;
}

#menulist ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
    padding-left:0px;
    list-style:none;
  list-style-type:none;
}

#menulist li {
    border: 0;
    display: block;
    position: relative;
    border-bottom:1px solid #ebe5d8;
    padding-top:2px;
    padding-bottom:2px;
    background:url(../images/bluedot.gif) 0px 7px no-repeat;
    padding-left:6px;
}
#menulist li li{ border-bottom:0px; background:none; }

#menulist a {
	display: block;
}

* html #menulist li a {
	position: relative;/* Fix IE6's inability to expand clickable area */
}

#menulist li ul {
	visibility: hidden;
	display:none;
	z-index: 10;
}

/* using display is better (no scrollbars when page loads), but IE can't handle it, so only good browsers should see this */
html>body #menulist li ul {

}


/* fix the position */


/* do the normal show, with increased specificity, for good browsers */

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

#menulist {
  padding-bottom: 1px;
}
ul#menulistList {
  display: block;
  margin: 0px;
  padding: 0px 0px 0px 6px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  margin-left:0px;
  padding-left:0px;
}


#menulist a {
  font: normal 13px/14px arial;
	text-decoration: none;
	text-align: left;
	color:#6c7e87;
	font-weight:bold;
}


#menulist li ul {
  color: black;
  visibility: hidden;
  padding-left:10px;
  margin-bottom:0px;
  padding-bottom:0px;
}

#menulist li ul a {
  text-transform: none;
  font-weight: normal;
  font-size: 12px;
  color: black;
  display: block;
}
#menulist ul.show{
  visibility:visible;
  display:block;
}
#muenulist li.childactive a{ font-weight:bold; }

#menulist li.active ul{
  display:block;
  visibility:visible;

}