/* yabbastyle.css */

body {
  background-color: #eb5300; 
}

h1 {
  color: #000000;
  text-align: center;
  font: italic 150% Verdana, Arial, Helvetica, sans-serif;
}

p {
  background-color: transparent;
  color: #000;
  text-align: left;
  border: 0;
}


.arrowlistmenu{
width: 190px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 12px Arial; color: white; background: #808080 repeat-x left center; text-decoration: none; margin-bottom: 2px; /*bottom spacing between header and rest of content*/
text-transform: uppercase; padding: 2px 0 2px 10px; /*header text is indented 10px*/
cursor: hand; cursor: pointer; }

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
color: #000; background-color: white; background-image: none; }

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

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

.arrowlistmenu ul li a{ color: black; background: url(http://www.russellviers.com/training-directory/images/arrowbullet.jpg) no-repeat left center; /*custom bullet list image*/
display: block; padding: 2px 0 2px 19px; text-decoration: none; font-weight: normal; font-size: 80%; border-bottom-color: #dadada; border-bottom-style: none; }

.arrowlistmenu ul li a:visited{ color: black; background-color: transparent; }

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: black;
background-color: #f3f3f3;