/*
  
  Script-Free 3-Level Menu 1.3.4
  www.CesarDaniel.info/Tech/ScriptFree3LevelMenu.html
  
  ...............................................................................................
  
  Sections
  
  * Reset
  * Menu Bar
  * Drop-Down Menus
  * Side Menus
  * Browser Specific
  * Default Colors (Required)
  
*/
/*---------------------------------------------------------------------------------------- Reset */
div.MenuBar,
div.MenuBar ul,
div.MenuBar li,
div.MenuBar a,
div.MenuBar table,
div.MenuBar span {
  margin: 0;
  border: 0;
  padding: 0;
  z-index: 5;  /* 255;. */
}
div.MenuBar ul li ul.DropDownMenu {
  display: none; /* Hides all drop-down menus. */
}
/*
li:hover works in IE7 and FF2.
a:hover works in IE6 and FF2.
a:hover breaks li:hover in FF2.
*/
div.MenuBar ul li:hover ul.DropDownMenu li ul.SideMenu,
div.MenuBar ul li a:hover ul.DropDownMenu li a ul.SideMenu {
  display: none; /* Hides all side menus. */
}
/*------------------------------------------------------------------------------------- Menu Bar */
div.MenuBar {
  height: 22px; /* Total height 27px. */

}

div.MenuBar ul li {
  float: left;
  list-style-type: none !important;
  margin: 0 !important;
  position: relative; /* Sets the positioning context for each drop-down menu. */
}
div.MenuBar ul li a {
  display: block;
  height: 24px; /* Keep height + padding-top + padding-bottom sync with the menu bar height. 17px */
  padding-top: 4px;  /* Keep height + padding-top + padding-bottom sync with the menu bar height. 17px */
  padding-bottom: 4px;
  padding-left: 1em; /* Sets the left space between top-level items. */
  padding-right: 1em; /* Sets the right space between top-level items. */
  text-decoration: none !important;
}
/*------------------------------------------------------------------------------ Drop-Down Menus */
div.MenuBar ul li:hover ul.DropDownMenu,
div.MenuBar ul li a:hover ul.DropDownMenu {
  display: block;
  width: 13em; /* Drop-down menu width.
                  Use MenuTailor.css to customize. */
  padding: 1px; /* Sets the drop-down menu "effective border" width. */
  position: absolute;
  top: 25px; /* Places the drop-down menu under the menu bar.
                Keep it sync with the menu bar height. */
  left: 0; /* Aligns the drop-down menu to its top-level item. */
}
div.MenuBar ul li:hover ul.DropDownMenu li a,
div.MenuBar ul li a:hover ul.DropDownMenu li a {
  width: 13em; /* Keep it sync with the drop-down menu width.
                  Use MenuTailor.css to customize. */
  padding-left: 0;
  padding-right: 0;
}
ul.DropDownMenu li a span {
  display: block;
  padding-left: 0.75em; /* Sets the left space of each drop-down menu item. */
  padding-right: 0.25em; /* Sets the right space of each drop-down menu item. */
  text-align: right; /* Aligns the >> symbol to the right. */
}
ul.DropDownMenu li a span span {
  float: left; /* Aligns the text (back) to the left. */
}
/*----------------------------------------------------------------------------------- Side Menus */
div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu,
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu {
  display: block;
  width: 11em; /* Side menu width.
                  Use MenuTailor.css to customize. */
  padding: 1px; /* Sets the side menu "effective border" width. */
  position: absolute;
  top: -1px; /* Aligns the side menu to its drop-down menu item.
                Keep it sync with the side menu "effective border" width. */
  left: 13em; /* Places the side menu to the right of the drop-down menu.
                 Keep it sync with the drop-down menu width.
                 Use MenuTailor.css to customize. */
}
div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a,
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a {
  width: 11em; /* Keep it sync with the side menu width.
                  Use MenuTailor.css to customize. */
}
div.MenuBar ul li ul.DropDownMenu li ul.SideMenu li a span {
  padding-left: 1.5em; /* Sets the left space of each side menu item. */
  padding-right: 0.5em; /* Sets the right space of each side menu item. */
  text-align: left;
}
/*----------------------------------------------------------------------------- Browser Specific */
* html div.MenuBar {
  position: relative; /* For IE55 and IE6.
                         Hidden (* html) from non-IE browsers. */
}
* html div.MenuBar ul li a {
  float: left; /* For IE55 and IE6.
                  Breaks O9.
                  Hidden (* html) from non-IE browsers. */
}
* html ul.DropDownMenu li a:hover {
  cursor: hand; /* For IE55.
                   Hidden (* html) from non-IE browsers. */
}
ul.DropDownMenu li a:hover {
  cursor: pointer; /* For IE6 and IE7.
                      Hidding it (* html) from non-IE browsers breaks IE7! */
}
* html div.MenuBar a:hover {
  text-decoration: none; /* For IE55 and IE6.
                            Hidden (* html) from non-IE browsers. */
}
* html div.MenuBar ul li table,
* html div.MenuBar ul li table td {
  border: 0; /* For IE55 and IE6.
                Hidden (* html) from non-IE browsers. */
}
/*------------------------------------------------------------------------------- Default Colors */
div.MenuBar {
  background-color:  Menu;      Menu;  */
  border-color: ButtonShadow; /* Top-level unselected items. */
}
div.MenuBar a {
  background-color: #fff /*Menu; Top-level unselected items. */
  color: MenuText;
}
div.MenuBar ul li:hover a,
div.MenuBar ul li a:hover {
  background-color: Highlight; /* Top-level selected item. */
  color: HighlightText;
}
/*...............................................................................................*/
div.MenuBar ul li:hover ul.DropDownMenu,
div.MenuBar ul li a:hover ul.DropDownMenu {
  background-color: ButtonShadow; /* Sets the drop-down menu "effective border" color. */
}
div.MenuBar ul li:hover ul.DropDownMenu li a,
div.MenuBar ul li a:hover ul.DropDownMenu li a {
  background-color: Menu; /* Drop-down menu unselected items.
                             Sets the drop-down menu "effective background" color. */
  color: MenuText;
}
div.MenuBar ul li:hover ul.DropDownMenu li:hover a,
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover {
  background-color: Highlight; /* Drop-down menu selected item. */
  color: HighlightText;
}
/*...............................................................................................*/
div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu,
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu {
  background-color: ButtonShadow; /* Sets the side menu "effective border" color. */
}
div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a,
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a {
  background-color: Menu; /* Side menu unselected items.
                             Sets the side menu "effective background" color. */
  color: MenuText;
}
div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a:hover,
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a:hover {
  background-color: Highlight; /* Side menu selected item. */
  color: HighlightText;
}



  ...............................................................................................

  Sections

  * General
  * Colors
  * Widths

