.menu, .submenu {
  display: none;

  padding-top: 20px;
  padding-bottom: 10px;


  line-height: 17px;
  font-size: 12px;
  font-family: Verdana, Arial, Verdana, sans-serif;
    list-style: none outside;
}


  
li.menubar {
  
  font-size: 12px;
  line-height: 19px;
  padding-bottom: 10px;  
  list-style: inside;
  
}


.menu2, .submenu2 {
  display: block;

  padding-top: 20px;
  padding-bottom: 10px;


  line-height: 17px;
  font-size: 12px;
  font-family: Verdana, Arial, Verdana, sans-serif;
    list-style: none outside;
}


  
li.menubar2 {
  
  font-size: 12px;
  line-height: 19px;
  padding-bottom: 10px;  
  list-style: inside;
  
}




.menu2 li, .submenu2 li {
  background: 0em 0.3em;
  list-style: inside;
}

.menu li, .submenu li {
  background: 0em 0.3em;
  list-style: inside;
}

a.actuator {
  background-color: transparent;
  color: #ff0000;
  font-size: 12px;

  text-decoration: none;
  
}

a.actuator:hover {
  color: #ff0000;
  font-size: 12px;

  text-decoration: underline;
}

a.picture {
color: #000;
border: 1px solid #fff; 
}

a.picture:hover {
	color: #000;
  border: 1px solid #000;
}

.menu li a, .submenu li a {
  background-color: transparent;
  color: #0033cc;
  font-size: 12px;
list-type:square;
  text-decoration: none;
}

.menu li a:hover, submenu li a:hover {
  /*border-bottom: 1px dashed #000;*/
  text-decoration: underline;
}


.menu2 li a, .submenu2 li a {
  background-color: transparent;
  color: #0033cc;
  font-size: 12px;
list-type:square;
  text-decoration: none;
}

.menu2 li a:hover, submenu2 li a:hover {
  /*border-bottom: 1px dashed #000;*/
  text-decoration: underline;
}

span.key {
  text-decoration: underline;
}


/* the ahem class is used to tell people with older browsers that they need to upgrade. thanks goes to Jeffrey Zeldman (http://www.zeldman.com/) and WaSP for the idea, and to benry.net for bringing it to my attention. To use it insert the following in the page

<div class="ahem"><br /><img src="../images/wasp_logo.gif" alt="" width="88" height="31" hspace="5" vspace="5" border="0" align="left" /><b>Note: You may be wondering why this page looks the way it does. After all, I'm a web designer, yet this page appears to have not been designed at all. That's not actually the case. I put a lot of effort into the visual appearance of this page. You just can't see it, since your browser doesn't support basic <a href="http://webstandards.org/act/campaign/buc/" title="Download a browser that complies with Web standards.">web standards</a>. If, however, you're using a browser that specifically ignores style hints for accessibility reasons, then more power to you. This page will work just fine in any browser ever developed.</b>

<p>Compliant and required browsers include: <a href="http://www.microsoft.com/mac/ie/" >IE5/Mac</a> or later, <a href="http://www.microsoft.com/ie/" >IE6/Windows</a> or later, <a href="http://www.netscape.com/download/" >Netscape 6</a> or later and <a href="http://www.opera.com/download/" >Opera 5</a> or later</p>

</div>

*/

.ahem  {
    display: none; }