#menu
{
  background-color: #FFFFFF;
  text-align: left;
  height: 4em;
  padding-top: 1em;
  padding-left: 16px;
  display: block;
}

#menu .mainMenu
{
  padding: .25em 0px .25em 0px;
  display: block;
  float: none;
}

#menu .subMenu
{
  padding: .25em 0px .25em 0px;
  display: block;
  float: none;
  height: auto;
}

#menu .menuButton
{
  padding: .5em;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: .8em;
  text-decoration: none;
}

#menu .menuButton:hover, #menu .menuButtonSelected:hover
{
  padding: .3em;
  border: .1em solid #FF0000;
}

#menu .menuButtonSelected
{
  padding: .5em;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  padding-right: 1em;
  font-size: .8em;
  text-decoration: none;
  color: #FF0000;
}

#menu .menuLabel
{
  padding: .5em;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  padding-right: 1em;
  font-size: .8em;
  text-decoration: none;
}


#menu .mainMenu .menuButton, #menu .menuLabel
{
  color: #006600;
}

#menu .subMenu .menuButton
{
  color: #0000FF;
}

#menu .menu
{
  height: 1.8em;
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  font-size: .8em;
  font-weight: bold;
  padding-top: .8em;
  padding-right: 8px;
  padding-bottom: 0em;
  text-decoration: none;
}