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
{
  font-weight : bold;
}

.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:500;
	margin-top:0px;
	/* 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;
}

/*----------- Sub menu -------------*/

.MssSubMenu
{
  /* for edit everytime */
  clear: both;
  font-size: 1em;
  font-weight: normal;
  /*line-height: 1.2em;*/
  background: transparent;
  margin: 16px 0px 24px 0px;
}
.MssSubMenu a
{
  /* for edit sometines. Still a common layout styling */
  display:inline-block;
  /* for edit everytime */
  text-decoration:none;
  color: #333;
  background: transparent;
}

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


.MssSubMenu a.active
{
  font-weight: bold;
}


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

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


/*----------- Indent -------------*/

.MssSubMenu li.level1
{
  padding-bottom: 5px;
}

.MssSubMenu li.level2
{
  padding-left: 20px;
}

.MssSubMenu li.level2 li
{
  padding-left: 13px;
}



/*----------- Icons -------------*/


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


.MssSubMenu li.level1 a 
{
  background-image: url('/sitecore modules/MSS/WebEngine/Images/Buttons/level1.gif');
  background-position: top left;
  background-repeat: no-repeat;
  padding:0px 10px 7px 19px;
}
.MssSubMenu li.level1 a.active {background-image: url('/sitecore modules/MSS/WebEngine/Images/Buttons/level1_selected.gif')}
.MssSubMenu li.level1 a.ancestor {background-image: url('/sitecore modules/MSS/WebEngine/Images/Buttons/level1_selected.gif')}

.MssSubMenu li.level2 a 
{
  background-image: url('/sitecore modules/MSS/WebEngine/Images/Buttons/level2.gif');
  background-position: 0px 4px;  
  padding:0px 10px 7px 19px;
}
.MssSubMenu li.level2 a.active {background-image: url('/sitecore modules/MSS/WebEngine/Images/Buttons/level2_selected.gif')}
.MssSubMenu li.level2 a.ancestor {background-image: none}

.MssSubMenu li.level3 a 
{
  background-image: url('/sitecore modules/MSS/WebEngine/Images/Buttons/level3.gif');
  background-position: top 4px;  
  padding:0px 10px 7px 19px;
}
.MssSubMenu li.level3 a.active {background-image: url('/sitecore modules/MSS/WebEngine/Images/Buttons/level3_selected.gif')}
.MssSubMenu li.level3 a.ancestor {background-image: none}

.MssSubMenu li.level4 a 
{
  background-image: url('/sitecore modules/MSS/WebEngine/Images/Buttons/level4.gif');
  background-position: top 4px;  
  padding:0px 10px 7px 19px;
}
.MssSubMenu li.level4 a.active {background-image: url('/sitecore modules/MSS/WebEngine/Images/Buttons/level4_selected.gif')}
.MssSubMenu li.level4 a.ancestor {background-image: none}
.MssSubMenu li.level5 a {background-image: url('/sitecore modules/MSS/WebEngine/Images/Buttons/level4.gif')}
.MssSubMenu li.level5 a.active {background-image: url('/sitecore modules/MSS/WebEngine/Images/Buttons/level4_selected.gif')}
.MssSubMenu li.level5 a.ancestor {background-image: none}
.MssSubMenu li.level6 a {background-image: url('/sitecore modules/MSS/WebEngine/Images/Buttons/level4.gif')}
.MssSubMenu li.level6 a.active {background-image: url('/sitecore modules/MSS/WebEngine/Images/Buttons/level4_selected.gif')}
.MssSubMenu li.level6 a.ancestor {background-image: none}

div.areaTopImage div.topimageName {font-size: 16px;color: rgb(250,20,20);}