#menu { 
margin: 0;
width: 100%;
}
/* Remove bullets and indents */
#menu ul {
list-style: none;
margin: 0;
padding: 0;
}
/* Colour backgrounds/borders */
#menu a{
font: normal 0.8em arial, helvetica, sans-serif;
display: block;
border-bottom: 1px solid #FFF;
padding: 5px 3px 5px 10px;
color: #000;
background: #FFCC66; /* THE MAIN CELL COLOURS */
text-decoration: none;
}
#menu a:hover {
color: #fff;
background: #ff6600; /* #FF9933; */
}
#menu li {
position: relative;
}

#menu ul li {float: left; width: 100%;}
#menu ul li a {height: 1%;} 

/* ++++++++++++++++++++++++++ ALTERNATE FLYOUTMENU ++++++++++++++++++++++++++ */
.float-holder-left ul, .float-holder-left li {
  margin: 0; padding: 0; border: 0;
  background: #FFCC66; /* THE MAIN CELL COLOURS */
}
.float-holder-left img {
  border: 0;
}
.float-holder-left ul { /* needs the Holly hack to avoid IE bugs */
  border-top: 0px solid #000; /* hw: top border colour */
}
.float-holder-left li {
  list-style: none; /* kills the list item "bullet" markers */
  border-bottom: 1px solid #FFF; /* hw: Makes BOTTOM borders on flyouts */
  position: relative;
  text-align: left; /* hw: align menus left/centre */
  vertical-align: bottom; /* for IE5/win */
}
.nav a { /* nav is the class applied to the main UL */
  display: block;
  vertical-align: bottom; /* needed for IE5/win */
  color: #000;
  text-decoration: none;
  padding: 5px 10px;
  border: 0px solid #000; /* hw: change menu left-right borders */
  border-width: 0 0px; /* Makes side borders on flyouts */
}
.nav a:hover {
  color: #fff;
  text-decoration: none;
  background-color: #FF6600;
}
.nav a:visited {
  text-decoration: none; /* hw: removes the underline on menu items */
}
.nav a:focus, .nav a.sffocus { /* enhances the focus styling for keyboard tabbing */
  background-color: #00c !important;
  color: white;
}
.float-holder-left {
  width: 100%;
  xfloat: left;
  margin: 0 0 0 0;
  font: normal 0.8em arial, helvetica, sans-serif;
}
.nav div {
  width: 150px; /* change this value - it seems to make no difference ! */
  position: absolute;  
  left: -3000px;
}

/* ======================= FLYOUT MENU SETTINGS ======================= */
.float-holder-left ul ul { 
  /* HW hack to set the widths of lev2/3 menus (when NOT xhtml strict */
  width: 170px;
  border-top: 1px solid white;
  border-left: 1px solid white;
  border-right: 1px solid #666666;
  border-bottom: 1px solid #666666;
  padding: 3px 0 3px 0;
}

.float-holder-left li li {
  border-bottom: 0px; /* hw: Makes BOTTOM borders on flyouts */
}
.float-holder-left li li a {
  padding: 3px 0 3px 10px;
}

/* Box model fix for IE5.x Win */
.float-holder-left div {
  padding: 30px 60px 30px 10px; /* position of the flyout menus */
}
.float-holder-left div.leftbox,.float-holder-right div.leftbox { /* any ideas anyone ?? */
  padding: 30px 10px 30px 60px;
}
.float-holder-left div.rightbox {
  padding: 130px 60px 30px 10px;
}
.float-holder-left .nav div.zone { /* any ideas anyone ?? */
  padding: 0;
  width: 150px;
  height: 10px;  
  left: -3000px;
  top: auto;
  bottom: -10px;
  font-size: 1px;
}
.float-holder-left .nav li:hover div.zone { /* any ideas anyone ?? */
  left: 0;
}
.float-holder-left li:hover div div, .float-holder-left div li:hover div div { /* any ideas anyone ?? */
  left: -3000px;
}
.float-holder-left li:hover div, .float-holder-left div li:hover div { /* any ideas anyone ?? */
  left: 126px;
  top: -28px;
}
.float-holder-left div div li:hover div.leftbox, .float-holder-right li:hover div, .float-holder-right div li:hover div,.float-holder-right div div li:hover div.leftbox { /* any ideas anyone ?? */
  left: auto;
  right: 126px;
  top: -28px;
}

/* ++++++++++++++++++++++++++ COLOURS HERE ++++++++++++++++++++++++++ */
.main {z-index: 5; }
.main li {}

/* LINK COLOURS */
.nav ul a {
  color: #000; /* all menus but level 1 effected */
  text-decoration: none;
} 
.nav li li li li a {
  color: #000;
}
/* \*/ /*/ 
.nav div, .nav ul ul .leftbox, .nav ul ul .rightbox { 
  position: relative;
  left: 5px;
  padding: 0;
}
.nav .arrow, .nav .arrow-double {border-bottom: 1px solid #000;}
.zone {display: none;}
/* */
/* keyboard and tab styles below ?? */
.classW {
  font-size: .6em !important;
}
.classW div, .classW ul ul .leftbox, .classW li:hover div, .classW ul li:hover div .leftbox {
  position: relative !important;
  left: 5px !important;
  top: 0 !important;
  padding: 0 !important;
}
.classW .zone {
  display: none;

}