/************************************************************************
/*
/*    NatesDawgs.com styling rules for the accordion menu on the blawgs
/*     
/*    INCLUDE SITE WIDE VARIABLES
/*
       
/************************************************************************
/*
/*    define css VARIABLES
/*
/************************************************************************/


/************************************************************************
/*
/*    end VARIABLES
/*
/************************************************************************/


/*
/************************************************************************/

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

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

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

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

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

.arrowlistmenu ul li .opensubheader {   /*Open state CSS for sub menu header*/
 background: #fff !important;
}

.arrowlistmenu ul li .closedsubheader { /*Closed state CSS for sub menu header*/
 background: #DDDDDD !important;
}

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

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

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

.arrowlistmenu ul li a.subexpandable:hover {           /*hover state CSS for sub menu header*/
 background: #fff;
}

.arrowlistmenu a.mlink {
 font-size:70%;
}

.arrowlistmenu a.subexpandable {
 color:black;
}