/******  Navigation Horizontal with drop down  ******************************************/
/*	use the following classes:
	li.no = normal
	li.cur = current link
	li.curifsub = current link
	li.act = active
	li.actifsub = section with active subpage
	li.ifsub = active
	li.spc = spacer (separator)
**************************************************************/

DIV#navHorizontal {
	height:2.0em;						/* needed for Mozilla */
	font-size:1em;
	background-color:#fff;				/* Color White */
	background-image: url("");
	background-repeat:repeat-x;
	background-position:bottom;
}
		DIV#navHorizontal ul { 				/* main menu list */
			padding:0px; 					/* can be altered: used for drop down */
			margin:0px;  					/* do not alter: used for drop down */
			list-style: none; 				/* do not alter: used for drop down */
		}
		
DIV#navHorizontal,
DIV#navHorizontal ul {
	padding: 0;
	margin: 0;
}

		DIV#navHorizontal li { 				/* all list items; especially top level */
			float:left;				/* do not alter: used for drop down */
			position:relative; 		/* do not alter: used for drop down */
			width:auto; 			/* Opera now supports auto width */
			text-align:left;		/* can be altered: used for drop down */
			margin:0px; 			/* can be altered: used for drop down */
 			list-style: none; 		/* do not alter: used for drop down */
			border-left:1px solid #999;				/* Color Black Writing */
			line-height:1.9em;
			height:auto;			/* do not define height, otherwise no line breaks */
		}


						DIV#navHorizontal li:hover,
						DIV#navHorizontal li.sfhover,
						DIV#navHorizontal li.cur,
						DIV#navHorizontal li.actifsub,
						DIV#navHorizontal li.curifsub {	
							background-color:#eee;				/* Color GreyEEE */
							background-image: url("");
							background-repeat:repeat-x;
						}
				DIV#navHorizontal li.spc {
					display:none;
				}

				DIV#navHorizontal li,
				DIV#navHorizontal a,
				DIV#navHorizontal span.cur {	/* style all a tags */
					font-weight:100;
					text-decoration:none;
					color:#000;				/* Color Black Writing */
					display:block;
					padding:.1em 1em 0;		/* Bernie Trick (see below)*/
				}
				DIV#navHorizontal li.first-child {
					border-left-style:none;
				}
				DIV#navHorizontal li.last-child {
					border-right:1px none #999;			/* Color Black Writing */
				}
						DIV#navHorizontal li a,
						DIV#navHorizontal li span.cur {	/* style all a tags */
							background:none;
							margin:-.1em -1em 0;	/* Bernie Trick (see above) */
						}
						DIV#navHorizontal li a:hover {	/* style all a tags */
						}

		DIV#navHorizontal li:hover,
		DIV#navHorizontal li.sfhover,
		DIV#navHorizontal li.cur,
		
		DIV#navHorizontal li:hover a,
		DIV#navHorizontal li.sfhover a,
		DIV#navHorizontal li.cur a,
		
		DIV#navHorizontal li:hover ul li,
		DIV#navHorizontal li.sfhover ul li,
		DIV#navHorizontal li.cur ul li,
		
		DIV#navHorizontal li:hover ul li a,
		DIV#navHorizontal li.sfhover ul li a,
		DIV#navHorizontal li.cur ul li a {
			color:#000;				/* Color Black Writing */
		}


		/*****  Level 2+ Settings ****/

		DIV#navHorizontal ul li ul {		/* all drop down layers */
			width:18em;					/* son of sf */
			position:absolute;			/* son of sf */
			left:-999em; 				/* son of sf: using left instead of display to hide menus because display: none isn't read by screen readers */
			top:2em;					/* adjust top position of fold out menus */
			padding:.3em .2em .3em;		/* adjust padding of sub items */
			margin:0;
			margin-left:-1.1em;
			font-weight:100;
			border:1px solid #999;				/* Color Black Writing */
			border-top:1px none #fff;			/* DO NOT CHANGE */
			background-color:#eee;				/* Color GreyEEE */
		}
		
		DIV#navHorizontal ul li ul li {
			height:auto;				/* do not alter: used for drop down, if fixed value, no line break possible */
			text-align:left;			/* can be altered: used for drop down */
			display:block;
			width:16em;
			background:none;
			line-height:1.2em;
			border:none;
		}

		DIV#navHorizontal ul li ul li:hover,
		DIV#navHorizontal ul li ul li.sfhover {
			background-color:#fff;				/* Color White */
			background-image:none;
		}
				DIV#navHorizontal ul li ul li:hover a,
				DIV#navHorizontal ul li ul li.sfhover a,
				DIV#navHorizontal ul li ul li.cur a {
				}
		DIV#navHorizontal ul li ul li.cur,
		DIV#navHorizontal ul li ul li.actifsub,
		DIV#navHorizontal ul li ul li.curifsub {
			border-left:1px none #999;
			background-image:none;
			background-color:#fff;				/* Color White */
		}

		DIV#navHorizontal ul li ul li.ifsub,
		DIV#navHorizontal ul li ul li.actifsub,
		DIV#navHorizontal ul li ul li.curifsub {
			background-image:url(../images/stationery/1_bullet-arrow.gif);
			background-position:right;
			background-repeat:no-repeat;
		}
				DIV#navHorizontal ul li ul li.actifsub {
					background-color:#fff;				/* Color White */
				}
				DIV#navHorizontal ul li ul li.last-child {
					border-right:1px none white;
				}
				DIV#navHorizontal li ul li.spc {
					background-color:#000;
					line-height:1px;
					font-size:1px;
					color:#000;
					width:100%;
					display:block;
					padding:0;
					margin:0;
					height:2px;
					border-bottom:1px solid #fff;
					filter:alpha(opacity=15); 	/* IE's opacity*/
					opacity: 0.15; 				/* mozilla's opacity*/
				}



				DIV#navHorizontal ul li ul li a,
				DIV#navHorizontal ul li ul li span.cur {
					width:16em;
					padding:.4em 1em;
				}

							DIV#navHorizontal ul li ul li.no a {
								background:none;
							}



				
		/****** level 3+ settings *****/

		DIV#navHorizontal ul li ul li:hover ul,
		DIV#navHorizontal ul li ul li.sfhover ul { 	/* applies to all sublevel items */
			left: auto; 							/* do not alter: son of sf */
			border:1px solid #999;				/* Color Black Writing */
		}
		
				DIV#navHorizontal ul li ul li ul {
					margin: -2.0em 0 0 17em;
				}
						DIV#navHorizontal ul li#navID-5 ul li ul {
							margin: -2em 0 0 -19.5em;
						}

						DIV#navHorizontal li:hover ul ul, 
						DIV#navHorizontal li:hover ul ul ul, 
						DIV#navHorizontal li:hover ul ul ul ul, 
						DIV#navHorizontal li.sfhover ul ul, 
						DIV#navHorizontal li.sfhover ul ul ul, 
						DIV#navHorizontal li.sfhover ul ul ul ul {
							left: -999em;
						}
						DIV#navHorizontal li:hover ul, 
						DIV#navHorizontal li li:hover ul, 
						DIV#navHorizontal li li li:hover ul, 
						DIV#navHorizontal li li li li:hover ul, 
						DIV#navHorizontal li.sfhover ul, 
						DIV#navHorizontal li li.sfhover ul, 
						DIV#navHorizontal li li li.sfhover ul, 
						DIV#navHorizontal li li li li.sfhover ul {
							left: auto;
						}