/*
  Menu Stylesheet. E.F. de Moor, nov  2004
/* In general, these files should be structured as follows:             */
/*                                                                      */
/* Definitions for supported browsers                                   */
/*  - Absolute position and general settings of the entire menu         */
/*  - Relative position and general settings of menu items              */
/*  - Relative position of submenus                                     */
/*  - Appearance of level1 (and further) menu items, normal state       */
/*  - Appearance of level1 menu items, special states,                  */
/*    (order of importance, most important definition should be last)   */
/*  - Overrule appearance of level 2 menu items, normal state           */
/*  - Appearance of level2 menu items, special states,                  */
/*    (order of importance, most important definition should be last)   */
/*  - Overrules of specific menu items, with #id indication             */
/*                                                                      */
/* Definitions for unsupported browsers                                 */
/*  - Position for the entire menu                                      */
/*  - Relative position and general settings of submenus                */
/*  - Position and general settings of level 1 menu items               */
/*  - Overrule position and general settings of level 2 items           */
/*  - Appearance the link within each menu item                         */
/*  - Appearance of hover link within each menu item                    */
/*  - Overrule appearance of level 2 links                              */
/*  - Overrule appearance of level 2 hover                              */
/*                                                                      */
/* The following states are valid:                                      */
/*  .layer1    : The first (often only) text layer of an item           */
/*  .layer2    : (etc.) if defined by javascript: additional layers     */
/*  .level1    : First level items. Note that definitions apply to      */
/*               further levels too, unless they are overruled.         */
/*  .level2    : (etc.) submenu items                                   */
/*  .level1_sub: (etc.) Positioning of the submenu (below level 1)      */
/*  .parent    : The item has children                                  */
/*  .expanded  : The item has children, that are currently visible.     */
/*               Either the parent, or one of the children is selected. */
/*  .selected  : The item is the currently selected (active) one.       */
/*  .first     : The item is the first child (first item of this level) */
/*  .last      : The item is the last child (last item of this level)   */
/*  .nolink    : The item has no associated link                        */
/*               (not clickable, but can have sub items)                */
/*  :hover     : over state                                             */
/*                                                                      */
/* If level2 items (sub,etc) are defined, all previous levels should    */
/* be mentioned in the definitions too, or IE will apply the styles     */
/* wrongly. Example:                                                    */
/* .m1 .level1 .level2 .layer1 {...}                                    */
/*                                                                      */
/* Definitions may combine several states, to be more specific.         */
/* Example:                                                             */
/* .m1 .level1 .level2 .layer1 {...} (appearance of normal level2 items */
/* .m1 .level1.selected .level2 .layer1 (overrule if parent is selected */
/* .m1 .level1 .level2.selected .layer1 (overrule if I'm selected)      */
/*                                                                      */
/* NOTE: Later definitions overrule earlier definitions                 */
/* So if expanded is defined after selected, the expanded state has     */
/* preceedence. For IE this doesn't apply to the :hover subclass,       */
/* that can only be overruled by specific hover states (sigh!)          */
/*                                                                      */
/* Okee, let's start                                                    */

/* Definitions for supported browsers   */

.m1{                         /* Definition for firstly defined menu */
  background-color:transparent;   /* background of entire menu (prevent wiping out the background!) */
  position:relative;
  top: 10px;
  left:10px;
  margin:0px;
  padding:0px;
  z-index:10;
  font-family: Verdana, Helvetica, sans-serif;
}


/* Positioning individual menu items */
.m1 .level1 {
  list-style-type:none;           /* Remove any list type dots */
  margin:0px;                       /* Make sure the positioning is properly (remove any margins and padding) */
  padding:0;
}

/* Positioning menu items level 2 and further */
.m1 .level1 .level2 {
  float:none;                     /* Levels 2 and further should be displayed below each other (neutralise level 1 definition) */
  margin:0px;
}

/* Positioning level1 submenus */

.m1 .level1_sub {				  
  /* position:absolute; */        /* Make this a popup menu */
  position:relative;              /* Make this a folding menu */
  left:20px;                      /* offset from parent item */
  z-index:40;
  width:181px;                    /* Make sure IE7 doesn't clip the level4 items */
}

.m1 .level2_sub {				  
  /* position:absolute; */        /* Make this a popup menu */
  position:relative;              /* Make this a folding menu */
  left:8px;                      /* offset from parent item */
  z-index:40;
  width:171px;                    /* Make sure IE7 doesn't clip the level4 items */
}

/* General settings of level 1 menu items (and further, unless overruled) */

/* All Levels: */
.m1 .layer1 {                   	/* all levels, all states */
  margin:0px;
}

