/* style for the containing div for the menu */
		div#MainMenu 
		{	
			z-index:199;
			float:left;
			position:relative;	
			height:15px;
			width: 528px;
			float:left;
			margin-top:78px;
			margin-left:41px;
			font-size:12px;
			color:#660066;
			font-weight:bold;
			background-image:url(images/menu_bg.gif); 
			background-repeat:no-repeat;
			background-position:top left;
			padding-top:2px;

		}
		
		/* 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 10px 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: #666666;
			text-decoration: none;
			text-align: center;
			font-weight:bold;
			height:22px;
			padding: 0px 4px 0px 12px;
			background-image:url(images/menu.gif);
			background-position:left;
			background-repeat:no-repeat;
		}
						
		div#MainMenu  a:hover{
		color:#660066;
		background-image:url(images/menu_over.gif);
		background-position:left;
		background-repeat:no-repeat;
		}
		
		div#MainMenu  a.MenuSelected{
		background-image:url(images/menu_over.gif);
		background-position:left;
		background-repeat:no-repeat;
		color:#660066;
		}

		/* 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:518px;
	padding: 0px 0px 0px 10px;
	} 
	
	/* defines the total width of the top menu */
	div#MainMenu ul.L1		{width:150px;} /* width of level 1 leaves */

	
	/* defines position of drop down leaves */
	div#MainMenu ul.L0 ul	{top:15px; 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; }
	div#MainMenu ul.L1 li a	{
	color:#999999;
	font-weight:bold;
	font-size:11px;
	background-color:#ECE8EC;
	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;
	border-left-style:solid;
	border-left-width:1px;
	border-left-color:#FFFFFF;
	border-right-style:solid;
	border-right-width:1px;
	border-right-color:#FFFFFF;
	background-image:none;
	}
	
	div#MainMenu ul.L1 li a.MenuSelected	{
	background-color:#ECE8EC;
	height:18px;
	width:130px;
	text-align:left;
	padding: 3px 10px 0px 10px;
	margin:0px 0px 0px 0px;
	color:#660066;}
	
	
	
	
	div#MainMenu ul.L1 li a:Hover	{
	background-color:#ECE8EC;
	height:18px;
	color:#660066;
	}
	
	
	div#MainMenu ul.L0 li.LastOne{
	margin-left:10px;
	}
	
	div#MainMenu ul.L1 li.FirstDDL{
	font-size:5px;
	}