div.areaMainMenu
{
  float:left;
}


/*----------- Fonts & Links -------------*/

.MssMainMenu
{
  /* for edit everytime */
  clear: both;
  font-size: 1em;
  font-weight: normal;
  line-height: 1.2em;
  background: transparent;
  width: 580px;
}

.MssMainMenu a
{
  /* for edit sometines. Still a common layout styling */
  display:block;
  /* for edit everytime */
  text-decoration:none;
  color: #fff;
  padding:2px 10px 5px 10px;
  background: transparent;
}

.MssMainMenu li > a
{
  /* for edit everytime */
  padding:2px 10px 5px 10px;  /*compliant browsers */
}

.MssMainMenu a:hover
{
  text-decoration: underline;
}


/*----------- General -------------*/

.MssMainMenu ul
{
  /* dont edit unless necessary - styling, but usually you want this */
	padding:0;
	margin:0;
	list-style:none;
}
.MssMainMenu ul li
{
  /* dont edit unless really needed - position of elements */
	float:left;
	position:relative;
	z-index:300;
}



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

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

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

.MssMainMenu li.over1 ul.level2,
.MssMainMenu li.over2 ul.level3,
.MssMainMenu li.over3 ul.level4,
.MssMainMenu li.over4 ul.level5,
.MssMainMenu li.over5 ul.level6,
.MssMainMenu 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 -------------*/

.MssMainMenu .level1
{
  height: 19px;
}

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

.MssMainMenu .level1 a.active
{
  color:#fff;
  background-color:transparent;
}

.MssMainMenu .level1 a.nopublish
{
  font-style:italic;
}




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

.MssMainMenu .level2 a 
{
	padding:0.2em 1em;
	width: 13em;
	color:#333;
	background: transparent;
}
.MssMainMenu .level2 a.active
{
	font-weight:bold;
	color:#333;
	background: transparent;
}




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

.MssMainMenu li.level1 ul
{
  /* dont edit unless really needed - position of elements */
	top:100%;
	left:0;
	z-index:300;
	margin-top:1px;
	/* for edit everytime */
	padding-top:2px;
	padding-bottom:5px;
	background-color: #fff; 
	border-color: #FCE016;
}

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

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



/*----------- Box level 3, 4, 5, etc -------------*/

.MssMainMenu li.level2 ul
{
  /* dont edit unless really needed - position of elements */
	top:-3px;
	left:15.1em;
	padding-top:1px;
	padding-bottom:4px;
	border-style: solid;
	border-width: 1px;

}

.MssMainMenu li.level2 > ul
{
  /* dont edit unless really needed - position of elements */
	top:-3px;
	left:15em;
	padding-top:1px;
	padding-bottom:5px;
}

.MssMainMenu li.level3 > ul,
.MssMainMenu li.level4 > ul,
.MssMainMenu li.level5 > ul,
.MssMainMenu li.level6 > ul
{
  /* dont edit unless really needed - position of elements */
	left:15em;
	padding-bottom:5px;
}


/** Support for the "iehover dropdown-Select problem" **/
.MssMainMenu .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*/
}