/*------------------------------------------------------------------------


# Jip Banten


# ------------------------------------------------------------------------


# Copyright (C) 2009.


# Jaringan Informasi Pendidikan Banten


# JIP BANTEN


# Websites:  http://www.jipb.org


# Membangun DAPODIK.


-------------------------------------------------------------------------*/





/* JIP Banten


---------------------------------------------------------


JIP Banten/


---------------------------------------------------------


JIP Banten.


---------------------------------------------------------*/





#jip-cssmenu {


	margin: 0; /* all lists */


	padding: 0;


}





#jip-cssmenu ul {


	margin: 0; /* all lists */


	padding: 0;


}





#jip-cssmenu li {


	float: right;


	display: block;


	padding: 0;


	margin: 0;


	background: url(../../images/mainnav-sep.gif) no-repeat right center;


}





#jip-cssmenu li ul {


	width: 16.4em;


	position: absolute; /* second-level lists */


	z-index: 99;


	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */


	height: auto;


	w\idth: 15.9em;


}





#jip-cssmenu li ul ul {


	margin: -2em 0 0 15em; /* third-and-above-level lists */


}





#jip-cssmenu li li {


	padding: 0 1em 0 0;


	margin: 0;


	width: 14.9em;


}





#jip-cssmenu ul a {


	width: 14.8em;


	w\idth: 10.8em;


}





#jip-cssmenu li:hover ul ul, #jip-cssmenu li:hover ul ul ul,


#jip-cssmenu li.sfhover ul ul, #jip-cssmenu li.havechildsfhover ul ul, #jip-cssmenu li.havechild-activesfhover ul ul, #jip-cssmenu li.activesfhover ul ul,


#jip-cssmenu li.sfhover ul ul ul, #jip-cssmenu li.havechildsfhover ul ul ul, #jip-cssmenu li.havechild-activesfhover ul ul ul, #jip-cssmenu li.activesfhover ul ul ul {


	left: -999em;


}





/* This "unhides" the sub-menus (left: -999em is what hides them) */


#jip-cssmenu li:hover ul, #jip-cssmenu li li:hover ul, #jip-cssmenu li li li:hover ul,


#jip-cssmenu li.sfhover ul, #jip-cssmenu li.havechildsfhover ul, #jip-cssmenu li.havechild-activesfhover ul, #jip-cssmenu li.activesfhover ul,


#jip-cssmenu li li.sfhover ul, #jip-cssmenu li li.havesubchildsfhover ul, #jip-cssmenu li li.havesubchild-activesfhover ul, #jip-cssmenu li li.activesfhover ul,


#jip-cssmenu li li li.sfhover ul, #jip-cssmenu li li li.havesubchildsfhover ul, #jip-cssmenu li li li.havesubchild-activesfhover ul, #jip-cssmenu li li li.activesfhover ul {


	left: auto;


}





/* STYLING THE MENU


-----------------------------------*/


/* 1st level */


#jip-cssmenu li a {


	display: block;


	text-decoration: none;


	font-size: 19px;


	color: #ffffff;


	padding: 0 20px;


	line-height: 40px;


	font-weight: bold;


}





#jip-cssmenu li a:hover,


#jip-cssmenu li a:active,


#jip-cssmenu li a:focus {


	color: #54992F;


	background: url(../../images/arrow-3.gif) no-repeat center top;


}





#jip-cssmenu li:hover a,


#jip-cssmenu li.sfhover a,


#jip-cssmenu li.havechildsfhover a,


#jip-cssmenu li.havechild-activesfhover a {


	color: #54992F;


}





#jip-cssmenu li.havechild:hover a,


#jip-cssmenu li.havechild:focus a,


#jip-cssmenu li.havechild:active a {


	background: url(../../images/arrow-3.gif) no-repeat center top;	


}





#jip-cssmenu li a.active,


#jip-cssmenu li a.active:hover,


#jip-cssmenu li a.active:active,


#jip-cssmenu li a.active:focus {


	color: #54992F;


	background: url(../../images/arrow-3.gif) no-repeat center top;


}





/* 2nd level and above */


#jip-cssmenu li ul {


	border: 1px solid #E7E7E7;


	margin-top: -1px;


}





#jip-cssmenu li ul ul {


	border: 1px solid #E7E7E7;


}





#jip-cssmenu li ul li {


	border-bottom: 1px solid #E7E7E7;


	border-right: none;


	background: url(../../images/menu-bg.gif) repeat-x left bottom;


}





#jip-cssmenu li ul a {


	border-right: none;


	margin: 0;


	height: auto;


	line-height: normal !important;


	padding: 7px 10px;


	background: none !important;


	text-transform: none;


	font-weight: normal;


	font-size: 100%;


	white-space: nowrap;


	color: #333333 !important;


}





#jip-cssmenu li.havesubchild,


#jip-cssmenu li.havesubchild-active {


	background: url(../../images/menu-bg.gif) repeat-x left bottom;


}





#jip-cssmenu li ul a:hover,


#jip-cssmenu li ul a:active,


#jip-cssmenu li ul a:focus,


#jip-cssmenu ul li:hover,


#jip-cssmenu ul li.sfhover,


#jip-cssmenu ul li.havesubchildsfhover,


#jip-cssmenu ul li.havesubchild-activesfhover,


#jip-cssmenu ul ul li:hover,


#jip-cssmenu ul ul li.sfhover,


#jip-cssmenu ul ul li.havesubchildsfhover,


#jip-cssmenu ul ul li.havesubchild-activesfhover {


	background: url(../../images/menu-hover.gif) repeat-x left bottom #F6F6F6;


	color: #54992F !important;


}





#jip-cssmenu ul li a.active {


	background: none !important;


	color: #54992F !important;


	font-weight: bold !important;


}





#jip-cssmenu ul li a.active:hover,


#jip-cssmenu ul li a.active:active,


#jip-cssmenu ul li a.active:focus {


	color: #54992F !important;


}