/* Code for drop-down menu list with simple hover style starts below */

/* General */
#cssdropdown, #cssdropdown ul {
  list-style: none;
  background:#000;
  color:#aaa;
  }
#cssdropdown, #cssdropdown * { padding: 0; margin: 0; }

/* Head links */
#cssdropdown li.headlink { 
  width: 90px;
  float: left;
  text-align: center;
  position:relative;
  margin-right: 12px;
  padding-right: 15px;
  padding-top: 5px;
  border-top:4px solid #3c633c;
  }

#cssdropdown li.headlink:hover {
  border-top:4px solid #00FF00;
  }

#cssdropdown li.headlink a {
  display: block;
  padding:2px;
  text-decoration:none;
  font:bold 12px Georgia, Verdana, "Times New Roman", Times, serif;
  color:#3d6c3d;
  }

#cssdropdown li.headlink a:hover {
  color:#FFCC33;
  background:#000000;
  border:none;
  }

#cssdropdown li.headlink span
 { display:none;
   position:absolute;
   top:20px;
   left:2px;
   width:160px;
   font:normal 9px Georgia, Verdana, "Times New Roman", Times, serif;
   line-height: 12px;
 }

#cssdropdown li.headlink a:hover span
  { margin-top:5px;
   display:block;
   color: #89be89;
  }

/* Child lists and links */
#cssdropdown li.headlink ul {
  display: none;
  border-top: 1px black solid;
  text-align: left;
  }
#cssdropdown li.headlink:hover ul {
  display: block;
  }
#cssdropdown li.headlink ul li a {
  padding: 2px;
  height: 17px;
  }
#cssdropdown li.headlink ul li a:hover {
  background-color: #333;
  }

/* Pretty styling */
body { 
     font: normal 14px Georgia, Verdana, Arial, sans-serif;
     background-color: white;
  }
#cssdropdown a {
  color: white;
  }
#cssdropdown ul li a:hover {
  text-decoration: none;
  }
#cssdropdown li.headlink {
  background-color: #FFF; /* instead of blue */
  }
#cssdropdown li.headlink ul {
  background-position: bottom;
  padding-bottom: 5px;
  }