/* style for the containing div for the menu */
		div#MainMenu 
		{	
			z-index:199;
			float:left;
			position:relative;	
			height:22px;
			background-color:#003366;
			padding: 0px;
			margin: 0px;
		}
		
		/* default ul tag style for this menu - you probably won't need to change this */
		div#MainMenu ul 
		{
			position:relative;
			list-style:none;
			margin:0px;
			padding:0px 0px 0px 0px;
		}
		
			div#MainMenu li{
					list-style:none;
					display: inline;
					margin:0px 0px 0px 0px;
					font-family:arial;
					font-weight:bold;
					font-size:12px;
					color:#FFFFFF;
					padding:0px 15px 0px 0px;
					float:left;
										}
					
							
		/* style for the actual menu links. display and height are important to the operation of the menu. change the others if you like (note:colour changes should probably go in the colour style sheets */
		div#MainMenu a {
			float: left;
			display: block;
			color: #FFFFFF;
			text-decoration: none;
			text-align: center;
			font-weight:bold;
			height:22px;
			padding: 4px 9px 3px 8px;
		}
						
		div#MainMenu  a:hover{
		background-color:#6699CC;
		color:#FFFFFF;
		}
		
		div#MainMenu  a.MenuSelected{
		background-color:#6699CC;
		color:#FFFFFF;
		}

		/* default li tag style for this menu - you probably won't need to change this */
		/* the postion:relative and float:left are critical to the correct operation of the menu */
		div#MainMenu ul li	{position:relative; float:left; padding-bottom:0px;}
		
		/* this style is essential to the correct operation of the menu. it ensures correct positioning of the "leaves". */
		div#MainMenu ul ul {
			position:absolute;
		}

		div#MainMenu ul ul, 
		div#MainMenu ul li:hover ul ul,
		div#MainMenu ul ul li:hover ul ul,			
		div#MainMenu ul ul ul li:hover ul ul
		{
			display:none;
		}
		
		div#MainMenu ul li:hover ul,
		div#MainMenu ul ul li:hover ul,
		div#MainMenu ul ul ul li:hover ul,
		div#MainMenu ul ul ul ul li:hover ul
		{
			display:block;
		}
	
		
	/* This section defines the width of the menu items at different levels */
	div#MainMenu ul.L0		{width:737px;
	padding: 0px 0px 0px 10px;
	} 
	
	/* defines the total width of the top menu */
	div#MainMenu ul.L1		{width:90px; } /* width of level 1 leaves */

	
	/* defines position of drop down leaves */
	div#MainMenu ul.L0 ul	{top:22px; left:0px;} /* position of first leaf */

	div#MainMenu ul.L0 li a	{height:15px;  }
	div#MainMenu .SubMenuIndent {margin-left:0px;}
	

	/* All Level Styles*/
	#MainMenu			{}	
	#MainMenu a			{}
	#MainMenu a:hover	{}
	
	/* Level 1 Styles */
	#MainMenu UL UL.L1			{background-color:#FFFFFF; padding-bottom:0px; width:150px;}
	
	#MainMenu UL UL li			{background-color:#FFFFFF; width:150px; padding:0px; margin:0px;}
	
	
	div#MainMenu ul.L1 li a	{
	color:#003366;
	font-weight:normal;
	background-color:#B2CCE5;
	height:18px;
	width:130px;
	text-align:left;
	padding: 3px 10px 0px 10px;
	margin:0px 1px 0px 0px;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#FFFFFF;
	}
	
	div#MainMenu ul.L1 li a.MenuSelected	{
	background-color:#6699CC;
	height:18px;
	width:130px;
	text-align:left;
	padding: 3px 10px 0px 10px;
	margin:0px 0px 0px 0px;
	color:#FFFFFF;}
	
	
	
	
	div#MainMenu ul.L1 li a:Hover	{
	background-color:#6699CC;
	height:18px;
	color:#FFFFFF;
	}