/* Begin CSS Popout Menu */


#menuhcontainer
	{
	margin: 0;
	padding: 0;
	width:750px;
	float:left;
	}

#TOPmenuh
	{
	color: #333333; /*warna font*/
	background:  #CB274C; 	/* warna merah menu*/
	border-bottom : 2px solid #ffffff;
	font-family: helvetica, "Trebuchet MS",arial, sans-serif;
	float:left;
	margin:0;
	padding:0;
	}
	
	#TOPmenuh ul
	{
	margin:2px 0 2px 0;
	padding:0;
	float:left;
	width:750px;
	}
	
	#TOPmenuh ul #limain
	{
	float:left;
	background:#CB274C; /*merah dasar */
	list-style:none;
	
	}
	
	
	
	#TOPmenuh ul #limain a
	{
	float:left;
	color: #fff;
	background: #CB274C;
	text-decoration:none;
	text-align: center;
	display:block;
	border-right:1px solid #fff;
	width:100px;
	padding: 0.6em 0.2em 0.6em 0.2em;
	text-transform: uppercase;
	
	}
	
	/*#TOPmenuh ul li, a:visited
	{
		text-decoration:none;
	}*/
	
	
	#TOPmenuh ul #limain a:hover	/* menu at mouse-over  */
	{
	
	float:left;
	display:block;
	color: #000;
	background: #CC96A4;
	text-decoration:none;
	text-align: center;
	text-transform: uppercase;
	padding: 0.6em 0.2em 0.6em 0.2em;
	border-right:1px solid #fff;
	width:100px;
	}	

#TOPmenuh ul #selected
	{
	float:left;
	background:#CB274C;
	list-style:none;
	
	}
	
#TOPmenuh ul #selected a
{
	float:left;
	color: #000;
	background: #CC96A4; /*warna pink*/
	text-decoration:none;
	text-align: center;
	display:block;
	border-right:1px solid #fff;
	width:100px;
	padding: 0.6em 0.2em 0.6em 0.2em;
	text-transform: uppercase;
}


/*mulai*/

.menubottom{

	padding:5px 5px 5px 5px;
}


.menubottom ul{
text-transform:uppercase;
float:right;
	margin:0;
	padding:0;
	list-style:none;
	/*border-left: 1px solid #fff;
	border-right:1px inset #FFFFFF;*/  
	
}

.menubottom ul #limainbottom{
	float:left;
	list-style:none;
	
	/*padding:0 5px 0 5px;*/
	border-left: 1px solid #fff;
	/*border-right:1px inset #FFFFFF; */
	
	
}

.menubottom ul #limainbottom a{
	list-style:none;
	color:#FFFFFF;
	
	text-decoration:none;
	padding:5px 10px 5px 10px;
	/*display:block; */
	
}
.menubottom ul #limainbottom a:hover{
	/*background: #CC96A4;
	display:block; */
	list-style:none;
	color:#CB274C;
	text-decoration:none;
	
	padding:5px 10px 5px 10px;
	/*display:block;*/
}

.menubottom ul #selectedbottom{
	float:left;
	list-style:none;
	padding:0 5px 0 5px;
	border-left: 1px solid #fff;
	/*border-right:1px inset #FFFFFF; */
	text-decoration:none;
}

.menubottom ul #selectedbottom a{
	list-style:none;
	color:#CB274C;
	text-decoration:none;
	
	/*background: #CC96A4; 
	padding:5px 10px 5px 10px;
	display:block; */
	
}
.menubottom ul #selectedbottom a:hover{
	list-style:none;
	color:#CB274C;
	text-decoration:none;
}
