/*
  Menu Stylesheet. E.F. de Moor, nov  1204
  Naming conventions: top level = level 1

  Any menu is built as an unordered list with links.
  The behaviour and appearance of the menu is regulated in a stylesheet.
  Tags are used for the following purposes:

  UL : Group the menu items of a menu (level)
       The entire (sub) menu can be hidden by hiding the UL tag
  LI : A single list item.
       If it has a submenu, its surrounding UL tag must be witin the LI
       After processing the tree, The items derived from LI triggers it's submenu (from UL)
       to be displayed or hidden.
       The stylesheet may do some tweaking with the position, e.g. place it over the border of the previous item
  A  : The link, used for rendering the actual menu item.
  Tags are defined in a style sheet.

  Behaviour of these menus is defined by the position attribute of the _sub class
  If UL is defined as:
    fixed     : The submenu is positioned independently of the parent item
    relative  : The submenu is rendered as a folding menu (between the list)
    absolute  : The submenu is rendered as a popup menu (above the list)
*/

/* Definitions for unsupported browsers   */

.m1{                         /* Definition for secondly defined menu */
  background-color:transparent;   /* background of entire menu (prevent wiping out the background!) */
  position:relative;              /* Place the entire menu at an absolute position */
  top:0px;
  left:0px;
  width: 963px;
  margin:0px;
  padding:0px;
  z-index:10;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;                 /* and a smaller font */
}

/* Positioning individual menu items */
.m1 .level1 {
  margin:0px;                       /* Make sure the positioning is properly (remove any margins and padding) */
  padding:0;
  float:left;
}

/* Positioning menu items level 2 and further */
.m1 .level2 {
  margin:0px;
  padding:0px;
  float:none;
}

/* Positioning submenus */

.m1 .level1_sub{
  position:absolute;              /* Make this a folding menu */
  top: 15px;
  padding:0px;
  z-index:50;
  background-color: #FFFFFF;
  border: 1px solid #000000;
}

.m1 .level2_sub{
  position:absolute;              /* Make this a folding menu */
  left:142px;
  margin-top: -23px;
  z-index:70;
  background-color: #FFFFFF;
  border: 1px solid #000000;
}
.m1 .level3_sub{
  position:absolute;              /* Make this a popup menu */
  z-index:90;
  left: 142px; 
  top: 0px;
  z-index:60;
  background-color: #FFFFFF;
  border: 1px solid #000000;
}


/* Appearance of the menu items */

/* The actual menu item (Level 1, all states) */
.m1 .layer1 {
  padding-bottom: 2px;
  margin-right:3px;
  padding-left: 7px;
  padding-right: 7px;
  border-right: solid 1px #042D56;
  color: #042D56;
  text-align:left;
  text-decoration: none;
}

.m1 .last .layer1 {
  border-right: none;
}

.m1 .expanded .layer1{
  color: #FFFFFF;
  text-decoration: none;
}

.m1 .selected .layer1{
  color: #FFFFFF;
  text-decoration: none;
}

.m1 .layer1:hover {
  color: #FFFFFF;
  text-decoration: none;
}

.m1 .level1 .level2 .layer1 {
  width: 125px;                    /* Width exclusive of padding and border */
  height: 16px;                    /* Width exclusive of padding and border */
  border-right: 0px;
  padding-left: 5px;
  font-size: 11px;                 /* and a smaller font */
  text-decoration: none;           /* Remove the link underline */
  color: #000000;
  border: 1px solid #FFFFFF;
  margin: 1px;
}


.m1  .level1 .level2 .layer1:hover {
  border: 1px solid #9F9F9F;
  background-color: #FFE6E6;
}

/* The actual menu item (Level 3, all states) */
.m1 .level1 .level2 .level3 .layer1 {
  display:block;                  /* Make sure the entire bounding box is displayed */
  text-decoration:none;           /* Remove the link underline */
  background-image: none;
}