/*
		Only way to disable the margin/padding behavory of an UL
		So we need this here, don't use it for other stuff though, use the levels for that
	*/
	.sitemap ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	/*
		** Menu Container CSS Properties **
	*/
	.sitemap {	}

	/*
		** Level 1+ CSS Properties **
	*/
	.sitemap .menu_level_1 { }
	.sitemap ul.closedChild {
		display: none;
	}
	.sitemap .menu_level_1 li {
		padding: 0;
		display: block;
	}
	.sitemap .menu_level_1 li.menuChild a {
		background-color: #FFFFFF;
		padding-left: 5px;
		display: block;
		height: 25px;
		text-decoration: none;
		color: #365185;

	}
	.sitemap .menu_level_1 li.menuChild a:hover {
		text-decoration: none;		
	}
	.sitemap .menu_level_1 li.firstChild { }
	.sitemap .menu_level_1 li.lastChild {
	}
	.sitemap .menu_level_1 li a.button {
		margin-left: 5px;
	}
	
	*:first-child+html .hoverSpan{
		float: left;
		cursor: pointer;
	}

	/*
		** Level 2+ CSS Properties **
	*/
	.sitemap .menu_level_2 {
	margin-bottom: 20px;


	}
	.sitemap .menu_level_2 li {
		border: 0px;
	}
	.sitemap .menu_level_2 li.menuChild a {
		background-color: #FFFFFF;
		padding-left: 15px;
	}
	.sitemap .menu_level_2 li.firstChild { }
	.sitemap .menu_level_2 li.lastChild {
		border-bottom: 0px;
	}
	.sitemap .menu_level_2 li a.button {
		margin-left: 15px;
	}

	/*
		** Level 3+ CSS Properties **
	*/
	.sitemap .menu_level_3 {}
	.sitemap .menu_level_3 li {}
	.sitemap .menu_level_3 li.menuChild a {
		background-color: #FFFFFF;
		padding-left: 30px;
	}
	.sitemap .menu_level_3 li.firstChild { }
	.sitemap .menu_level_3 li.lastChild { }
	.sitemap .menu_level_3 li a.button {
		margin-left: 30px;
	}

	/*
		** Level 4+ CSS Properties **
	*/
	.sitemap .menu_level_4 {}
	.sitemap .menu_level_4 li {}
	.sitemap .menu_level_4 li.menuChild a {
		background-color: #FFFFFF;
		padding-left: 45px;
	}
	.sitemap .menu_level_4 li.firstChild { }
	.sitemap .menu_level_4 li.lastChild { }
	.sitemap .menu_level_4 li a.button {
		margin-left: 45px;
	}