/* KleinpeterCramer menu styles */

@variables {
		MenuWidth: 180px;   /* menu width */
}	

div#menu1 {
  width: var(MenuWidth);  
   padding: 3px;       
}

div#menu1 ul {
  background-color: #b88e44;
  list-style-type: none; /* get rid of the bullets */
  padding:0;             /* no padding */
  margin:0;              /* no margin for IE either */
  vertical-align:middle;
}

div#menu1 ul li {
  margin: 0;
  padding: 0;
  background-color: #b88e44;
  display:block;
  vertical-align:middle;
}

div#menu1 ul li a {
  display: block;         /* lines extend to right, make area clickable */
  color: white;
  background-color: #b88e44;
  padding: 3px 3px 3px 3px;
  margin:0;
  font-size: 10pt;
  font-weight: bold;
  font-family: Arial, sans-serif;
  text-decoration: none;
  height:24px;           /* hint for IE, alternatively remove whitespace from HTML */
}

div#menu1 ul ul li a {
  margin-left: 10px;     /* indent level 1 */
  font-weight: normal;
}

div#menu1 ul ul ul li a {
  margin-left: 25px;     /* indent level 2 */
}

div#menu1 li ul, div#menu1 li.open li.closed ul {
  display: none;         /* collapse */
}

div#menu1 li.open ul {
  display: block;        /* expand */
}
 

div#menu1 li.active a {
  background-position: 0px -20px;
  color: black;            /* highlight text */
}
 
div#menu1 li.active li a {
  background-position: 0px 0px;
  color: white;          /* fix lower levels */
}

div#menu1 ul li a:hover {
  color: white;
 background-color: #b9b78a;
}