/*hr{
}*/

ul li.active{ /*IE6 hack- hide gooey effect from that browser*/
       _visibility: hidden; /*IE6 rule*/
}


/* ######### Gel Menu CSS ######### */

ul.gelbuttonmenu{
       position: relative;
       /*margin-bottom: 1em;*/
       text-align: right; /*set value to "left", "center", or "center"*/
}

ul.gelbuttonmenu li{
       display: inline;
}

ul.gelbuttonmenu li a{
       color: #ffdf1b;
       /*font-weight: bold; dimatikan krn alls level */
       padding: 7px 10px; /*make sure padding is sufficient that the height of the link is enough to fully show the gel button*/
       /*margin-right: 20px; dimatikan krn alls level */ /*spacing between each menu link*/
       text-decoration: none;
}

ul.gelbuttonmenu li.active{ /*style of LI that gets dynamically added to menu to create background effect*/
       position: absolute;
       width: 0;
       /*background: transparent; lightblue; white; diubah transparent krn alls level */
       background: url(https://reuncong.com/gamba/gelbuttonleft2.gif) top left no-repeat, url(https://reuncong.com/gamba/gelbuttonright2.gif) top right no-repeat, url(https://reuncong.com/gamba/gelbuttoncenter2.gif) top center repeat-x;
       border-radius: 14px;
}


/* pindahan  dari masing-masing CSS */ 

#menu-wrapper {
	overflow: hidden;
	height: 25px;
	background: #086a51;
	border-top: 1px solid #3D2729;
    border-bottom: 1px solid #3D2729;
    width: 100%;

}

#menu {
	width: 419px;
	height: 30px;
	margin: 0; /* none */
	padding: 0; /* none */
    /*position: absolute;
    left: 874px;*/
}

#menu ul {
	margin: 0; /* none */
	padding: 0; /* none */
	list-style-type: none;
	line-height: normal;
}

#menu li {
	float: left;
	border-left: 1px solid #026549;
    border-right: 1px solid #026549;
}

#menu a {
	display: block;
	letter-spacing: 1px;
	margin: 1px;
	padding: 8px;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	font-family: Berlin Sans FB;
	font-size: 17px;
	font-weight: normal;
	color: #ffdf1b;
	border: none;
}

#menu a:hover, #menu .current_page_item a {
	background: #086a51;
	border-radius: 8px 10px;
    border-bottom: 1px solid #ffdf1b;
    text-decoration: none;
	color: #FFFFFF;
}

#menu .current_page_item a {
	background: #086a51;
	border-radius: 0;
    border-bottom: none;
} 
/* pindahan  dari masing-masing CSS */


/* ######### Solid Block Menu CSS ######### */

ul.solidblockmenu{
       margin: 0;
       /*margin-bottom: 1em; dimatikan krn alls level */
       padding: 0;
       list-style: none;
       position: relative;
       text-align: center; /*set value to "left", "center", or "right"*/
}

ul.solidblockmenu li{
       display: inline;
}

ul.solidblockmenu li a{
       /*font: bold 14px Arial, Verdana, sans-serif; dimatikan krn alls level */
       color: black;
       padding: 8px;
       margin-right: 20px; /*spacing between each menu link*/
       text-decoration: none;
}

ul.solidblockmenu li.active{ /*style of LI that gets dynamically added to menu to create background effect*/
       position: absolute;
       width: 0;
       border: 1px solid black;
       -moz-border-radius: 4px;
       -webkit-border-radius: 4px;
       border-radius:4px;
       -moz-box-shadow: 2px 2px 4px rgba(120,120,120,0.7);
       -webkit-box-shadow: 2px 2px 4px rgba(120,120,120,0.7);
       box-shadow: 2px 2px 4px rgba(120,120,120,0.7);
       background: #d7ed93;
       background: -moz-linear-gradient(top, #d7ed93, #fff);
       background: -webkit-gradient(linear, center top, center bottom, from(#d7ed93), to(#fff));
       background: linear-gradient(top, #d7ed93, #fff);
}




/* ######### Thick Underline Menu CSS ######### */


ul.underlinemenu{
       margin: 0;
       margin-bottom: 1em;
       padding: 0;
       list-style: none;
       position: relative;
       text-align: center; /*set value to "left", "center", or "right"*/
}

ul.underlinemenu li{
       display: inline;
}

ul.underlinemenu li a{
       font: bold 14px Arial, Verdana, sans-serif;
       color: black;
       padding: 8px;
       margin-right: 2px; /*spacing between each menu link*/
       text-decoration: none;
}


ul.underlinemenu li.active{ /*style of LI that gets dynamically added to menu to create background effect*/
       position: absolute;
       width: 0;
       border-bottom: 5px solid navy;
}




/* ######### Frame Menu CSS ######### */


ul.framemenu{
       margin: 0;
       margin-bottom: 1em;
       padding: 0;
       list-style: none;
       position: relative;
       text-align: left; /*set value to "left", "center", or "right"*/
}

ul.framemenu li{
       display: inline;
}

ul.framemenu li a{
       font: bold 16px Gill Sans MT;
       color: black;
       padding: 5px 10px 5px 10px;
       margin-right: 10px; /*spacing between each menu link*/
       text-decoration: none;
}


ul.framemenu li.active{ /*style of LI that gets dynamically added to menu to create background effect*/
       position: absolute;
       width: 0;
       border: 4px solid orange;
       -moz-box-shadow: 0 0 4px rgba(120,120,120,0.7);
       -webkit-box-shadow: 0 0 4px rgba(120,120,120,0.7);
       box-shadow: 0 0 4px rgba(120,120,120,0.7);
}