﻿/* Root = Horizontal, Secondary = Vertical */
#myslidemenu ul#navmenu {
  margin: 0;
  border: 0 none;
  padding: 0;
  background:transparent;
  width: auto; /*For KHTML*/
  list-style: none;
  height: 30px; 
}

#myslidemenu ul#navmenu li 
{
  z-index:99;
  display:inline;
  float:left;  
  margin:auto;
  border:0px none;
  padding: 0;
   /*For Gecko*/  
  list-style: none;
  position: relative;  
  height: 28px; 
}

#myslidemenu ul#navmenu li img
{
    position:absolute;
    z-index:999999;
    top:0px;
    left:0px;
    padding : 0;
    width:16px;
    height:16px;
    float:none !important;
    margin-top:3px;  
    margin-right:3px;  
    margin-left:5px; 
}


#myslidemenu ul#navmenu ul {
  margin:auto;
  border: 0 none;
  padding: 0;
  width: 240px;
  list-style: none;
  display: none;
  position: absolute;
  left: 0;
  text-align:left;
}

#myslidemenu ul#navmenu ul li {
  float: none; /*For Gecko*/
  display: block !important;
  display: inline; /*For IE*/  
}

/* Root Menu */
#myslidemenu ul#navmenu a  
{
  padding-right:15px;
  padding-left:10px;  
  padding-top:5px;
  padding-bottom:3px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  font-weight:bold;
  background: transparent;
  color: #f3f3f3;   
  text-decoration: none;
  height: auto !important;
  height: 100%; /*For IE*/ 
}

/* Root Menu Hover Persistence */
#myslidemenu ul#navmenu a:hover,
#myslidemenu ul#navmenu li:hover a,
#myslidemenu ul#navmenu li.iehover a   
{
  background:url(../../Uploads/New/doc-bg.jpg) repeat-x scroll 0 0 transparent;
  color: White;
  opacity:1;
}

.hover2
{
    background:url(../../Uploads/New/doc-bg.jpg) repeat-x scroll 0 0 transparent !important;
}

/* 2nd Menu */
#myslidemenu ul#navmenu li:hover li a,
#myslidemenu ul#navmenu li.iehover li a {
  float: none;
  color: #666;
  padding-left:20px;
  padding-right:20px;
  background: #f4f5f6; 
  border:1px solid #ececec;
  box-shadow: -3px 5px 5px #CCCCCC;
  -moz-box-shadow: -3px 5px 5px #CCCCCC;
  -webkit-box-shadow: -3px 5px 5px #CCCCCC;
   opacity:1;
}

/* 2nd Menu Hover Persistence */
#myslidemenu ul#navmenu li:hover li a:hover,
#myslidemenu ul#navmenu li:hover li:hover a,
#myslidemenu ul#navmenu li.iehover li a:hover,
#myslidemenu ul#navmenu li.iehover li.iehover a {
  background: #f4f5f6;
  color: #dd4b39; 
  box-shadow: -3px 5px 5px #CCCCCC;
  -moz-box-shadow: -3px 5px 5px #CCCCCC;
  -webkit-box-shadow: -3px 5px 5px #CCCCCC;
   opacity:1;   
}

/* 3rd Menu */
#myslidemenu ul#navmenu li:hover li:hover li a,
#myslidemenu ul#navmenu li.iehover li.iehover li a { 
  color: #666; 
  background: #f4f5f6; 
  border:1px solid #ececec;
  box-shadow: -3px 5px 5px #CCCCCC;
  -moz-box-shadow: -3px 5px 5px #CCCCCC;
  -webkit-box-shadow: -3px 5px 5px #CCCCCC;
  opacity:1;
}

/* 3rd Menu Hover Persistence */
#myslidemenu ul#navmenu li:hover li:hover li a:hover,
#myslidemenu ul#navmenu li:hover li:hover li:hover a,
#myslidemenu ul#navmenu li.iehover li.iehover li a:hover,
#myslidemenu ul#navmenu li.iehover li.iehover li.iehover a {
  background: #f4f5f6;
  color: #dd4b39; 
  box-shadow: -3px 5px 5px #CCCCCC;
  -moz-box-shadow: -3px 5px 5px #CCCCCC;
  -webkit-box-shadow: -3px 5px 5px #CCCCCC;
   opacity:1;
}

/* 4th Menu */
#myslidemenu ul#navmenu li:hover li:hover li:hover li a,
#myslidemenu ul#navmenu li.iehover li.iehover li.iehover li a {
  background: #f4f5f6; 
  border:1px solid #ececec;
  color: #666;
  box-shadow: -3px 5px 5px #CCCCCC;
  -moz-box-shadow: -3px 5px 5px #CCCCCC;
  -webkit-box-shadow: -3px 5px 5px #CCCCCC;
   opacity:1;
}

/* 4th Menu Hover */
#myslidemenu ul#navmenu li:hover li:hover li:hover li a:hover,
#myslidemenu ul#navmenu li.iehover li.iehover li.iehover li a:hover {
  background: #f4f5f6;
  color: #dd4b39; 
  box-shadow: -3px 5px 5px #CCCCCC;
  -moz-box-shadow: -3px 5px 5px #CCCCCC;
  -webkit-box-shadow: -3px 5px 5px #CCCCCC;
   opacity:1;
}

#myslidemenu ul#navmenu ul ul,
#myslidemenu ul#navmenu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 240px; 
}

/* Do Not Move - Must Come Before display:block for Gecko */
#myslidemenu ul#navmenu li:hover ul ul,
#myslidemenu ul#navmenu li:hover ul ul ul,
#myslidemenu ul#navmenu li.iehover ul ul,
#myslidemenu ul#navmenu li.iehover ul ul ul {
  display: none; 
}

#myslidemenu ul#navmenu li:hover ul,
#myslidemenu ul#navmenu ul li:hover ul,
#myslidemenu ul#navmenu ul ul li:hover ul,
#myslidemenu ul#navmenu li.iehover ul,
#myslidemenu ul#navmenu ul li.iehover ul,
#myslidemenu ul#navmenu ul ul li.iehover ul {
  display: block; 
}
