/* 
	General styles for this example page */
	html{
		height:100%;
	}
	
	#menu-container img{
		border:0px;
	}

	/* End general styles for this example page */
	/* General configuration CSS */
	
	#menu-container ul li ul{
		display:none;	/* Needed to display ok in Opera */
	}
		
	#menu-container{
		visibility:hidden;	
	}
	#menu-container ul{
		margin:0px;	/* No indent */
		padding:0px;	/* No indent */
	}
	#menu-container li{
		list-style-type:none;	/* No bullets */
	}	

	#menu-container a{
		color:#FFFFFF;
		margin:0px;
		padding:0px;
	}
	/* End general configuration CSS */
	
	
	/* Cosmetic */
	
	/***********************************************************************
		CSS - MENU BLOCKS
	 	General rules for all menu blocks (group of sub items) 
	***********************************************************************/
	#menu-container ul{
		border:1px solid #000;
		background-color:#FFF;
		padding:1px;
	}
		
	#menu-container ul.menuBlock1{	/* Menu bar - main menu items */
	border:none;
	margin:0px;
	padding:0px;	
/*		border:0px;
		padding:1px;
		border:1px solid #317082;
		background-color:#E2EBED;*/
		overflow:visible;
	}
	#menu-container ul.menuBlock2{	/* Menu bar - main menu items */
		border:0px;
		padding:1px;
		border:1px solid #555;
	}
	
	/***********************************************************************
		CSS - MENU ITEMS
	 	Here, you could assign rules to the menu items at different depths.
	***********************************************************************/
	/* General rules for all menu items */
	#menu-container a{
		color: #FFF;
		text-decoration:none;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-weight:normal;
		font-size:10px;
		/*padding-left:2px;
		padding-right:2px;*/
	
	}
	
	/*
	Main menu items 
	*/
	
	#menu-container .currentDepth1{
	/*	padding-left:5px;
		padding-right:5px;
		border:1px solid #E2EBED;*/
	}
	#menu-container .currentDepth1over{
/*		padding-left:5px;
		padding-right:5px;
		background-color:#317082;
		border:1px solid #000;*/
		
		
	}
	#menu-container .currentDepth1 a{
		/*font-weight:bold;*/
	}
	#menu-container .currentDepth1over a{	/* Text rules */
/*		font-weight:bold;*/
	}
	
	/* Sub menu depth 1 */
	#menu-container .currentDepth2{
		padding:2px;
		padding-right:5px;
		border:1px solid #FFF;
		background-color:#003366;
		color:#FFFFFF;
	}
	#menu-container .currentDepth2over{
		padding:2px;
		padding-right:5px;
		background-color:#003366;
		border:1px solid #000;
	}	

	#menu-container .currentDepth2 a{	/* Text rules */
		color:#fffff;
	}	

	#menu-container .currentDepth2over a{	/* Text rules */
		color:#FFFF00;
	}	
	/* Sub menu depth 2 */
	#menu-container .currentDepth3{
		padding:2px;
		padding-right:5px;
		border:1px solid #FFF;
		background-color:#003366;
		color:#FFFFFF;
	}

	#menu-container .currentDepth3over a{	/* Text rules */
		color:#FFFF00;
	}	

	#menu-container .currentDepth3over{
		padding:2px;
		padding-right:5px;
		background-color:#003366;
		border:1px solid #000;
	}
	/* Sub menu depth 3 */
	#menu-container .currentDepth4{
		padding:2px;
		padding-right:5px;
		border:1px solid #FFF;
		background-color:#003366;
		color:#FFFFFF;
	}
	#menu-container .currentDepth4over{
		padding:2px;
		padding-right:5px;
		border:1px solid #000;
		background-color:#003366;
	}	
	#menu-container .currentDepth4over a{	/* Text rules */
		color:#FFFF00;
	}