/* Root = Horizontal, Secondary = Vertical */

ul#dsm {

  margin: 0;

  border: 0 none;

  padding: 0;

  width: 945px; /*For KHTML*/

  list-style: none;

  height: 24px;

}



ul#dsm li {

  margin: 0;

  border: 0 none;

  padding: 0;

  float: left; /*For Gecko*/

  display: inline;

  list-style: none;

  position: relative;

  height: 24px;
  width: auto;
}



ul#dsm ul {

  margin: 0;

  border: 0 none;

  padding: 0;

  width: 190px;

  list-style: none;

  display: none;

  position: absolute;

  top: 24px;

  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: 190px;

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

  display: block !important;

  display: inline; /*For IE*/

}



/* Root Menu */

ul#dsm a {

  border: 1px solid #ffffff;

  border-right-color: #ffffff;

  border-bottom-color: #ffffff;
  border-top-color: #5ec4cd;
  padding: 0 6px;

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

  float: left; /*For IE*/

  display: block;

  background: #b3c7e8;

  color: #000066;

  font: bold 12px/22px Verdana;

  text-decoration: none;

  height: auto !important;

  height: 1%; /*For IE*/
  width: auto;
}



/* Root Menu Hover Persistence */

ul#dsm a:hover,

ul#dsm li:hover a,

ul#dsm li.iehover a {

  background: #2C578F;

  color: #FFF;

}



/* Root Menu Hover Persistence */

ul#dsm a:hover.top,

ul#dsm li:hover a.top,

ul#dsm li.iehover a.top {

  background: #b3c7e8 url('arrow_h.gif') right 7px no-repeat;

  color: #FFF;

  padding-right:12px

}



ul#dsm a.top {

background: #b3c7e8 url('arrow_h.gif') right 7px no-repeat;

color: #000066;

padding-right:12px

}



/* 2nd Menu */

ul#dsm li:hover li a,

ul#dsm li.iehover li a {

 

  background: #5ec4cd;

  color: #ffffff;

}



/* 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: #2C578F;

  color: #FFF;

}



/* 3rd Menu */

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

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

  
  background: #5ec4cd;

  color: #ffffff;
}



/* 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: #2C578F;

  color: #FFF;

}



/* 4th Menu */

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

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

  background: #356AA0;

  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: #2C578F;

  color: #FFF;

}



ul#dsm ul ul,

ul#dsm ul ul ul {

  display: none;

  position: absolute;

  top: 0;

  left: 190px;

}



/* 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}