/* style for the containing div for the menu */
		div#MainMenu 
		{	
			z-index:199;
			float:left;
			position:relative;	
			height: 29px;
			background-image:url(images/menu_bg.gif);
			vertical-align:middle;
			font-size:12px;
		}
		
		/* 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 10px;
		}
		
			div#MainMenu li{
					list-style:none;
					display: inline;
					margin:0px 0px 2px 0px;
					font-family:arial;
					font-weight:bold;
					font-size:12px;
					color:#D8CBBB;
					padding:7px 10px 0px 15px;
					float:left;
					background-image:url(images/menu_dot.gif);
					background-repeat:no-repeat;
					}
					
					div#MainMenu .FirstMenu{
					list-style:none;
					display: inline;
					margin:0px 0px 0px 0px;
					font-family:arial;
					font-weight:bold;
					font-size:12px;
					color:#D8CBBB;
					padding:7px 10px 0px 15px;
					float:left;
					background-image:none;
					background-repeat:no-repeat;
					}
					
					
					
					div#MainMenu .Enrole{
					list-style:none;
					display: inline;
					margin:0px 0px 0px 0px;
					font-family:arial;
					font-weight:bold;
					font-size:12px;
					color:#D8CBBB;
					padding:7px 10px 0px 15px;
					float:right;
					}
							
		/* 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 {
			margin:0px;
			height:100%;
			text-decoration:none;
			font-family:arial;
			font-size:12px;
			color:#B4C9EA;
			font-weight:bold;
			
		}
						
		div#MainMenu  a:hover{
		text-decoration:none;
		color:#FFFFFF;
		}
		
		div#MainMenu  a.MenuSelected{
		text-decoration:none;
		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:1px;}
		
		/* 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:770px;} /* defines the total width of the top menu */
	div#MainMenu ul.L1		{width:240px;} /* width of level 1 leaves */

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

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

	/* All Level Styles*/
	#MainMenu			{}	
	#MainMenu a			{}
	#MainMenu a:hover	{}
	
	/* Level 1 Styles */
	#MainMenu UL UL.L1			{background-color:#034BB7; padding-bottom:10px;}