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

#nav
{
  font-family: verdana, Sans-serif;
  font-size: 13px;
  font-weight: bold;
  /*display: block;*/
  height: 26px;
  /*margin: 0px;
  z-index: 50;*/
  width: auto;
  /*position: absolute;
  top: 165px;
  left: 18px;
  color: white;*/
  background-image:url("../images/vistabar.jpg");
  position: relative;<!--absolute relative -->
}
/*warna kotak submenu*/
#nav a
{
   height: 24px;
  _height: 24px;
  margin: 0 0 0 0.1em;
   /*height: 29px;*/
   /*(height: 24px;*/
   /*margin: 0 0 0 0.1em;*/
   /*background-color: #005BBD;*/
}

#nav ul
{
  list-style: none;
  padding: 0;
  margin: 0;
  z-index: 50;
  color" #fff;
}
/*kotak tulisan menu*/
#nav ul li
{
  /*background-color: #222A15;*/
  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: 11px;
  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
{
/*warna bila highligth*/
  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: #87B3DA;/* 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;
}