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

/* 

 *	Horizontal, top-2-bottom

 *	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

 *	(c) 2004 - Aleksandar Vacic, http://www.aplus.co.yu/adxmenu/intro/

 * Some rights reserved, http://creativecommons.org/licenses/by/2.0/

 *	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

 */



/* @import url(/admin/css/MenuIcons.css); */



/*		------	Basic style	------		*/

#menu {	display: block;}

#menu ul {margin: 0px; padding: 0;border: 0;list-style-type: none; top:10px;	}

#menu li {margin: 0;padding: 0;border: 0;display: block;float: left;position: relative; z-index: 60}

#menu a {display: block;}

#menu li li {width: 160px;}



/* fix the position for 2nd level submenus. first make sure no horizontal scrollbars are visible on initial page load... */

#menu li li ul {top: 5px;}



/* ...and then place it where it should be when shown */

#menu li li:hover ul {left: 100%;}



/* initialy hide all sub menus */

#menu li ul {
	display: none;
	position: absolute;
	z-index: 80;
	top: 27px;
	left: 0px;
	margin-right: 0px;
}



/* display them on hover */

#menu li:hover>ul {	display: block;}



/* this is needed if you want to style #menu div - force containment of floated LIs inside of main UL */

#menuList:after {content: ".";	height: 0;	display: block;	visibility: hidden;	overflow: hidden;clear: both;}





/* Clear-fix for IE5/Mac \*//*/

#menu a {

	float: left;

}

#menuList {

	display: inline-block;

}

/*  */



/*		------   Mark-up	--------			*/





#menu {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 1.0em;

	/*background-image: url("/images/main_menu_background_single.gif"); */

	background-repeat:no-repeat;

	padding-left:0px; 
	padding-right:10px;



}



#menu a {

	text-decoration: none;

	text-align: center;

	color: #000000;
	padding-top: 5px;




}



#menu li {

	


	/*background-color: #F8F9FB;	*/

	

	

}

#menu li.top {
	margin: 0px;
	margin-right: 1px;
	padding-left: 10px;
	padding-right: 10px;
	background-image: url(/images/programme_nav_back.gif);
	background-repeat: repeat-x;
	height: 27px;
	background-position: bottom;
	/*background-color: #F8F9FB;	*/

}	
#menu li.top:hover {
	background-image: url(/images/programme_nav_back.gif);
	background-position: top;
	

}

#menu li:hover {
	color: #FFFFFF;



}



/* 	we can't use 100% because LIs have margin and padding (although latter is more important) */



#menu li li {
	width: 160px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	font-size: 11px;
}


	

#menu li ul {

	color: #000;

	background-color: #ffffff;

	width: 160px;


}



#menu li ul a {

	text-align: left;

	padding-left: 3px;

	padding-bottom:3px;

	padding-right:3px;

	/* AB */

	font-weight:normal; 

}



#menu li li.submenu {

	/*background-image:  url("/images/sub_menu_icon.gif");*/

	background-repeat: no-repeat;

	background-position: right;



}



#menu li li.submenu>a {

	background: url("/images/arrow-b.gif") no-repeat right;

}



.indent{

	margin-left: 10px;

	background: url("/images/arrow-b.gif") no-repeat right;

}



#menu li li.bullet{


	background-position:left; background-repeat:no-repeat

}





#menu li li.submenu:hover>a {

	background-image: none;

}



#menu li li:hover {
	width: 100%;
	background-color: #E9E9E9;
	color: #FFFFFF;
}











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

#menu2 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 1em;

	color: #000;

	height:26px;

	background-image: url("/images/main_menu_background_single.gif"); background-repeat:no-repeat;

	padding-left:10px; padding-right:10px;

}



#menu2 a {

	text-decoration: none;

	text-align: center;

	color: #000;

	padding: 0px 5px 0px;

}



#menu2 li {

	margin: 2px;

	padding: 1px;

}



#menu2 li:hover {

	background-color: #ddd;

	padding: 0;

	border: 1px solid #ccc;

}



/* 	we can't use 100% because LIs have margin and padding (although latter is more important) */



#menu2 li li {

	width: 124px;

}



#menu2 li ul {

	color: #000;

	background-color: #E5E5E5;

	background-image: url(/css/images/iconbg.gif);

	background-repeat: repeat-y;



	width: 130px;

}



#menu2 li ul a {

	text-align: left;

	padding-left: 3px;

}



#menu2 li li.submenu {

	background-image:  url("/images/sub_menu_icon.gif");

	background-repeat: no-repeat;

	background-position: right;

}



#menu2 li li.submenu>a {

	background: url("/images/arrow-b.gif");

	background-repeat: no-repeat;

	background-position: right;

}



#menu2 li li.submenu:hover>a {

	background-image: none;

}