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

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

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


.MssSubMenu a.active, .MssSubMenu a.ancestor
{
  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: 8px;
}

.MssSubMenu ul.level2
{
  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(/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(/MSS/WebEngine/Images/Buttons/level1_selected.gif)}
.MssSubMenu li.level1 a.ancestor {background-image: url(/MSS/WebEngine/Images/Buttons/level1_selected.gif)}

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

.MssSubMenu li.level3 a 
{
  background-image: url(/MSS/WebEngine/Images/Buttons/level3.gif);
  background-position: 4px 4px;
}
.MssSubMenu li.level3 a.active {background-image: url(/MSS/WebEngine/Images/Buttons/level3_selected.gif)}
.MssSubMenu li.level3 a.ancestor {background-image: none}

.MssSubMenu li.level4 a 
{
  background-image: url(/MSS/WebEngine/Images/Buttons/level4.gif);
  background-position: 4px 5px;
}
.MssSubMenu li.level4 a.active {background-image: url(/MSS/WebEngine/Images/Buttons/level4_selected.gif)}
.MssSubMenu li.level4 a.ancestor {background-image: none}
.MssSubMenu li.level5 a {background-image: url(/MSS/WebEngine/Images/Buttons/level4.gif)}
.MssSubMenu li.level5 a.active {background-image: url(/MSS/WebEngine/Images/Buttons/level4_selected.gif)}
.MssSubMenu li.level5 a.ancestor {background-image: none}
.MssSubMenu li.level6 a {background-image: url(/MSS/WebEngine/Images/Buttons/level4.gif)}
.MssSubMenu li.level6 a.active {background-image: url(/MSS/WebEngine/Images/Buttons/level4_selected.gif)}
.MssSubMenu li.level6 a.ancestor {background-image: none}