div.multi_drop_menus * {
    margin:0; padding:0;
}

div.multi_drop_menus {
	font-family: arial, sans-serif;
	font-size:12px;
	margin:0px 0 0px 0px;
	background-color:transparent;
	line-height: 20px;
	vertical-align: middle;
 }
 
div.multi_drop_menus ul {
	display:inline;
}
   
div.multi_drop_menus li {
	background-color:transparent;
 }

div.multi_drop_menus li:hover {
    background-color:transparent;
 }
 
div.multi_drop_menus a {
	color:#FFFFFF;
	padding-left: 5px;
 }
 
div.multi_drop_menus a:hover { color:#ffffff; }
div.multi_drop_menus ul li ul {
	width:12em;
	top: 20px;
}
 
div.multi_drop_menus li li {
	background-color:#ff0404;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ff0404;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ff0404;
}

div.multi_drop_menus li li:hover {
	background-color:#ff6868;
	color: #FFFFFF;
 }
 
div.multi_drop_menus ul li ul li ul  {
    border-top:1px solid #ff0404;
    top:-1px;
 }
 
div.multi_drop_menus li li li { background-color:#EEB; }
div.multi_drop_menus li li li li { background-color:#DDA; }

div.multi_drop_menus.transparent ul ul li {
   opacity:0.9;
  -moz-opacity:0.9;
  filter:alpha(opacity=90);
  }

div.multi_drop_menus.vertical ul { border-top:1px solid #CCB; }
div.multi_drop_menus.vertical li { border-bottom:1px solid #CCB; }
 
div.multi_drop_menus.vertical ul ul  {
    border-top:1px solid #ff0404;
    top:-1px;
 }
 
div.multi_drop_menus {
    float:left;
    width:100%;
}

div.multi_drop_menus ul {
    float:left;
    font-size:1em;
}

div.multi_drop_menus li {
    float:left;
    list-style-type:none;
    position:relative;
 }
 
div.multi_drop_menus a {
    display:block;
    text-decoration:none;
 }
 
div.multi_drop_menus ul li ul {
    position:absolute;
    border:0;
    margin-left:0px;
 }
 
div.multi_drop_menus ul li ul li {
    width:100%;
    padding:0;
    border-left:0;
    border-right:0;
 }
 
div.multi_drop_menus ul li ul {display:none;} /* conceals the drop-down when menu not hovered */

div.multi_drop_menus ul li:hover ul {
    display:block;
    z-index:1000;
    }

body div.multi_drop_menus ul li ul li ul  {
    position:absolute;
    visibility:hidden;
    left:100%;
    top:-1px;
 }
 
div.multi_drop_menus ul li ul li:hover ul {visibility:visible;}
div.multi_drop_menus ul li ul li:hover ul li ul {visibility:hidden;}
div.multi_drop_menus ul li ul li ul li:hover ul {visibility:visible;}

div.multi_drop_menus.vertical ul {
    border-left:0px;
    margin-left:0;
 }
 
.vertical ul { width:100%; }

div.multi_drop_menus.vertical li {
    position:relative;
    width:100%;
    clear:left;
    border-right:0;
}

div.multi_drop_menus.vertical ul ul  {
    position:absolute;
    left:100%;
    top:-1px;
 }

div.multi_drop_menus.vertical li li { }
div.multi_drop_menus.vertical ul ul ul { left:100%; }
* html div.multi_drop_menus { z-index:1; }
* html div.multi_drop_menus ul li ul { z-index:400; }
* html div.multi_drop_menus a { }
* html div.multi_drop_menus.vertical a { zoom:100%; }
* html div.multi_drop_menus ul ul a { zoom:100%; }


/*css drop down menu dalam*/
div.multi_drop_menus2 * {
    margin:0; padding:0;
}

div.multi_drop_menus2 {
	font-family: arial, sans-serif;
	font-size:12px;
	margin:0px 0 0px 0px;
	background-color:transparent;
	line-height: 20px;
	vertical-align: middle;
 }
 
div.multi_drop_menus2 ul {
	display:inline;
}
   
div.multi_drop_menus2 li {
	background-color:transparent;
 }

div.multi_drop_menus2 li:hover {
    background-color:transparent;
 }
 
div.multi_drop_menus2 a {
	color:#FFFFFF;
	padding-left: 11px;
	padding-right: 11px;
 }
 
div.multi_drop_menus2 a:hover { color:#ffffff; }
div.multi_drop_menus2 ul li ul {
	width:12em;
	top: 29px;
}
 
div.multi_drop_menus2 li li {
	background-color:#ff0404;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ff0404;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ff0404;
}

div.multi_drop_menus2 li li:hover {
	background-color:#ff6868;
	color: #FFFFFF;
 }
 
div.multi_drop_menus2 ul li ul li ul  {
    top:-1px;
 }
 
div.multi_drop_menus2 li li li { background-color:#ff0404; }
div.multi_drop_menus2 li li li li { background-color:#ff0404; }

div.multi_drop_menus2.transparent ul ul li {
   opacity:0.9;
  -moz-opacity:0.9;
  filter:alpha(opacity=90);
  }

div.multi_drop_menus2.vertical ul { border-top:1px solid #CCB; }
div.multi_drop_menus2.vertical li { border-bottom:1px solid #CCB; }
 
div.multi_drop_menus2.vertical ul ul  {
    border-top:1px solid #ff0404;
    top:-1px;
 }
 
div.multi_drop_menus2 {
    float:left;
    width:100%;
}

div.multi_drop_menus2 ul {
    float:left;
    font-size:1em;
}

div.multi_drop_menus2 li {
    float:left;
    list-style-type:none;
    position:relative;
 }
 
div.multi_drop_menus2 a {
    display:block;
    text-decoration:none;
 }
 
div.multi_drop_menus2 ul li ul {
    position:absolute;
    border:0;
    margin-left:0px;
 }
 
div.multi_drop_menus2 ul li ul li {
    width:100%;
    padding:0;
    border-left:0;
    border-right:0;
 }
 
div.multi_drop_menus2 ul li ul {display:none;} /* conceals the drop-down when menu not hovered */

div.multi_drop_menus2 ul li:hover ul {
    display:block;
    z-index:1000;
    }

body div.multi_drop_menus2 ul li ul li ul  {
    position:absolute;
    visibility:hidden;
    left:100%;
    top:-1px;
 }
 
div.multi_drop_menus2 ul li ul li:hover ul {visibility:visible;}
div.multi_drop_menus2 ul li ul li:hover ul li ul {visibility:hidden;}
div.multi_drop_menus2 ul li ul li ul li:hover ul {visibility:visible;}

div.multi_drop_menus2.vertical ul {
    border-left:0px;
    margin-left:0;
 }

div.multi_drop_menus2.vertical li {
    position:relative;
    width:100%;
    clear:left;
    border-right:0;
}

div.multi_drop_menus2.vertical ul ul  {
    position:absolute;
    left:100%;
    top:-1px;
 }

div.multi_drop_menus2.vertical li li { }
div.multi_drop_menus2.vertical ul ul ul { left:100%; }
* html div.multi_drop_menus2 { z-index:1; }
* html div.multi_drop_menus2 ul li ul { z-index:400; }
* html div.multi_drop_menus2 a { }
* html div.multi_drop_menus2.vertical a { zoom:100%; }
* html div.multi_drop_menus2 ul ul a { zoom:100%; }
