/******  Main Menu  ***************************************

Main Colours:

Orange			#FC7215 ( 80% = #FD944D / 60% = #FDAF7A )
Yellow			#FFAD28
Dark Blue		#15475C
Bright Blue		#009CAD


***********************************************************/

DIV#navMain {
	height:2em;						/* needed for Mozilla */
	font-size:.9em;
	background-color:none;
	margin:19px 0px 0px 220px;
	margin-top:22px;
}
		* html DIV#navMain {       /* these selectors recognized by IE only */
			margin-top:31px;	/*  only for IE5.x/Win */
		}


DIV#navMain 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#navMain 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:15%; 				/* width needed or else Opera goes nuts */
			width:7em; 				/* width needed or else Opera goes nuts */
			width:auto; 				/* width needed or else Opera goes nuts */
			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 */
			height:auto;			/* do not define height, otherwise no line breaks */
			border-left:1px none #fff;
			line-height:1.6em;
			text-transform:uppercase;
			padding:.4em 1em;
		}


		DIV#navMain li a {	/* style all a tags */
			font-weight:700;
			text-decoration:none;
			color:#E5F6FF;
			padding:.4em 0 0;		/* style all a tags */
			/* display:block;			can be deleted, don't know consequences */
			margin:0;
		}
				DIV#navMain li.cur a,
				DIV#navMain li.actifsub a,
				DIV#navMain li:hover a,
				DIV#navMain li.sfhover a {
					border-bottom:3px solid #049BB0;
					color:white;
				}



		DIV#navMain li:hover,
		DIV#navMain li.sfhover,
		DIV#navMain li.cur,
		
		DIV#navMain li:hover a,
		DIV#navMain li.sfhover a,
		DIV#navMain li.cur a,
		
		DIV#navMain li:hover ul li,
		DIV#navMain li.sfhover ul li,
		DIV#navMain li.cur ul li,
		
		DIV#navMain li:hover ul li a,
		DIV#navMain li.sfhover ul li a,
		DIV#navMain li.cur ul li a {
			color:white;
		}

				DIV#navMain li:hover,
				DIV#navMain li.sfhover {
				}
				DIV#navMain li.noSubpages {
				}


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

		DIV#navMain 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:1.7em;					/* adjust top position of fold out menus */
			padding:.3em .2em .3em;		/* adjust padding of sub items */
			margin:0;
			margin-left:0;
			font-weight:100;
			border-top:1px none #890019;
			background-color:#225165;
			background-color:#FC7215;
			border:1px none white;
		}

		
		DIV#navMain 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:18em;
			background:none;
			line-height:1.2em;
			border:none;
			text-transform:none;
			padding:0;
		}
		DIV#navMain ul li ul li.actifsub,
		DIV#navMain ul li ul li.cur {
			border-left:1px none #999;
			background-color:#A6B9C1;
			background-color:#FDAF7A;
		}
		DIV#navMain ul li ul li.ifsub,
		DIV#navMain ul li ul li.actifsub {
			background-image:url(../images/stationery/arrow_white.gif);
			background-position:right;
			background-repeat:no-repeat;
		}
				DIV#navMain ul li ul li a,
				DIV#navMain li.cur ul li a,
				DIV#navMain li.actifsub ul li a,
				DIV#navMain li:hover ul li a,
				DIV#navMain li.sfhover ul li a,
				DIV#navMain ul li ul li span.cur {
					width:17em;
					background-color:none;
					display:block;
					padding:.4em .75em;
					border-bottom:0px none #049BB0;
				}

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


				/***  hover  ***/
				DIV#navMain ul li ul li:hover,
				DIV#navMain ul li ul li.sfhover {
					background-color:#9A253A;
					background-color:#FD944D;
					background-image:none;
				}
				DIV#navMain ul li ul li:hover a,
				DIV#navMain ul li ul li.sfhover a,
				DIV#navMain ul li ul li.cur a {
					background-color:none;
				}



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

		DIV#navMain ul li ul li:hover ul,
		DIV#navMain ul li ul li.sfhover ul { 	/* applies to all sublevel items */
			left: auto; 							/* do not alter: son of sf */
			border:1px solid #fff;
		}
		
				DIV#navMain ul li ul li ul {
					margin: -1.8em 0 0 18em;
				}
						DIV#navMain ul li#navID-134 ul li ul {
							margin: -1.8em 0 0 -18.5em;
						}

						DIV#navMain li:hover ul ul, 
						DIV#navMain li:hover ul ul ul, 
						DIV#navMain li:hover ul ul ul ul, 
						DIV#navMain li.sfhover ul ul, 
						DIV#navMain li.sfhover ul ul ul, 
						DIV#navMain li.sfhover ul ul ul ul {
							left: -999em;
						}
						DIV#navMain li:hover ul, 
						DIV#navMain li li:hover ul, 
						DIV#navMain li li li:hover ul, 
						DIV#navMain li li li li:hover ul, 
						DIV#navMain li.sfhover ul, 
						DIV#navMain li li.sfhover ul, 
						DIV#navMain li li li.sfhover ul, 
						DIV#navMain li li li li.sfhover ul {
							left:auto;		/* I think is needed for other browsers */
							left:0px;		/* works better when a tag isn't a block element */
						}
					

		/****** z-index *****/
		DIV#navMain ul li ul li ul {
		}
		DIV#navMain ul li ul li ul li ul {
		}
		DIV#navMain ul li ul li ul li ul li ul {
		}


		/****** colours *****/
		DIV#navMain ul li ul li,
		DIV#navMain ul li ul li:hover,
		DIV#navMain ul li ul li.sfhover,
		DIV#navMain ul li ul li.actifsub {
			border:1px none white;
		}