.arrowlistmenu .menuheader { /*CSS class for menu headers in general (expanding or not!)*/
  font: bold 14px;
  color: white;
  background: black url(images/titlebar.png) repeat-x center left;
  margin-bottom: 4px; /*bottom spacing between header and rest of content*/
  text-transform: uppercase;
  padding: 4px 0 4px 10px; /*header text is indented 10px*/
  cursor: hand;
  cursor: pointer;
}

.arrowlistmenu .openheader { /*CSS class to apply to expandable header when it's expanded*/
  background-image: url(images/titlebar-active.png);
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin-bottom: 4px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li {
  padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a {
  color: #551a8b;
  background: url(images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
  display: block;
  padding: 2px 0;
  padding-left: 19px; /*link text is indented 19px*/
  text-decoration: none;
  font-weight: bold;
  border-bottom: 1px solid #dadada;
  font-size: 90%;
}

.arrowlistmenu ul li a:visited {
  color: #551a8b;
}

.arrowlistmenu ul li a:hover { /*hover state CSS*/
  color: #551a8b;
  background-color: lavender;
}

div.borderline {
  margin-top: 20px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  border-top-style: solid;
  border-top-width: 3px;
  border-top-color: #00688b;
  width: 400px;
}