*/
/*-------------------------------------------------------------------------------------- General */
div.MenuBar#ExampleMb {
  font: 13px arial, helvetica, clean, sans-serif;
  width: 916px; /* Total width 512px. AB was 510px*/
  border-width: 1px;
  border-style: solid;
}
div.MenuBar#ExampleMb ul {
  font: 13px arial, helvetica, clean, sans-serif; /* For IE55. */
}
/*--------------------------------------------------------------------------------------- Colors */
div.MenuBar#ExampleMb {
  background-color: Menu;                  /* Menu; For Menu; */
  border-color: ButtonShadow;              /* For ButtonShadow; */
}
div.MenuBar#ExampleMb a,
div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu li a,
div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu li a,
div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a,
div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a {
  background-color: #000  /Menu; *Unselected items. */
  color: MenuText;  #000  /*            MenuText;           */
}
div.MenuBar#ExampleMb ul li:hover a,
div.MenuBar#ExampleMb ul li a:hover,
div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu li:hover a,
div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu li a:hover,
div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a:hover,
div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a:hover {
  background-color: #ccc; /*Selected item. */     /* Highlight; */
  color: #000;                                 /* HighlightText; AB text color */
}
div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu,
div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu,
div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu li:hover ul.SideMenu,
div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu {
  background-color: ButtonShadow; /* Sets the drop-down and side menus "effective border" color. */
}
/*--------------------------------------------------------------------------------------- Widths */
div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu#Ddm1,
div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu#Ddm1,
div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu#Ddm1 li a,
div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu#Ddm1 li a {
  width: 12em; /* Drop-down menu width. */
}
/*...............................................................................................*/
div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu#Ddm2,
div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu#Ddm2,
div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu#Ddm2 li a,
div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu#Ddm2 li a {
  width: 12em; /* Drop-down menu width. */
}
/*...............................................................................................*/
div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu#Ddm3,
div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu#Ddm3,
div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu#Ddm3 li a,
div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu#Ddm3 li a {
  width: 9em; /* Drop-down menu width. */
}
/*...............................................................................................*/
div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu li:hover ul.SideMenu#Sm11,
div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#Sm11 {
  left: 12em !important; /* Places the side menu to the right of the drop-down menu.
                            Keep it sync with the drop-down menu width. */
}
div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu li:hover ul.SideMenu#Sm11,
div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#Sm11,
div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu li:hover ul.SideMenu#Sm11 li a,
div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#Sm11 li a {
  width: 9em; /* Side menu width. */
}
/*...............................................................................................*/
div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu li:hover ul.SideMenu#Sm12,
div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#Sm12 {
  left: 12em !important; /* Places the side menu to the right of the drop-down menu.
                            Keep it sync with the drop-down menu width. */
}
div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu li:hover ul.SideMenu#Sm12,
div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#Sm12,
div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu li:hover ul.SideMenu#Sm12 li a,
div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#Sm12 li a {
  width: 9em; /* Side menu width. */
}
/*...............................................................................................*/
div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu li:hover ul.SideMenu#Sm13,
div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#Sm13 {
  left: 12em !important; /* Places the side menu to the right of the drop-down menu.
                            Keep it sync with the drop-down menu width. */
}
div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu li:hover ul.SideMenu#Sm13,
div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#Sm13,
div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu li:hover ul.SideMenu#Sm13 li a,
div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#Sm13 li a {
  width: 9em; /* Side menu width. */
}
/*...............................................................................................*/
div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu li:hover ul.SideMenu#Sm23,
div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#Sm23 {
  left: 12em !important; /* Places the side menu to the right of the drop-down menu.
                            Keep it sync with the drop-down menu width. */
}
div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu li:hover ul.SideMenu#Sm23,
div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#Sm23,
div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu li:hover ul.SideMenu#Sm23 li a,
div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#Sm23 li a {
  width: 9em; /* Side menu width. */
}