.sysMainMenu
{
  /* for edit everytime */
  clear: both;
  height: 31px;
  background: transparent;
}

/* -------- */

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

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


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

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

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

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


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

.sysMainMenu ul.level1 li
{
  float: left;
  padding-left: 1px;
}

.sysMainMenu ul.level1 li.first
{
  padding-left: 0px;
}

.sysMainMenu ul.level1 a
{
  display: block;
  padding: 13px 12px 7px 12px;
}

.sysMainMenu ul.level1 a.first
{
  padding-left: 15px;
}


.sysMainMenu ul.level1 a:hover
{
}



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

.sysMainMenu ul.level2
{
  padding: 6px 0px 1px 0px;
}

.sysMainMenu ul.level1 .level2 li
{
  clear: both;
  width: 15em;
}

.sysMainMenu ul.level1 .level2 a 
{
  display: block;
  padding: 5px 0px 6px 24px;
}

.sysMainMenu ul.level2 a.first 
{
}

.sysMainMenu ul.level2 a.active
{
}




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

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

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

.sysMainMenu li.level1:hover ul.level2, 
.sysMainMenu li.over1 ul.level2
{
  /* for edit everytime */
  border-style: solid;
  border-width: 1px;
}




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