/* Root = Horizontal, Secondary = Vertical */

ul#dsm {

  margin: 0;

  border: 0 none;

  padding: 0px 0px 0px 0px;

  width: 940px; /*For KHTML*/

  list-style: none;

  height: 24px;

}



ul#dsm li {

  margin: 0;

  border: 0 none;

  padding: 0px 0px 0px 0px;

  float: left; /*For Gecko*/

  display: inline;

  list-style: none;

  position: relative;

  height: 30px;
  
  z-index: 2;

}



ul#dsm ul {

  margin: 0;

  border: 0 none;

  padding: 0;

  width: 160px;

  list-style: none;

  display: none;

  position: absolute;

  top: 30px;

  left: 0;

}



ul#dsm ul:after /*From IE 7 lack of compliance*/{

  clear: both;

  display: block;

  font: 1px/0px serif;

  content: ".";

  height: 0;

  visibility: hidden;

}



ul#dsm ul li {

  width: 160px;

  float: left; /*For IE 7 lack of compliance*/

  display: block !important;

  display: inline; /*For IE*/

}



/* Root Menu */

ul#dsm a {

  border: 1px solid #85d616;

  border-right-color: #85d616;

  border-bottom-color: #85d616;

  padding: 0 8px;

  float: none !important; /*For Opera*/

  float: left; /*For IE*/

  display: block;

  background: #FFFFFF;

  color: #3b6116;

  font:8pt/28px Verdana, Arial, Helvetica, sans-serif;

  text-decoration: none;

  height: auto !important;

  height: 1%; /*For IE*/

}



/* Root Menu Hover Persistence */

ul#dsm a:hover,

ul#dsm li:hover a,

ul#dsm li.iehover a {

  background: #85d616;

  color: #FFFFFF;
 
}



/* Root Menu Hover Persistence */

ul#dsm a:hover.top,

ul#dsm li:hover a.top,

ul#dsm li.iehover a.top {

  background: #85d616;

  color: #FFFFFF;

  padding-right:12px

}



ul#dsm a.top {

background: #ffffff;

color: #3b6116;

padding-right:12px

}



/* 2nd Menu */

ul#dsm li:hover li a,

ul#dsm li.iehover li a {

  float: none;

  background: #FFFFFF;

  color: #3b6116;

}



/* 2nd Menu Hover Persistence */

ul#dsm li:hover li a:hover,

ul#dsm li:hover li:hover a,

ul#dsm li.iehover li a:hover,

ul#dsm li.iehover li.iehover a {

  background: #85d616;

  color: #FFFFFF;

}



/* 3rd Menu */

ul#dsm li:hover li:hover li a,

ul#dsm li.iehover li.iehover li a {

  background: #85d616;

  color: #ccc;

}



/* 3rd Menu Hover Persistence */

ul#dsm li:hover li:hover li a:hover,

ul#dsm li:hover li:hover li:hover a,

ul#dsm li.iehover li.iehover li a:hover,

ul#dsm li.iehover li.iehover li.iehover a {

  background: #85d616;

  color: #3b6116;

}



/* 4th Menu */

ul#dsm li:hover li:hover li:hover li a,

ul#dsm li.iehover li.iehover li.iehover li a {

  background: #85d616;

  color: #ccc;

}



/* 4th Menu Hover */

ul#dsm li:hover li:hover li:hover li a:hover,

ul#dsm li.iehover li.iehover li.iehover li a:hover {

  background: #85d616;

  color: #FFF;

}



ul#dsm ul ul,

ul#dsm ul ul ul {

  display: none;

  position: absolute;

  top: 0;

  left: 160px;

}



/* Do Not Move - Must Come Before display:block for Gecko */

ul#dsm li:hover ul ul,

ul#dsm li:hover ul ul ul,

ul#dsm li.iehover ul ul,

ul#dsm li.iehover ul ul ul {

  display: none;

}



ul#dsm li:hover ul,

ul#dsm ul li:hover ul,

ul#dsm ul ul li:hover ul,

ul#dsm li.iehover ul,

ul#dsm ul li.iehover ul,

ul#dsm ul ul li.iehover ul {

  display: block;

}

/* uncomment if using okto template or it's modifications */

#dsm {overflow:visible}


