/* ----------- MENU CSS - positioning and paddings ------------------ */

ul#navigation { position: static; width: 100%; background-color: #FFCC66; height: 25px; border:  solid thin  #660000}
ul#navigation, #navigation li, #navigation ul { margin: 0; padding: 0; list-style-type: none; }
ul#navigation ul { display: none;  position: absolute; } /* hides the subemnus in the first place */
ul#navigation a { text-decoration: none; display: block; padding-left: 4px; padding-right: 2px; } /* make all links in the menues NOT underlined */
ul#navigation ul{ width: 150px; }
ul#navigation .foldOut{ display: inline; } 
ul#navigation li { position: relative; border-bottom: /*1px solid #aaa*/; }
ul#navigation .highlight { z-index: 10; }
#navigation li { float: left; margin-right: 3px; }
ul#navigation ul  { left: 0; } /* submenus for menu 1 should appear right below the main menu items */
ul#navigation ul ul { top: 6px; left: 100px; width: 200px;} /* offset for the sub sub menus for main menu */
#navigation li li{ float: none; width: auto; padding-bottom: 0; }
#navigation li li li { /* width of the sub sub menus */
	width: auto;
}



/* ------------------- menu colors and fonts ------------------ */


#navigation li a {
	line-height: 23px;
	color: #660000;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	background-color: #FFCC66; /* color of main menu items */
}

#navigation a:hover {
	background-color: #FFFF66; /* mouseover main menu items */
}

#navigation li li a  {
	font-weight: normal;
	font-size: 12px; /* font size for submenus and subsubmenus */
	padding-top: 0.2em;
	text-align: left;
	background-color: #FFBA75/* RED-RICH*/
}

#navigation li li a:hover {
	background-color: #FFD2A6; /* color of 1st level hovered */
}

#navigation li li li a {
	color: #333;
	font-size: 12px; 
	background-color: #CC9900; /* color of second level */
}

#navigation li li li a:hover {
	background-color: #CCCC66; /* color of second level hovered */
}

#navigation li li li li a {
	color: #111;
	background-color: #aaccff; /* color of third level */
}

#navigation li li li li a:hover {
	background-color: #9999ff; /* color of third level hovered */
}

#navigation li li li li li a {
	color: #111;
	background-color: #87ca15; /* olive color of third level */
}

#navigation li li li li li a:hover {
	background-color: #45a115; /* green color of third level hovered */
}

#navigation li li li li li li a {
	color: #111;
	background-color: #f16593; /* olive color of third level */
}

#navigation li li li li li li a:hover {
	background-color: #cc6e96; /* green color of third level hovered */
}


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