div#menu {
  position: absolute;
  top: 48px;
  right: 84px;
  padding: 0;
  text-align: left;
  z-index: 8;
}
div#menu div {
  position: absolute;
  top: -2.5em;
  right: 0;
  z-index: 10;
}

div#menu a, div#menu a:visited {
/*  background-color: #abc;*/
  border: 2px solid;
  border-color: #99a7b3 #586672 #586672 #99a7b3;
  color: black;
  display: block;
  margin: 0;
  padding: 1px 6px;
  text-decoration: none;
}

div#menu a.x, div#menu a.x:visited {
  background: url(downarrow.gif) no-repeat 100% 100%;
  color: #ddd;
}
div#menu a.z, div#menu a.z:visited {
/*  background-color: #708090;*/
  color: #ddd;
}
div#menu a.sub, div#menu a.sub:visited { 
  background-color: #abc; 
  color: black;
}

div#menu a.here, div#menu a.here:visited,
div#menu a:hover, div#menu a.x:hover,
div#menu a.z:hover {
  background: #2f4f4f url(modgradientactive.png) repeat-x 0 -1px;
  border-color: #637b7b #223a3a #223a3a #637b7b;
  color: #ddd;
}

div#menu ul{
  border: 2px solid #708090;
  list-style: none;
  margin: 0 4px 0 0;
  padding: 0;
  float: left;
}
div#menu ul:hover {
  border-color: #586672 #99a7b3 #99a7b3 #586672;
  border-width: 2px;
  border-style: solid;
}

div#menu li{
  background: #708090 url(modgradient.png) repeat-x 0 -1px;
  position:relative;
}
div#menu li li {
  background-image: none;
  background-color: #abc;
}

div#menu ul ul, div#menu ul ul:hover {
  background-color: #abc;
  border-color: #586672 #99a7b3 #99a7b3 #586672;
  border-style: solid;
  border-width: 0 2px 2px 2px;
  color: black;
  position: absolute;
  top: auto;
  left: -2px;
  display: none;
}
div#menu ul ul ul, div#menu ul ul ul:hover {
  border-width: 2px 2px 2px 0;
  top: -2px;
  left: 100%;
}
div#menu ul ul ul li {
  border-left: 2px solid;
  border-color: #586672 #99a7b3 #99a7b3 #586672;
}
div#menu ul ul ul li.first {
  border-left: 2px solid #abc;
}
div#menu ul ul ul li.first:hover {
  border-left-color: #2f4f4f;
}

div#menu ul.home { width: 6em; }
div#menu ul.animation { width: 8em; }
div#menu ul.kalymnos { width: 8em; }
div#menu ul.gallery, div#menu ul.gallery ul { width: 7em; }
div#menu ul.climbing, div#menu ul.climbing ul { width: 11em; }
div#menu ul.webdesign, div#menu ul.webdesign ul { width: 10em; }
div#menu ul.research, div#menu ul.research ul { width: 12em; }
div#menu ul.articles, div#menu ul.articles ul  { width: 9em; }

div#menu ul.gallery ul ul { width: 7em; }
div#menu ul.research ul ul { width: 14em; }

div#menu ul ul a,
div#menu ul ul a:visited,
div#menu ul ul ul a,
div#menu ul ul ul a:visited
{ border: 0; }

div#menu li:hover ul ul,
div#menu li li:hover ul ul,
div#menu li li li:hover ul ul
{ display: none; }

div#menu li:hover ul,
div#menu li li:hover ul,
div#menu li li li:hover ul
{ display: block; }