#MenuEND{
		height:41px;
		width:56px;
		float:left;
		padding:0px;
		margin:0px;
		background-image:url(images/menu_right.gif);
		background-repeat:no-repeat;
		}
		
		#MenuSTART{
		height:41px;
		width:63px;
		float:left;
		padding:0px;
		margin:0px;
		background-image:url(images/menu_left.gif);
		background-repeat:no-repeat;
		}
		
		/* style for the containing div for the menu */
		div#Menu 
		{	
			z-index:199;	
			height:35px;
			background-image:url(images/menu_bg.gif);
			background-repeat:repeat-x;
			width: 681px;
			float:left;
			padding:6px 0px 0px 0px;
			margin:0px;
			position:relative;	
			vertical-align:middle;
			z-index:1000;
		}
		
		/* default ul tag style for this menu - you probably won't need to change this */
		div#Menu ul 
		{
			position:relative;
			list-style:none;
			margin:0px;
			padding:0px 0px 0px 2px;
		}
		

			div#Menu li{
					list-style:none;
					display: inline;
					margin:0px 0px 2px 0px;
					font-family:arial;
					font-weight:bold;
					font-size:12px;
					color:#D8CBBB;
					padding:0px 5px 0px 10px;
					float:left;
					height:19px;
					}
					
					div#Menu .FirstMenu{
					list-style:none;
					display: inline;
					margin:0px 0px 0px 70px;
					font-family:arial;
					font-weight:bold;
					font-size:12px;
					color:#D8CBBB;
					padding:0px 10px 0px 0px;
					float:left;
					background-image:none;
					background-repeat:no-repeat;
					}
					
					
					
					
						
		/* 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#Menu a {
			margin:0px;
			height:100%;
			text-decoration:none;
			font-family:arial;
			font-size:12px;
			color:#C4DBF1;
			font-weight:bold;
			padding-top:5px;
			padding-bottom:10px;
			background-image:url(images/menu_dot.gif);
			background-repeat:no-repeat;
			background-position:top left;
			padding-left:10px;
			}
						
		div#Menu  a:hover{
		text-decoration:none;
		color:#FFFFFF;
		background-image:url(images/menu_arrow.gif);
		}
		
		div#Menu  a:visited{
		text-decoration:none;
		color:none;
		}
		
		div#Menu  .MenuSelected, a.MenuSelected:Link, a.MenuSelected:visited, a.MenuSelected:hover{
		text-decoration:none;
		color:#FFFFFF;
		background-image:url(images/menu_arrow.gif);
		}

		/* 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#Menu ul li	{position:relative; float:left; padding-bottom:3px;}
		
		/* this style is essential to the correct operation of the menu. it ensures correct positioning of the "leaves". */
		div#Menu ul ul {
			position:absolute;
		}

		div#Menu ul ul, 
		div#Menu ul li:hover ul ul,
		div#Menu ul ul li:hover ul ul,			
		div#Menu ul ul ul li:hover ul ul
		{
			display:none;
		}
		
		div#Menu ul li:hover ul,
		div#Menu ul ul li:hover ul,
		div#Menu ul ul ul li:hover ul,
		div#Menu ul ul ul ul li:hover ul
		{
			display:block;
		}
	
		
	/* This section defines the width of the menu items at different levels */
	div#Menu ul.L0		{width:670px;} /* defines the total width of the top menu */
	div#Menu ul.L1		{width:167px; } /* width of level 1 leaves */

	
	/* defines position of drop down leaves */
	div#Menu ul.L0 ul	{top:0px; left:8px; margin-top:23px;} /* position of first leaf */

	div#Menu ul.L0 li a	{height:29px;}
	
	div#Menu .SubMenuIndent {
	margin:0px 0px 0px 0px; 
	padding: 0px 0px 0px 10px;
	width:158px;
	background-image:none;
	background-repeat:no-repeat;
	height:14px;
	background-color:#00A4E0; }
	

	/* All Level Styles*/
	#Menu			{}	
	#Menu a			{}
	#Menu a:hover	{}
	
	/* Level 1 Styles */
	#Menu UL UL.L1			{
	
	padding-bottom:5px;
	border:none;
	}
	

	
	div#Menu .SubMenuIndentSpacer {
	margin:0px 0px 0px 0px; 
	padding: 5px 10px 0px 10px; 
	width:148px;
	background-image:none;
	background-repeat:no-repeat;
	height:3px;
	background-color:#00A4E0;
	font-size:1px;
	}
	
	div#Menu .DDL_Bot {
	margin-left:0px; 
	width:167px;
	background-image:url(images/menu_DD_bot.gif);
	background-repeat:no-repeat;
	height:13px;
	margin-bottom:0px;
	background-color:none;
	}
	
	
	div#Menu .L1 a {
			margin:0px;
			text-decoration:none;
			font-family:arial;
			font-size:12px;
			color:#C4DBF1;
			font-weight:bold;	
			background-image:url(images/sub_menu_dot.gif);
			background-repeat:no-repeat;
			background-position:top left;	
		}
						
		div#Menu .L1 a:hover{
		text-decoration:none;
		color:#FFFFFF;
		font-weight:bold;
		background-image:url(images/sub_menu_arrow.gif);
		background-repeat:no-repeat;
		background-position:top left;
		}
		
		div#Menu .L1 a.MenuSelected{
		text-decoration:none;
		color:#FFFFFF;
		font-weight:bold;
		background-image:url(images/sub_menu_arrow.gif);
		background-repeat:no-repeat;
		background-position:top left;
		}
		
		 div#Menu .L1 a.SubMenuSelected:Link, div#Menu .L1 a.SubMenuSelected:visited, div#Menu .L1 a.SubMenuSelected:hover{
 font-weight:bold;
}

div.hr2 {
height: 1px;
background:url(images/dots2.gif);
}

div.hr2 hr {
display: none;
}

div.hr3 {
height: 1px;
background:url(images/dots3.gif);
}

div.hr3 hr {
display: none;
}