body {
	behavior:url("csshover3.htc");
}
	
* {
	font: normal Verdana, Arial, Tahoma, Sans-Serif, Helvetica;
}

ul,li {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	z-index: 3;
}

/*ul {
	width: 166px;
	background: #fff;
	list-style-type: none;
}*/

li {
	position: relative;
	padding: 0px;
	z-index: 4;
}

ul.level1 {
	background: #fff;
	list-style-type: none;
	z-index: 5;
}

ul.level2 {
	width: 166px;
	background: #fff;
	list-style-type: none;
	z-index: 6;
}

ul.level3 {
	width: 166px;
	background: #fff;
	list-style-type: none;
	z-index: 7;
}

ul.level4 {
	width: 166px;
	background: #fff;
	list-style-type: none;
	z-index: 8;
}

li.folder	{
	font: normal 11px/16px Verdana, Arial, Tahoma, Sans-Serif, Helvetica;
	padding: 2px 0 4px 15px;
	background-color: #E3E0CC;
	border-top: 1px solid #666;
	z-index: 9;
}	

li.folder:hover {
	z-index: 10;
	font: normal 11px/16px Verdana, Arial, Tahoma, Sans-Serif, Helvetica;
}

li.folder li.subfolder:hover {
	z-index: 11;
	background-color: #D6CBB1;
	font: normal 11px/16px Verdana, Arial, Tahoma, Sans-Serif, Helvetica;
}

li.folder li.subfolder li.subsubfolder:hover {
	z-index: 12;
	background-color: #D6CBB1;
	font: normal 11px/16px Verdana, Arial, Tahoma, Sans-Serif, Helvetica;
}
		
li.folder ul {
	position: absolute;
	display: none;
	left: 145px; /* IE */
	top: 0px;
}
				
li.folder>ul { 
	left: 145px;
}

li.folder ul.level2 {
	position: absolute;
	display: none;
	left: 125px; /* IE */
	top: -1px;
}
				
li.folder>ul.level2 { 
	left: 145px;
}

ul.level1 li {
	background-color: #00192E;
	font: normal 11px/16px Verdana, Arial, Tahoma, Sans-Serif, Helvetica;
	padding-top: 10px;
	padding-bottom: 9px;
	padding-left: 5px;
}

ul.level1 li.folder:hover ul.level2 {
	display: block;
	width: 166px;
}

ul.level1 li.folder ul.level2 li.subfolder:hover ul.level3 {
	display: block;
	width: 166px;
}

ul.level1 li.folder ul.level2 li.subfolder ul.level3 li.subsubfolder:hover ul.level4 {
	display: block;
	width: 166px;
}

#MainMenu2 a { 
	width: auto;
	text-decoration: none;
	width: 100%; /* IE */
}

ul.level1 li>a {
	color: #FFF; 
	width: auto;
	text-decoration: none;
	width: 100%; /* IE */
}

ul.level1 li>a:hover {
	color: #F3C81A; 
	width: auto;
	text-decoration: none;
	width: 100%; /* IE */
}



ul.level2 li:hover {
	background-color: #D6CBB1;
}

ul.level3 li:hover {
	background-color: #D6CBB1;
}

ul.level4 li:hover {
	background-color: #D6CBB1;
}

a#1step {
	color: #FFF;
}

a#1step:hover {
	color: #F3C81A;
}

ul.level2 li>a {
	color: #233F57;
	width: auto;
	text-decoration: none;
	width: 100%; /* IE */
}

ul.level2 li>a:hover {
	color: #00192E;
	width: auto;
	text-decoration: none;
	width: 100%; /* IE */
}

ul.level3 li>a { 
	color: #233F57;
	width: auto;
	text-decoration: none;
	width: 100%; /* IE */
}

ul.level4 li>a { 
	color: #233F57;
	width: auto;
	text-decoration: none;
	width: 100%; /* IE */
}

ul.level2 li {
	background-color: #ECE4D2;
	padding-left: 10px;
	font: normal 11px/16px Verdana, Arial, Tahoma, Sans-Serif, Helvetica;
	display: block;
	border-bottom: 1px solid #D6CBB1;
	border-left: 1px solid #D6CBB1;
	border-right: 1px solid #D6CBB1;
	padding-top: 3px;
	padding-bottom: 3px;
}
			
ul.level2 li.explain { 
	font: bold 11px Verdana, Arial, Tahoma, Sans-Serif, Helvetica;
	background-color: #233F57;
	border: 1px solid #233F57;
	color: #FFF;
	padding-left: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
	width: 154px;	
}

/* Hide from IE5-mac. Only IE-win sees this. \*/
* html ul.level2 li.explain { 
	width: 166px;
}

