Club Drupal

#menubar, /* for nice_menus, superfish */

#navigation,

#preview #preview-navigation {

  background: url('../images/black-menu.png') repeat center left;

  border-bottom-width: 0px;

  padding: 4px 4px 4px 8px;

}

#submenubar {

  padding: 2px 4px 2px 8px;

}

#navigation ul li,

#preview #preview-navigation ul li {

  border-right-color: #333;

}

#navigation ul li a,

#preview #preview-navigation ul li a {

  color: #ddd;

  font-weight: normal;

  font-size: small;

}

#navigation ul li a:hover,

#preview #preview-#navigation ul li a:hover {

  color: #fff;

  background-color: #444;

  text-decoration: none;

}

#navigation ul.main-menu li:hover,

#navigation ul.main-menu li a:hover {

  color: #fff;

  background-color: #444;

  background: #444;

  text-decoration: none;

}

#navigation ul li a:hover { /* needed for IE */

  color: #fff;

  background: #444;

  text-decoration: none;

}

/*--------------- superfish ----------------*/

#menubar .sf-menu li a {

  background: #000 url('../images/black-menu.png') repeat center left;

  border-right-color: #333;

  color: #ddd;

  font-weight: normal;

}

#menubar .sf-menu li ul li a {

  background: #000;

}

#menubar .sf-menu li.last ul li a,

#menubar .sf-menu li ul li a,

#menubar .sf-menu li ul li.last a {

  border-color: #333;

  background-color: #000;

}

#menubar .sf-menu li a:hover,

#menubar .sf-menu li.last a:hover {

  color: #fff;

  text-decoration: none;

  background: #444;

}

#menubar .sf-menu ul {

  border-color: #333;

}

/*-------------- nice_menus -----------------*/

#menubar ul.nice-menu {

  z-index: 99; /* makes drop down menu item for the menubar comes front of sub menubar */

  background: url('../images/black-menu.png') repeat center left;

}

#menubar .nice-menu a,

#menubar .nice-menu a:active,

#menubar .nice-menu a:visited,

#menubar .nice-menu a:focus {

  color: #ddd;

}

#menubar .nice-menu a:hover {

  color: #fff;

  text-decoration: none;

}

#menubar ul.nice-menu li a {

  /* root menu items */

  background: url('../images/black-menu.png') repeat center left;

}

#menubar ul.nice-menu li ul li.menuparent a,

#menubar ul.nice-menu li ul li.menuparent a:hover,

#menubar ul.nice-menu li ul li.menuparent:hover,

#menubar ul.nice-menu li ul li.menuparent {

  /* drop down menu item that has child menu */

  background-image: url('../images/arrow-right-lite.png');

  background-repeat: no-repeat;

  background-position: 95%;

}

#menubar ul.nice-menu li ul li.menuparent li a {

  background-image: none; /* do not delete! */

}

#menubar ul.nice-menu li.menuparent li a {

  background-image: none; /* do not delete! */

  background-color: #000;

}

#menubar ul.nice-menu li.menuparent li {

  background-image: none; /* do not delete! */

  background-color: #000;

}

#menubar ul.nice-menu li ul li.menuparent li a:hover {

  background-image: none; /* do not delete! */

  background: #444;

}

#menubar ul.nice-menu li.menuparent {

  /* root menu item that has drop down menu */

  background: url('../images/black-menu.png') repeat center left;

}

#menubar ul.nice-menu li.menuparent a {

  /* root menu item that has drop down menu */

  background-image: url('../images/arrow-down-lite.png');

  background-repeat: no-repeat;

  background-position: 90%;

}

#menubar ul.nice-menu li a {

  /* root menu item that has no drop down menu */

  border-right-color: #333;

}

#menubar ul.nice-menu li.last ul li a,

#menubar ul.nice-menu li ul li a,

#menubar ul.nice-menu li ul li.last a {

  /* drop down menu items */

  border-color: #333;

  background: #000;

}

#menubar ul.nice-menu li a:hover,

#menubar ul.nice-menu li.menuparent a:hover {

  /* root menu item hover color */

  background: #444;

}

#menubar ul.nice-menu li.menuparent a:hover {

  /* root menu item that has drop down menu */

  background-image: url('../images/arrow-down-lite.png');

  background-repeat: no-repeat;

  background-position: 90%;

}

#menubar ul.nice-menu li.menuparent li a:hover {

  background-image: none;

}

#menubar ul.nice-menu li ul {

  border: solid 1px #333;

}