/** dropDown.css*/
#nav, #nav ul 
{
  padding: 0;
  margin: 0;
  list-style: none;
  background: #ccffcc;
}

#nav a 
{
  display: block;
  color: #006666;
  text-decoration: none;
  font-family: arial, verdana, sans-serif;
  width: 100%;
/*  border: 1px dashed red;*/
}

#nav a.menuItem
{
  padding-left: 0.3em;
}
#nav li 
{
  float: left;
}

#nav li.menuItem
{
/*  display: block;*/
  width: 10em; 
}

#nav #shopMenu
{
  width: 101px;
  height: 0;
  padding-top: 45px;
  background: #ccffcc url(../images/shop.gif) 0 0 no-repeat;
  border: none;
  display: block;
  overflow:hidden;
/*  border: 1px solid red;*/
}

#nav #classesMenu
{
  width: 99px;
  height: 0;
  padding-top: 45px;
  background: #ccffcc url(../images/classes.gif) 0 0 no-repeat;
  border: none;
  display: block;
  overflow:hidden;
}

#nav #galleryMenu
{
  width: 99px;
  height: 0;
  padding-top: 45px;
  background: #ccffcc url(../images/gallery.gif) 0 0 no-repeat;
  border: none;
  display: block;
  overflow:hidden;
}

#nav #infoMenu
{
  width: 101px;
  height: 0;
  padding-top: 45px;
  background: #ccffcc url(../images/info.gif) 0 0 no-repeat;
  border: none;
  display: block;
  overflow:hidden;
}

#nav li ul 
{
  position: absolute;
  width: 10em; 
  left: -999em;
  border: 0.05em solid #006666;
  background : #006666;
}

#nav li:hover ul, 
#nav li.hover ul 
{
  left: auto;
}

#nav li ul li
{
  background: #ccffcc;
  padding-top: 0.1em;
  padding-bottom: 0.1em;
/*  border-bottom: 0.05em solid #006666;*/
  margin-bottom: 0.07em;
}

#nav li ul li:hover, 
#nav li ul li.hover
{
  background: #96d09d;
  cursor: pointer;
}

#nav li:hover #shopMenu,
#nav li.hover #shopMenu
{
  background: #ccffcc url(../images/shopLight.gif) 0 0 no-repeat;
  cursor: pointer;
}

#nav li:hover #classesMenu,
#nav li.hover #classesMenu
{
  background: #ccffcc url(../images/classesLg.gif) 0 0 no-repeat;
  cursor: pointer;
}

#nav li:hover #galleryMenu,
#nav li.hover #galleryMenu
{
  background: #ccffcc url(../images/galleryLight.gif) 0 0 no-repeat;
  cursor: pointer;
}

#nav li:hover #infoMenu,
#nav li.hover #infoMenu
{
  background: #ccffcc url(../images/infoLight.gif) 0 0 no-repeat;
  cursor: pointer;
}