.mainmenu ul
{
  /* dont edit unless necessary - styling, but usually you want this */
	padding: 0;
	margin: 0;
	list-style: none;
}

.mainmenu ul li
{
  /* dont edit unless really needed - position of elements */
	position: relative;
	z-index: 300;
}

/*----------- Over effect -------------*/

.mainmenu li ul
{
  visibility: hidden;
  position: absolute;
}

.mainmenu li.level1:hover ul.level2,
.mainmenu li.level2:hover ul.level3,
.mainmenu li.level3:hover ul.level4,
.mainmenu li.level4:hover ul.level5,
.mainmenu li.level5:hover ul.level6,

.mainmenu li.over1 ul.level2,
.mainmenu li.over2 ul.level3,
.mainmenu li.over3 ul.level4,
.mainmenu li.over4 ul.level5,
.mainmenu li.over5 ul.level6,
.mainmenu li.over6 ul.level7
{
  /* dont edit - hover effect */
	visibility: visible;
	/* for edit everytime */
	width: 10em;	/*HAS to be same width as in #MssMainMenu li:hover ul li,#MssMainMenu  li.over ul li*/
}

/*----------- Link styling level 1 -------------*/

.mainmenu ul.level1 li
{
  float: left;
}
.mainmenu ul.level1 li.level1
{
  padding-left: 5px;
  padding-right: 5px;
}

.mainmenu ul.level1 a
{
  display: block;
}

/*----------- Link styling level 2, 3, 4, etc -------------*/

.mainmenu ul.level1 .level2 li
{
  clear: both;
  width: 10em;
}

.mainmenu ul.level1 .level2 a 
{
  display: block;
}

/*----------- Box styling level 2 -------------*/

.mainmenu li.level1 ul
{
  /* dont edit unless really needed - position of elements */
	top:100%;
	left:0;
	z-index:300;
}

.mainmenu li.level1 > ul
{
  /* dont edit unless really needed - position of elements */
	top:auto;
	left:auto;
}

/** Support for the "iehover dropdown-Select problem" **/
.mainmenu .iFrameHider
{
  /* dont edit unless really needed - position of elements */
  position:absolute;
  left:0;
  top:0;
  z-index:0;
  /* for edit everytime */
  width: 10em; /* HAS to be same width as in #MssMainMenu li:hover ul,#MssMainMenu  li.over ul*/
}