/* by default, don't show the bcui dropdown menu */
#bcuimenu {
  display: none;
  width: 100%;
}

#bcuimenu td {
  background: #336699;
  width: 100%;
}

/* align menu bar in mozilla  */
.dropdown > ul {
  margin-top: -3px;
}

/* default display of menu list */
.dropdown ul {
  background: #3399cc;
  padding: 0px;           /* stops the usual indent from ul */
  cursor: default;        /* gives an arrow cursor */
  margin-left: 0px;       /* Opera 7 final's margin and margin-box model cause
                             problems */ 
  z-index: 2;
  position: relative;     /* allows us to specify a z-index */
  margin: 1px;
}

/* default display of menu element */
.dropdown li {
  list-style-type: none;  /* removes the bullet points */
  margin: 0px;            /* Opera 7 puts large spacings between li elements */
  position: relative;     /* Makes the menu blocks be positioned relative to
			     their parent menu item. The lack of offset makes
			     these appear normal, but it will make a difference
                             to the absolutely positioned child blocks */
  color: #fff;            /* sets the default font colour to white */
  text-align: center;
  padding: 2px;
  font-size: 12px;
  line-height: 1.4em;     /* set to known height for later calculations */
}

/* default display of menu element links */
.dropdown li a,
.dropdown li a:visited {
  text-decoration: none;
  display: block;
  width: 100%;
  height: 100%;
  margin: -2px;      /* to cover the padding of the li */
  padding: 2px;
  color: #fff;
  font-weight: bold;
}

/* default display of hover elements */
.dropdown a:hover, 
.dropdown a:visited:hover {
  color: #B77723;
}

.dropdown li:hover,
.dropdown li.hover {
  color: #B77723;
}

/* display the first elements across the screen */
.dropdown li { 
  float: left; 
  font-weight: bold; 
  width: 8em;
}

/* second elements vertically */
.dropdown li li { 
  float: none; 
  text-align: left;
  font-weight: normal; 
  width: 12em; 
}
.dropdown li li a,
.dropdown li li a:visited { 
  font-weight: normal; 
}

.dropdown ul ul {
  border: 1px solid #000; /* puts a black border around the menu blocks */
  width: 12.4em;          /* sets the size of the menu blocks */
  visibility: hidden;     /* hides child menu blocks */
  position: absolute;     /* make child blocks hover without leaving space for
                            them */ 
  margin-top: 4px;        /* compensate for parent li padding */
  margin-left: -1px;
  top: 1.4em;             /* position slightly lower than parent menu item */
  left: 0px;              /* this must not be more than the width of the parent
			     block, or the mouse will have to move off the
			     element to move between blocks, and the menu will
                             close */ 
}

/* third level menus go to the right */
.dropdown ul ul ul {
   top: -1px;
   left: 12em;
   padding-bottom: 2px;
}
.dropdown li li li {
   text-align: center;
}

/*
 * IE doesn't support li:hover, or the > selector (which targets the child ul
 * only), so we use the behavior ie css style to link some javascript.
 */ 
.dropdown li:hover > ul {
  visibility: visible;         /* makes the child block visible */
}
.dropdown li { 

  /* 
   * more IE pain in the arse: this file has to be in each virtual domain 
   * because of cross-site scripting attacks
   */
  behavior: url(/IEmenu.htc);
}