<link href="styles.css" rel="stylesheet" type="text/css">
<script src="meniu.js" type="text/javascript"></script>

<ul id="meniu">
   <li><a href="contact.php">Contact</a></li>
   <li><a href="echipa.php">Echipa</a></li>
   <li><a href="radio.php">Radio</a></li>
   <li><a href="">Forum</a></li>
   <li><a href="index.php" onmouseover="mopen('m1')" onmouseout="mclosetime()">Programe</a>
   <div id="m1" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
   <a href="#">Programe</a>
   <a href="#">Programe</a>
   </div>
   </li>
   <li><a href="">Acasa</a></li>
</ul>

a {
   color: #76DEFC;
   text-decoration: none;
   }
a:hover {
   text-decoration: underline;
   color: #FFFFFF;
   }

#meniu li {


   height: 40px;
   line-height: 40px;
   display: inline;
   background-color: #4D4D4D;
   float: right;
   }

#meniu li a {
   padding-left: 10px;
   padding-right: 10px;
   display: block;
   background-color: #4D4D4D;
   border-left: 2px solid #000000;
   }

#meniu li a:hover {
   background-color: #4D4D4D;
   }

#meniu div {
   visibility: hidden;
   background-color: #4D4D4D;
   border-right: 2px solid #000000;
   border-top: 2px solid #000000;
   border-bottom: 2px solid #000000;
   }

#meniu div a {
   background-color: #4D4D4D;
   }

#meniu div a:hover {
   background-color: #4D4D4D;
   }