@charset "utf-8";
/* CSS Document */

.menu-nav-left{
	float:left;
	width:310px;
	height:75px;
	}

.search{
	float:left;
	width:235px;
	height:30px;
	margin:30px 0px 20px 18px;
	margin-bottom:20px;
	}


.menu-nav-right{
    float:right;
    width:590px;
    height:75px;
	}
	
.menu-nav-right-atas{
	float:left;
	width:590px;
	height:40px;
	}
	
.subscribe{
	float:right;
	width:52px;
	height:40px;
	margin-right:10px;
	background:url(../images/rss.png) no-repeat;
	
	}


.menu-nav-right-bawah{
	float:left;
	width:590px;
	height:30px;
	padding-top:5px;
	
	}

/*menu top */
.tanggal{ float:left; width:150px; height:auto; padding:8px 0px 0 10px; color:#FFFFFF}
#menu-top a{color:#FFFFFF; text-decoration:none}
#menu-top a:hover{color:#99CC00;}
#menu-to ul li{display:block; float:left; margin:0; pading:0;}
	
#menu-top ul{
    float:right;
	margin:0;
	padding:0;
	list-style-type:none;
	width:600px;
	display:block;
	height:30px;
	}


/* ----------------------------- Drop-Down Menu ----------------------------- */

ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
  font: bold 12px Arial, Helvetica, sans-serif;
}

ul.dropdown li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}

ul.dropdown ul li {
 float: none;
}



ul.dropdown li:hover > ul {
 visibility: visible;
}

/* ----- ALL LEVELS (incl. first) */
.menu-left {
	width: 15px;
	height: 30px;
	display: block;
	float: left;
}
 .menu-mid {
	height: 22px;
	padding-top:8px;
	display: block;
	float: left;
}
.menu-right {
	width: 15px;
	height: 30px;
	display: block;
	float: left;
}


	
 li:hover .menu-left {
	background:url(../images/dropdown_kiri.png) no-repeat;
	width: 15px;
	height: 30px;
	display: block;
	float: left;
}
 li:hover .menu-mid{
	background:url(../images/dropdown_tengah.png) repeat-x top left;
	height: 22px;
	padding-top:8px;
	display: block;
	float: left;
}
 li:hover .menu-right {
	background:url(../images/dropdown_kanan.png) no-repeat top left;
	width: 15px;
	height: 30px;
	display: block;
	float: left;
}
/*
 li.active .menu-left {
	background:url(../gambar/dropdown_kiri.png) no-repeat;
	width: 15px;
	height: 30px;
	display: block;
	float: left;
}
 li.active .menu-mid{
	background:url(../gambar/dropdown_tengah.png) repeat-x top left;
	height: 22px;
	padding-top:8px;
	display: block;
	float: left;color:#40ab04;
}
 li.active .menu-right {
	background:url(../gambar/dropdown_kanan.png) no-repeat top left;
	width: 15px;
	height: 30px;
	display: block;
	float: left;
}
*/
/*
	ul.dropdown li.hover,
	ul.dropdown li:hover {
 
	}
*/
	ul.dropdown a:link,
	ul.dropdown a:visited { color:#666666; text-decoration: none; }
	ul.dropdown a:hover { color:#40ab04; text-decoration: none; }


/* ----- END LEVEL */


	/* ----- NON-FIRST LEVEL */

	ul.dropdown ul {
	 margin-left: 0px;
	 width: 170px;
	 padding-bottom: 9px;
	 background:url(../images/dropdown_2.png) 0 100% no-repeat;
	 color: #000;
	 font-size: 11px;
	 font-weight: normal;
	}

		ul.dropdown ul li {
		 background-color: transparent;
		 color: #000;
		}

		ul.dropdown ul li.hover,
		ul.dropdown ul li:hover {
		 background-color: transparent;
		}

		ul.dropdown ul li.empty {
		 padding: 12px 12px 7px !important;
		 font-weight: bold;
		}

		ul.dropdown ul a:link,
		ul.dropdown ul a:visited { color: #000; }
		ul.dropdown ul a:hover { color: #000; text-decoration: none; }
		ul.dropdown ul a:active { color: #000; }

			ul.dropdown ul ul {
			 display: none;
			}

			ul.dropdown ul ul li {}

/* ----- END LEVEL */



/*------------------------------------------------------------------------------------------------------/
 * @section	Support Class 'dir'
 * @level sep	ul, .class
 */


/* ----- ALL LEVELS (incl. first) */

ul.dropdown *.dir {
 padding-right: 12px;
 background-image: none;
 background-position: 100% 50%;
 background-repeat: no-repeat;
}

/* ----- END LEVEL */




/* Components override */

ul.dropdown-horizontal ul *.dir {
 padding-right: 15px;
 background-image: url(../../FOKABY/style/images/nav-arrow-right.png);
 background-position: 100% 50%;
 background-repeat: no-repeat;
}

ul.dropdown-vertical *.dir {
 background-image: url(../../FOKABY/style/images/nav-arrow-right.png);
}

ul.dropdown-vertical-rtl *.dir {
 padding-right: 15px;
 background-image: url(../../FOKABY/style/images/nav-arrow-left.png);
 background-position: 0 50%;
}

	ul.dropdown li a { /* Moved from 'custom' section */
	 display: block;
	}


/* ------------- Override default */

	ul.dropdown li {
	 padding: 0;
	}


/* ------------- Reinitiate default: post-override activities  */

	ul.dropdown li.dir {
	
	}

	ul.dropdown ul li.dir {
	 padding-right: 15px;
	}


/* ------------- Custom */

	ul.dropdown li {

	}


	/* Especially for IE6 or lower */

	ul.dropdown ul a {
	 padding: 4px 5px 4px 12px;
	 /*width: 139px;*/
	}

	ul.dropdown ul a:hover {
	 padding: 3px 5px 3px 11px;
	 border: solid 1px #ddd;
	 background-color: #eee;
	 font-weight: bold;
	}

	ul.dropdown ul a.dir {
	 /*width: 129px;*/
	}