/* ========================= Primary navigation ======================== */

	#Navigation 
	{
		line-height: 34px;
		height: 34px;

		_line-height: 28px;
		_height: 28px;	
    }
    #Navigation ul 
    {
    	text-align: center;
    	_margin-top: 6px; 
    }
    #Navigation li 
    {
    	display: inline; 
   		margin-left: 1px;    		   	
   		line-height: 34px;
   		
   		_line-height: 28px;
    }

	/* Default + blue navigation item */

   	#Navigation li a, #Navigation li a.blue
   	{   		
   		padding: 6px 0px 5px 18px;
   		color: #FFFFFF;
   		text-decoration: none;
		background: url( ../graphics/nav/mnav.blue.gif) no-repeat left top; 
		* padding: 0 0 0 18px;		
   	}
	#Navigation li a:hover, #Navigation li.blue a:hover
	{
		background: url( ../graphics/nav/mnav.blue.gif) no-repeat left -39px;
		text-decoration: underline;
   	}
   #Navigation li a span, #Navigation li.blue a span
   {
		padding: 6px 18px 5px 0px;				
	   	background: url( ../graphics/nav/mnav.blue.gif) no-repeat right top; 
   }
   #Navigation li a:hover span, #Navigation li.blue a:hover span 
   {
	   background: url( ../graphics/nav/mnav.blue.gif) no-repeat right -39px;
   }

	/* Light Green item */ 
   	#Navigation li.lgreen a { background: url( ../graphics/nav/mnav.lgreen.gif) no-repeat left top; }	
	#Navigation li.lgreen a:hover { background: url( ../graphics/nav/mnav.lgreen.gif) no-repeat left -39px; }
	#Navigation li.lgreen a span { background: url( ../graphics/nav/mnav.lgreen.gif) no-repeat right top; }
	#Navigation li.lgreen a:hover span { background: url( ../graphics/nav/mnav.lgreen.gif) no-repeat right -39px; }

	/* Yellow item */ 
   	#Navigation li.yellow a { background: url( ../graphics/nav/mnav.yellow.gif) no-repeat left top; }	
	#Navigation li.yellow a:hover { background: url( ../graphics/nav/mnav.yellow.gif) no-repeat left -39px; }
	#Navigation li.yellow a span { background: url( ../graphics/nav/mnav.yellow.gif) no-repeat right top; }
	#Navigation li.yellow a:hover span { background: url( ../graphics/nav/mnav.yellow.gif) no-repeat right -39px; }

	/* Orange item */ 
   	#Navigation li.orange a { background: url( ../graphics/nav/mnav.orange.gif) no-repeat left top; }	
	#Navigation li.orange a:hover { background: url( ../graphics/nav/mnav.orange.gif) no-repeat left -39px; }
	#Navigation li.orange a span { background: url( ../graphics/nav/mnav.orange.gif) no-repeat right top; }
	#Navigation li.orange a:hover span { background: url( ../graphics/nav/mnav.orange.gif) no-repeat right -39px; }

	/* Red item */ 
   	#Navigation li.red a { background: url( ../graphics/nav/mnav.red.gif) no-repeat left top; }	
	#Navigation li.red a:hover { background: url( ../graphics/nav/mnav.red.gif) no-repeat left -39px; }
	#Navigation li.red a span { background: url( ../graphics/nav/mnav.red.gif) no-repeat right top; }
	#Navigation li.red a:hover span { background: url( ../graphics/nav/mnav.red.gif) no-repeat right -39px; }

	/* Purple item */ 
   	#Navigation li.purple a { background: url( ../graphics/nav/mnav.purple.gif) no-repeat left top; }	
	#Navigation li.purple a:hover { background: url( ../graphics/nav/mnav.purple.gif) no-repeat left -39px; }
	#Navigation li.purple a span { background: url( ../graphics/nav/mnav.purple.gif) no-repeat right top; }
	#Navigation li.purple a:hover span { background: url( ../graphics/nav/mnav.purple.gif) no-repeat right -39px; }

	/* Cyan item */ 
   	#Navigation li.cyan a { background: url( ../graphics/nav/mnav.cyan.gif) no-repeat left top; }	
	#Navigation li.cyan a:hover { background: url( ../graphics/nav/mnav.cyan.gif) no-repeat left -39px; }
	#Navigation li.cyan a span { background: url( ../graphics/nav/mnav.cyan.gif) no-repeat right top; }
	#Navigation li.cyan a:hover span { background: url( ../graphics/nav/mnav.cyan.gif) no-repeat right -39px; }

	/* Dark Green item */ 
   	#Navigation li.dgreen a { background: url( ../graphics/nav/mnav.dgreen.gif) no-repeat left top; }	
	#Navigation li.dgreen a:hover { background: url( ../graphics/nav/mnav.dgreen.gif) no-repeat left -39px; }
	#Navigation li.dgreen a span { background: url( ../graphics/nav/mnav.dgreen.gif) no-repeat right top; }
	#Navigation li.dgreen a:hover span { background: url( ../graphics/nav/mnav.dgreen.gif) no-repeat right -39px; }


	/* ========================= Secondary navigation ======================== */

	div.SecondaryNav 
	{
		
	}
	
		div.SecondaryNav ul 
		{
			padding: 10px;
		}
	
			div.SecondaryNav ul li 
			{
				background-image: url( ../graphics/secnav.double.arrow.gif);
				background-repeat: no-repeat;
				background-position: 0em 0.45em;
				padding-left: 1.8em;
				padding-bottom: 1.2em;
			}

			div.SecondaryNav ul li:hover 
			{
				background-image: url( ../graphics/secnav.double.arrow.hover.gif);
			}


				/* user friendly interface */
				div.SecondaryNav ul li a 
				{	
					display: block;
				}