/*----------------------------------------------------------------------------------------
CONNUSSSA CSS file
Created 11-14-2006 by John Gasparini (webmaster at connusssa dot com)
For modern browsers
----------------------------------------------------------------------------------------*/

#menu-bar {
  width: 620px;
  border-style: solid;
  border-width: 0px 1px 0px 1px;
  border-color: #ccc;
  padding: 0px 0px;
  margin: 0px;
  height: 22px;
  position: relative;
  background: #D6D6D6;
  z-index: 2;
}

#menu {
  list-style-type: none;
  margin: 0 0 0 0;
  padding: 0;
}

#menu li {
  float: left;
  padding: 0;
  margin: 0 0 0 0;
  position: relative;
  width: 120px;
  height: 1px;
  z-index: 100;
}

#menu li dl {
  position: absolute;
  top: 1px;
  left: 2px;
}
#menu li a,
#menu li a:visited {
  text-decoration: none;
}
#menu li dd {
  display:none;
}
#menu li:hover,
#menu li a:hover {
  border: 0;
}
#menu li:hover dd,
#menu li a:hover dd {
  display: block;
}
#menu li:hover dl,
#menu li a:hover dl {
  padding-bottom: 0px;
}
#menu table {
  border-collapse: collapse;
  padding: 0;
  margin: -1px;
  font-size: 1em;
}

#menu dl {
  width: 120px;
  margin: 0;
  padding: 0;
  background: transparent;
  text-align: center;
  cursor: pointer;
}

#menu dt {
  margin: 0;
  padding: 0px;
  height: 21px;
  font-size: .8em;
  color: #fff;
  background: #b2ab9b url(../images/nav/top.gif) no-repeat top left;
}

#menu .wide dd {
  width: 225px;
}

#menu dd {
  margin: 0;
  padding: 0;
  color: #fff;
  font-size: .8em;
  background: #47a;
  text-align:left;
}

#menu dd.last {
  border-bottom: 1px solid #444;
  width: 135px;
}

#menu .wide dd.last {
  width: 225px;
}

.menu-cat dt a,
.menu-cat dt a:visited {
  display:block;
  color:#444;
}

.menu-cat dd a,
.menu-cat dd a:visited {
  color: #fff;
  text-decoration: none;
  display: block;
  padding: 4px 5px 4px 20px;
  background: #47a none no-repeat 10px 10px;
  width: 110px;
}

.menu-cat dd a:hover {
  background: #258 none no-repeat 10px 11px;
  color: #9cf;
}

#menu .wide dd a,
#menu .wide dd a:visited {
  width: 200px;
}

#homeBody #menu dt.home,
#infoBody #menu dt.info,
#extrBody #menu dt.extr,
#leagBody #menu dt.leag,
#tourBody #menu dt.tour {
  background-color: #FFFFFF;
}