/* ---------------------------------------------------------------
Author: Romulo do Nascimento Ferreira
E-mail: romulo.nf@gmail.com

Feel free to use to use/modify this code according to your needs
--------------------------------------------------------------- */

/* awal drop down kiri --------------------------------------- */


/* basic styling */
div.menu ul {list-style:none; margin:0; width:166px; padding:2px 2px 0 2px; background:#898a8a; border:1px solid #333;}
div.menu ul li {display:block; height:25px; background:url(menu/right-bg.gif) 100% 0%; position:relative; margin-bottom:2px}
div.menu ul li a {font:bold 12px Arial; color:#fff; text-decoration:none; background:url(menu/left-bg.gif) -1px 0px no-repeat; display:block; height:100%; line-height:22px; text-align:center;}
div.menu ul li a img {border:0; position:absolute; top:9px; right:6px}

/* hover li */
div.menu ul li:hover, div.menu ul li.hover {background:url(menu/right-bg-hover.gif) 100% 0%}

/* hover a */
div.menu ul li:hover > a {background:url(menu/left-bg-hover.gif) -1px 0 no-repeat;}
div.menu ul li a.hover {background:url(menu/left-bg-hover.gif) -1px 0 no-repeat;}

/* level 1 */
div.menu ul ul {position:absolute; top:-9999px; left:-9999px; z-index:999;}
div.menu ul li:hover ul, div.menu ul li.hover ul {display:block; position:absolute; top:-3px; left:100%}

/* level 2 */
div.menu ul li:hover ul ul , div.menu ul li.hover ul ul {top:-9999px; left:-9999px;}
div.menu ul ul li:hover ul, div.menu ul ul li.hover ul {display:block; position:absolute; top:-3px; left:100%}

/* iframe level 1 */
div.menu ul li.hover iframe {display:block; position:absolute; top:-3px; left:100%}

/* iframe level 2 */
div.menu ul li.hover ul iframe {display:none}
div.menu ul ul li.hover iframe {display:block}

/* fix ie6 */
* html div.menu ul li {float:left}

/* iframe style */
div.menu ul iframe {display:none; border:0;}

/* awal drop down kiri --------------------------------------- */


/* awal drop down kanan --------------------------------------- */


/* basic styling */
div.menukanan ul {list-style:none; margin:0; width:166px; padding:2px 2px 0 2px; background:#898a8a; border:1px solid #333;}
div.menukanan ul li {display:block; height:25px; background:url(menu/right-bg.gif) 100% 0%; position:relative; margin-bottom:2px}
div.menukanan ul li a {font:bold 12px Arial; color:#fff; text-decoration:none; background:url(menu/left-bg.gif) -1px 0px no-repeat; display:block; height:100%; line-height:22px; text-align:center;}
div.menukanan ul li a img {border:0; position:absolute; top:9px; right:157px}

/* hover li */
div.menukanan ul li:hover, div.menukanan ul li.hover {background:url(menu/right-bg-hover.gif) 100% 0%}

/* hover a */
div.menukanan ul li:hover > a {background:url(menu/left-bg-hover.gif) -1px 0 no-repeat;}
div.menukanan ul li a.hover {background:url(menu/left-bg-hover.gif) -1px 0 no-repeat;}

/* level 1 */
div.menukanan ul ul {position:absolute; top:-9999px; left:-9999px; z-index:999;}
div.menukanan ul li:hover ul, div.menukanan ul li.hover ul {display:block; position:absolute; top:-3px; left:-104%}

/* level 2 */
div.menukanan ul li:hover ul ul , div.menukanan ul li.hover ul ul {top:-9999px; left:-9999px}
div.menukanan ul ul li:hover ul, div.menukanan ul ul li.hover ul {display:block; position:absolute; top:-3px; left:-104%}

/* iframe level 1 */
div.menukanan ul li.hover iframe {display:block; position:absolute; top:-3px; left:-104%}

/* iframe level 2 */
div.menukanan ul li.hover ul iframe {display:none}
div.menukanan ul ul li.hover iframe {display:block}

/* fix ie6 */
* html div.menukanan ul li {float:left}

/* iframe style */
div.menukanan ul iframe {display:none; border:0;}

/* awal drop down kanan --------------------------------------- */