/*
/*  menu.css
*/

#menu {
  font-family: "Lucida Grande", "Verdana", sans-serif;
  font-size: 11px;
  line-height: 17px;
  width: 100%; height: 40px;
  margin: 0;
  padding: 0;
  list-style: none;
}

#menu li.top {
  float: left;
  position: relative;
}

#menu .about      { width: 97px;  }
#menu .admissions { width: 95px;  }
#menu .academics  { width: 92px;  }
#menu .news       { width: 119px; }
#menu .alumni     { width: 68px;  }
#menu .athletics  { width: 78px;  }
#menu .fine-arts  { width: 77px;  }
#menu .support    { width: 100px; }
#menu .excellence { width: 154px; }
#menu .contact    { width: 80px;  }

#menu li.top a.top {
  display: block;
  width: 100%; height: 40px;
  text-indent: -9999px;
}

#menu li.top a.top:hover,
#menu li.top:hover a.top,
#menu li.hover a.top {
  background-position: 0 -40px;
}

#menu .about .top      { background: url("images/about.png");      }
#menu .admissions .top { background: url("images/admissions.png"); }
#menu .academics .top  { background: url("images/academics.png");  }
#menu .news .top       { background: url("images/news.png");       }
#menu .alumni .top     { background: url("images/alumni.png");     }
#menu .athletics .top  { background: url("images/athletics.png");  }
#menu .fine-arts .top  { background: url("images/fine-arts.png");  }
#menu .support .top    { background: url("images/support.png");    }
#menu .excellence .top { background: url("images/excellence.png"); }
#menu .contact .top    { background: url("images/contact.png");    }

#menu ul.sub {
  position: absolute;
  display: none;
  width: 180px;
  margin-left: -20px;
  padding: 0 20px 30px;
  list-style: none;
  background: url("images/sub.png") no-repeat 0 100%;
}

#menu li.top:hover ul.sub,
#menu li.hover ul.sub {
  display: block;
}

#menu ul.sub li a {
  display: block;
  color: #333;
  text-decoration: none;
  padding: 6px 10px;
  border-bottom: 1px solid #ccc;
  background: #fff url("images/a.png") repeat-x 0 9999px;
}

#menu ul.sub li a:hover {
  color: #000;
  border-bottom-color: #999;
  background-color: #dcdcdc;
  background-position: 0 100%;
}