/* Level 1 items (and further), all states */
.m1 .level1 .layer1 {
  display: block;                  /* Make sure the entire bounding box is displayed */
  color: #000066;                    /* background of entire menu (prevent wiping out the background!) */
  width: 150px;                    /* Width exclusive of padding and border */
  height: 15px;                    /* Height exclusive of padding and border */
  padding-left: 20px;              /* room around the text*/
  margin-top: 4px;                 /* Push the item down */
  background-image: url(images/bullet.gif);
  background-repeat: no-repeat;
}

/* Selected state of level1 and further */
.m1 .selected .layer1{				/* Overrule selected state */
  color:#0000CC;
 }
 
/* Appearance of level 2 menu items (and further, unless overruled) */

/* First (and only) layer of level 2. */
.m1 .level1 .level2 .layer1 {
  padding: 2px;                   /* room around the text*/
  display: block;                 /* Make sure the entire bounding box is displayed */
  color: #000066;                 /* background of entire menu (prevent wiping out the background!) */
  width: 134px;                   /* Width exclusive of padding and border */
  height: 12px;                   /* Width exclusive of padding and border */
  font-size: 11px;                /* and a smaller font */
  padding-left: 8px;              /* room around the text*/
  background-image: url(images/bullet2.gif);
  background-repeat: no-repeat;
  background-position: 0px 6px;
}

/* Level 2 selected state. Overrules previous :hover in all browsers except IE */
.m1 .level1 .level2.selected .layer1{
  color:#0000CC;
}

/* The actual menu item (Level 3, all states) */
.m1 .level1 .level2 .level3 .layer1 {
  display:block;                  /* Make sure the entire bounding box is displayed */
  width:120px;                    /* Width exclusive of padding and border */ 
  height:14px;                    /* Height exclusive of padding and border */
  padding-top:2px;                /* room around the text*/
  opacity:0.85;                   /* Make it partly transparent */
  filter:alpha(opacity=85);       /* Opacity for IE */
  font-size:11px;                  /* and a smaller font */
  color:#003366;
}

.m1 .level1 .level2 .level3.selected .layer1 {
  display:block;                  /* Make sure the entire bounding box is displayed */
  width:120px;                    /* Width exclusive of padding and border */ 
  height:14px;                    /* Height exclusive of padding and border */
  padding-top:2px;                /* room around the text*/
  opacity:0.85;                   /* Make it partly transparent */
  filter:alpha(opacity=85);       /* Opacity for IE */
  font-size:11px;                 /* and a smaller font */
  color:#003366;
}

/* The actual menu item (Level 4, all states) */
.m1 .level1 .level2 .level3 .level4 .layer1 {
  display:block;                  /* Make sure the entire bounding box is displayed */
  width:110px;                    /* Width exclusive of padding and border */ 
  height:14px;                    /* Height exclusive of padding and border */
  padding-top:2px;                /* room around the text*/
  padding-left: 20px;             /* room around the text*/
  opacity:0.85;                   /* Make it partly transparent */
  filter:alpha(opacity=85);       /* Opacity for IE */
  font-size:10px;                 /* and a smaller font */
  color:#003366;
  background-position: 10px 6px;
}

.m1 .level1 .level2 .level3 .level4.selected .layer1 {
  display:block;                  /* Make sure the entire bounding box is displayed */
  width:110px;                    /* Width exclusive of padding and border */ 
  height:14px;                    /* Height exclusive of padding and border */
  padding-top:2px;                /* room around the text*/
  padding-left: 20px;             /* room around the text*/
  opacity:0.85;                   /* Make it partly transparent */
  filter:alpha(opacity=85);       /* Opacity for IE */
  font-size:10px;                 /* and a smaller font */
  color:#003366;
  background-position: 10px 6px;
}

/* Definitions for unsupported browsers   */

/* Position for the entire menu at unsupported browsers   */
.menu {
  position:absolute;              /* Place the entire menu at an absolute position   */
  font-family: Verdan, Arial,Sans-serif;   /* The default font for the menu   */
  padding:0px;
  color:#003366;
  margin-left:25px;
 
}

/* Relative position of submenu's   */
.menu ul {
  padding:0px;
  margin:0px;
  
}

/* General appearance of menu items (especially level 1)   */
.menu li {                        /* Note: Don't define any padding or margin, or NS4 will break  */
  list-style-type:none;           /* Remove any list type dots.   */
  margin-top:15px;
  padding-top:8px;
  font-size:11px;
  
}

/* Overrule appearance of level 2 and further   */
.menu li li {                   /* Note: Don't define any padding or margin, or NS4 will break  */
  font-size:10px;
  font-style:italic;
  margin-top:7px;
}

/* Appearance the link within each menu item   */
.menu a {
  white-space:nowrap;
}