/* ------ HOOFDMENU ------ */
BODY
{
  margin: 0px;
  
}

#nav
{
 /*margin-top:39px;*/
  font-family: verdana, Sans-serif;
  font-size: 13px;
  font-weight: bold;
  height: 26px;
  width:auto; 
  background-image:url("../images/vistabar.jpg");
  position: relative;<!--absolute relative -->
}

#nav a
{
  height: 24px;
  _height: 24px;
  margin: 0 0 0 0.1em;
  /*background-color: #2e8dfd;*/
}

#nav ul
{
  list-style: none;
  padding: 0;
  margin: 0;
  z-index: 50;
  color: #fff;

}

#nav ul li
{
  background-color: none;a8dc91  c5daf1-->
  color : #ffffff;
  display: block;
  float: left;
  list-style: none;
  padding: 0px;
  margin: 0px;
  margin-right: 2px;
  position: relative;
  width: auto;
  z-index: 50;
}

#nav ul li a
{
  height: 19px;
  _height: 19px;
  display: block;
  font-size: 13px;
  width: auto;
  color: #000000;
  text-decoration: none;
  text-align: left;
  padding: 5px 10px 0px 8px;
  top: 1px;
  margin: 0px;
  float: left;
}




#nav ul li a:hover,
#nav ul li a.hover
{
  background-color: #96c7f4;
  color: white;
}

/* same as the above, but internet explorer < 7 chokes if we add it to the above */
#nav ul li:hover > a
{
  background-color: #35888d;/* 7bb827 sini mouse lalu*/
  color: #fff;
}

#nav ul ul li a
{
  padding: 5px 14px 5px 8px;
  font-size: 11px;
  font-weight: normal;
  background-color: #e0effd;/* 8add90mouse menu lebih*/
 /*  height : 24px;
  background: url(../images/menuitem.png) no-repeat;  */
  border-bottom: 1px solid #ffffff;
  color : #000000;
}

#nav ul ul
{
  display: none;
  left: 0px;
  top: 24px;
  width: 120px;
  position: absolute;
}

#nav ul ul ul,
#nav ul ul ul ul
{
  display: none;
  left: 142px;
  top: 0px;
  width: 120px;
  position: absolute;
}

#nav ul li:hover ul
{
  display: block;
  position: absolute;
  top: 24px;
  left: 0;
}

#nav ul li:hover ul ul,
#nav ul li:hover ul ul ul
{
  display: none;
}

#nav ul ul li:hover ul,
#nav ul ul ul li:hover ul
{
  display: block;
  left: 142px;
  top: 0px;
}

#nav ul ul li
{
  display: block;
  float: left;
  top: 0;
  height: auto;
}

#nav ul ul li a
{
  display: block;
  float: left;
  width: 120px;
  height: auto;
}

li>ul {
  top: auto;
  left: auto;
}

#nav li.separator div
{
  height: 0px;
  width: 142px;
  border-bottom: 1px dashed #96c7f4;
}