/* style for the containing div for the menu */
		div#MainMenu 
		{	
			z-index:199;
			float:left;
			position:relative;	
			height:26px;
			padding: 0px 0px 0px 4px;
			margin: 0px;
		}
		
		/* default ul tag style for this menu - you probably won't need to change this */
		div#MainMenu ul , div#SubMid ul
		{
			position:relative;
			list-style:none;
			margin:0px;
			padding:0px 0px 0px 0px;
		}
		div#SubMid ul li {
		padding:0px 0px 5px 0px;
		}
		
			div#MainMenu li{
					list-style:none;
					display: inline;
					margin:0px 0px 0px 0px;
					font-family:arial;
					font-weight:bold;
					font-size:12px;
					color:#333333;
					padding:0px 0px 0px 5px;
					float:left;
										}
		
		
		div#MainMenu UL.L0 li a	{
		padding-right:5px;
		padding-left:0px;
		}
		
		
		div#MainMenu li.FirstMenu{
		padding-left:0px;
		}
							
		/* 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: #999999;
			text-decoration: none;
			text-align: center;
			font-weight:bold;
			height:26px;
			padding: 0px 0px 10px 0px;
		}
						
		div#MainMenu  a:hover{
		color:#333333;
		}
		
	
		
		div#MainMenu  a.MenuSelected{
		color:#333333;
		background-image:url(images/menu_on_bg.gif);
		background-repeat:no-repeat;
		background-position:bottom left;
		}

		/* 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:543px;
	padding: 0px 0px 0px 0px;
	
	} 
	
	/* defines the total width of the top menu */
	div#MainMenu ul.L1		{
	width:178px;
	} /* width of level 1 leaves */
	
	
	/* defines position of drop down leaves */
	div#MainMenu ul.L0 ul	{top:17px; left:-22px;} /* position of first leaf */

	div#MainMenu ul.L0 li a	{height:15px;  }
	
	div#MainMenu ul.L0 li a:Hover	{
	background-image:url(images/menu_on_bg.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	}
	
	div#MainMenu .SubMenuIndent {
	margin-left:0px;
	background-image:url(images/sub_menu_bg.gif);
	background-repeat:repeat-y;
	width:178px;
	padding-left:5px;
	margin-left:0px;
	}
	
	div#MainMenu .SubMenuTop {
	background-image:url(images/sub_menu_top_bg.gif);
	background-repeat:no-repeat;
	height:8px;
	width:178px;
	font-size:2px;
	}
	div#MainMenu .SubMenuBot {
	background-image:url(images/sub_menu_bot_bg.gif);
	background-repeat:no-repeat;
	height:8px;
	width:178px;
	}
	

	/* All Level Styles*/
	#MainMenu			{}	
	#MainMenu a			{}
	#MainMenu a:hover	{}
	
	/* Level 1 Styles */
	#MainMenu UL UL.L1			{ padding-bottom:1px; z-index:10000;}
	
	
	div#MainMenu ul.L1 li a , div#SubMid ul li a	{
	color:#999999;
	font-weight:bold;
	height:18px;
	width:163px;
	text-align:left;
	padding: 3px 10px 0px 15px;
	margin:0px 1px 0px 0px;
	background-image:url(images/sub_menu_dot.gif);
	background-repeat:no-repeat;
	background-position:left;
	}
	
	div#SubMid ul li a {
	background-image:none;
	}
	
	div#MainMenu ul.L1 li a.MenuSelected , div#MainMenu ul.L1 li a:Hover  , div#SubMid ul li a.MenuSelected , div#SubMid ul li a:Hover	{
	height:18px;
	width:163px;
	text-align:left;
	padding: 3px 10px 0px 15px;
	margin:0px 1px 0px 0px;
	color:#666666;
	background-image:url(images/sub_menu_dot_over.gif);
	background-repeat:no-repeat;
	background-position:left;
	}
	
	div#SubMid ul li a.MenuSelected , div#SubMid ul li a:Hover {
	background-image:none;
	}