/*
 * menu.css
 *
 * Based on ULTIMATE CSS only drop-down menu by Stu Nicholls
 * http://www.cssplay.co.uk/menus/final_drop.html
 * 
 * Adapted to include HSL styling
 *
 */

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#menu-back{
  clear:both; 
  background: transparent url('../images/background/bg_content.jpg') repeat-y;
  padding: 5px 0 5px 0;
}
#menu {
  clear:both; 
  overflow:visible;
  height: 32px !important;
  height: 35px;
}
/* hack to correct IE5.5 faulty box model */
* html #menu {width:801px; w\idth:800px;}

/* remove all the bullets, borders and padding from the default list styling */
#menu ul {
  clear: both;
  padding:0;
  margin:0 20px 0 20px;
  width: 760px;
  list-style-type:none;
  float: left;
  font: bold 13px Arial;
  border: 1px solid #007ac2;
  background: #2DB5EC url('../images/nav/nav_default.gif') center center repeat-x; 
  display: inline;
  z-index: 20;  
}

#menu ul ul {
  margin: 0 0 0 -1px;      
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#menu li {
  float: left;
  position:relative;
  display: inline;
}

/* style the links for the top level */
#menu ul li a, #menu ul li a:visited {
  float: left;
  color: white;
  padding: 9px 11px;
  text-decoration: none;
  border-right: 1px solid white;
}

/* style the top level hover */
#menu ul li a:hover, #menu ul li a.current{
  color:#fff; 
  background: #147DA7 url('../images/nav/nav_active.gif') center center repeat-x;
}
/* hide the sub levels and give them a positon absolute so that they take up no room */
#menu ul ul {
  visibility:hidden;
  position:absolute;
  height:0;
  top:34px;
  left:0; 
  width:100%;
  border:1px solid #007ac2;
}

/* another hack for IE5.5 */
* html #menu ul ul {top:33px;t\op:34px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
#menu table {position:absolute; top:0px; left:0; border-collapse:collapse;}

/* style the second level links */
#menu ul ul a, #menu ul ul a:visited {
  background: #2DB5EC;
  color:#FFF; 
  height:auto; 
  line-height:1em; 
  padding:5px 10px; 
  width:128px;
  border-width:1px 0px 1px 1px;
}

#menu ul ul li{
  border:1px solid #007ac2;
  border-top-width: 0px;
}
#menu ul ul li a{
  border-right-width: 0px;
}
/* yet another hack for IE5.5 */
* html #menu ul ul a, * html #menu ul ul a:visited {width:150px;w\idth:128px;}


#menu ul ul a:hover{
  color:#fff; 
  background: #147DA7;
  float: inherit;
}

/* make the second level visible when hover on first level list OR link */
#menu ul li:hover ul,
#menu ul a:hover ul{visibility:visible; }