*{margin:0;padding:0;}

body {
   margin: 0px 5px 0px 10px;
   font-family:arial, sans-serif;
   background: url(../images/bc-top-bg.gif) #FFF repeat-x;
}

/* ------------------------Start Top Navigation--------------------- */

#menu{
  width: 950px;
  height: 30px; 
  margin-top: 10px;
}

#menu a{
  display:block;
  border-width:1px;
  border-style:solid;
  border-color:#0080A1;
  white-space:nowrap;
  margin:0;
  padding:3px 0 3px 3px;
}


#menu li a{
  font-size: 11px;
  font-weight: bold;
  font-family: arial,helvetica,sans-serif;
  background:#0080A1;
  text-decoration:none;
}

#menu li li a{
  font-size: 10px;
  font-weight: bold;
  font-family: arial,helvetica,sans-serif;
  background:#0080A1;
  text-decoration:none;
}

#menu li a, #menu li a:visited{
  color:#FFF;
  font-size: 11px;
}

#menu li li a, #menu li li a:visited{
  font-size: 10px;
  font-weight: bold;
  font-family: arial,helvetica,sans-serif;
  color:#FFF;
}

#menu li a:hover{
  color:#FFF;
  background:#666;
}

#menu li li a:hover{
  font-size: 10px;
  font-weight: bold;
  font-family: arial,helvetica,sans-serif;
  color:#FFF;
  background:#666;
}

#menu li a:active{
  font-size: 11px;
  font-weight: bold;
  font-family: arial,helvetica,sans-serif;
  color:#FFF;
  background:#0080A1;
}

#menu li li a:active{
  color:#666;
  background:#0080A1;
  font-size: 12px;
}

#menu ul{
  list-style:none;
  margin:0; /* changed was 3 (caused the various paddings) */
  padding:0;
  float:left;
  width:9.5em;
}

#menu li{
  position:relative;
}

#menu ul ul{
  position:absolute;
  z-index:500;
  top:auto;
  display:none;
}

/* Begin non-anchor hover selectors */

/* Enter the more specific element (div) selector
   on non-anchor hovers for IE5.x to comply with the
   older version of csshover.htc - V1.21.041022. It
   improves IE's performance speed to use the older
   file and this method */

div#menu li:hover{
  cursor:pointer;
  z-index:100;
}

div#menu li:hover ul ul,
div#menu li li:hover ul ul
{display:none;}

div#menu li:hover ul,
div#menu li li:hover ul
{display:block;}

/* End of non-anchor hover selectors */

/* ----------------------------------------End Top Navigation-----------------*/

