/*Menu Bar styling classes*/
ul.MenuBarHorizontal{
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 100%;
  cursor: default;
  width: auto;
}
ul.MenuBarActive{
  z-index: 1000;
}
ul.MenuBarHorizontal li{
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #666666;
  position: relative;
  text-align: center;
  cursor: pointer;
  /*width: 9em;*/
  float: left;
}
ul.MenuBarHorizontal ul{
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 100%;
  z-index: 1020;
  cursor: default;
  width: 60px;
  position: absolute;
  left: 1000em;
}
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible{
  left: auto;
}
ul.MenuBarHorizontal ul li{
  width: 130px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  text-align: left;
  padding-left: 0px;
}
ul.MenuBarHorizontal ul ul{
  position: absolute;
  margin: -5% 0 0 95%;
}
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible{
  left: auto;
  top: 0;
}
ul.MenuBarHorizontal ul{
  border: 0px solid #CCC;
}
ul.MenuBarHorizontal a{
  display: block;
  cursor: pointer;
  background-color: #FFFFFF;
  padding-bottom: 20px;
  color: #666666;
  text-decoration: none;
}


ul.MenuBarHorizontal li ul li a{
  display: block;
  cursor: pointer;
  background-color: #FFFFFF;
  padding: 0px 0px;
  color: #666666;
  text-decoration: none;
}
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus{
  background-color: #FFFFFF;
  color: #FA8D00;
  font-weight: normal;
  text-decoration: none;
}
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible{
  background-color: #FFFFFF;
  color: #FA8D00;
  font-weight: normal;
  text-decoration: none;
}
ul.MenuBarHorizontal a.MenuBarItemSubmenu{
  /*background-image: url(SpryMenuBarDown.gif);*/
  background-repeat: no-repeat;
  background-position: 95% 50%;
}
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu{
  background-image: url(SpryMenuBarRight.gif);
  background-repeat: no-repeat;
  background-position: 95% 50%;
}
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover{
  /*background-image: url(SpryMenuBarDownHover.gif);*/
  background-repeat: no-repeat;
  background-position: 95% 50%;
}
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover{
  background-image: url(SpryMenuBarRightHover.gif);
  background-repeat: no-repeat;
  background-position: 95% 50%;
}
ul.MenuBarHorizontal iframe{
  position: absolute;
  z-index: 1010;
}
@media screen, projection{
  ul.MenuBarHorizontal li.MenuBarItemIE{
    display: inline;
    f\loat: left;
    background: #FFFFFF;
  }
}