<!--

#cat {
  /* all those extra comments hide from NS4x */
  /*/*/position: relative;
  top: .5em;
  float: right;
  width: 14em;
  color: #009; background: transparent none;
  font-size: 95%;
  margin-bottom: 20px;
  margin-left: 20px; /* */
}

#cat h3 {margin: 0 0 .25em 2em;}

#cat ul {
  /*/*/margin: 0;
  padding: 0;
  list-style-type: none;
  text-align: left;
  border-right: 4px solid #ccc;
  border-bottom: 4px solid #ccc; /* */
}

#cat li {
  /*/*/display: block;
  position: relative;
  text-align: left;
  margin: 0;
  padding: 0; /* */
}

#cat li a {
  /*/*/display: block;
  position: relative;
  width: 100%;
  color: #c60; background: #ffe /* #fffbf0 */ none;
  font-size: .95em;
  padding: 1px 0 1px 4px;
  margin: 0;
  border-top: 1px solid #009;
  border-left: 3px solid #09c;
  text-decoration: none; /* */
}

#cat li a:hover {
  color: #069; background: #effeff none;
  border-top: 1px solid #ccf;
  border-left: 3px solid #0ff;
}

#toggleAll1 {
  display: none; /* Only NS4x sees this */
  /*/*/display: block; /* NS4x does NOT see this */
  position: relative; /* */
}

#toggleAll2 {display: none; position: relative;}

#toggleAll1, #toggleAll2 {font-size: .9em; margin-bottom: 1em;}

#rec h3 {font-size: 1.1em; margin: 1em 0 0 0;}
#rec h4 {font-weight: normal; font-size: .85em; margin: 0;}

.recTitle {
  color: #c60; background: transparent none;
  font-weight: bold;
  cursor: pointer;
}

a.recTitle:hover {color: #09c; background: transparent none; text-decoration: none;}

#rec ul {list-style-image: url(images/palmicon_sm.gif);}

#rec ul ul {
  /* display: none added directly to file by Javascript - NS4x does NOT see this */
  position: relative;
  font-size: 95%;
  list-style: circle none;
}

.all {/* display: none added directly to file by Javascript */}

input,textarea {color: #009; background: #eff7ff none;}
label {font-weight: bold;}
.recbutton {color: #009; background: #ddd none;}

-->