/* This menu came from http://www.cssplay.co.uk/menus/dd_valid.html where the copyright belongs. If you want to use the menu for your own site, go to the above site and email stu asking for permission :) */

/* common styling */
.menu { 
 font-family: arial, sans-serif;
 width:700px; 
 position:relative; 
 margin:0; 
 font-size:11px; 
 margin:1px 0 0 3px;
 z-index:3;
 }

.menu ul li a, .menu ul li a:visited { 
 display:block; 
 text-decoration:none; 
 color:#fff;
 width:104px; 
 height:20px;  text-align:center; 
 color:#fff; 
 border:1px solid #fff;
 background: #000;
 line-height:20px; 
 font-size:11px; 
 overflow:hidden;
 }

.menu ul { 
 padding:0; 
 margin:0;
 list-style-type: none; 
 }

.menu ul li {
 z-index:2;
 float:left; 
 margin-right:1px; 
 position:relative;
 }

.menu ul li ul {
 display: none;
 }

/* specific to non IE browsers */

.menu ul li:hover a {
 color:#fff; 
 background:#8B8D8D;
 }

.menu ul li:hover ul {
 display:block; 
 position:absolute; 
 top:21px; 
 left:0; 
 width:105px;
 }

.menu ul li:hover ul li a.hide {
 background:#000;
 color:#fff;
 }

.menu ul li:hover ul li:hover a.hide {
 background: #8B8D8D;
 color:#fff;
 }

.menu ul li:hover ul li ul {
 display: none;
 }

.menu ul li:hover ul li a {
 display:block; 
 background:#79A07E;
 color:#fff;
 }

.menu ul li:hover ul li a:hover {
 background:#000;
 color:#fff;
 }

.menu ul li:hover ul li:hover ul {
 display:block; 
 position:absolute; 
 left:105px; 
 top:0;
 }

.menu ul li:hover ul li:hover ul.left {
 left:-105px;
 }