/*********************************************************/
/* menu.css                                              */
/*********************************************************/

/*********************************************************/
/* menu DIV style settings                               */
/*********************************************************/
DIV#menu {
/*Border: 1px solid #FFF; /*debug border*/
Padding: 0;
margin: 0;
}

/* The menu bar */
DIV#menu UL {

Margin: 0;
padding: 0;
List-Style: none;
}

/* The menu items */
DIV#menu UL LI {
Display: inline;
Position: relative;
Z-Index: 100;
Margin: 0px -8px 0px 0px; /* left margin must be negative but why is unclear */
}

/* The submenu bar */
DIV#menu UL UL {
Margin-Left: 0;
Padding-Right: 0em;
Position: absolute;
Height: auto;
Top: 0px;
/*Left: 0.2em;*/
Border: 0;
Z-Index: 102; /* For Opera! */

}

/* The submenu items */
DIV#menu UL UL LI {
Display: Block;
/*Text-Transform: None;*/
/*Float: none; /* Voor IE!! */
White-Space: nowrap;
}

DIV#menu UL LI A,
DIV#menu UL LI SPAN {
Margin: 0px 2px 0px 2px;
Text-Decoration: None;
Font-Weight: Bold;
}

DIV#menu UL LI A:link, 
DIV#menu UL LI A:visited {
Color: #00B;
}

DIV#menu UL LI A.focus:link,
DIV#menu UL LI A.focus:visited,
DIV#menu UL LI A:hover,
DIV#menu UL LI A:active {
Color: #FFF; 
}

DIV#menu UL LI SPAN {
Color: #888;
}

/* Specificity rules for :hover on menu's */
DIV#menu UL UL,
DIV#menu LI:hover UL UL,
DIV#menu LI.hover UL UL { 
/* Value: 2 and 13 */
Display: none;
}

DIV#menu LI:hover UL,
DIV#menu LI.hover UL,
DIV#menu LI:hover LI:hover UL,
DIV#menu LI.hover LI.hover UL { 
/* Value: 12 and 23 */
Display: block;
}