* {margin: 0; padding: 0; }

.arrowlistmenu /* contains menu */
{float:left;
width: 210px;
z-index: 100; }

.arrowlistmenu .menuheader /* top nav style */
{font-family:Verdana, Ariel, Helvetica, sans-serif;
font-size:14px;
font-weight:normal;
display:block;
line-height: 36px; /* Centers text vertically in topnav background, must match height value */
width: 210px;
height: 36px; /* Height of topnav background, must match line-height value */
margin-bottom: 2px; /* Sets gap between topnav backgrounds, 2px removes gap */
color: #fff; 
text-decoration: none;
text-indent: 36px;
padding: 2px 0 2px 0; /* Adds background above/below topnav links */
background: #808080;
cursor: pointer; }

/* butts top of list background to bottom of topnav background */
.arrowlistmenu ul
{position:relative;
margin-bottom: 2px;} 

.arrowlistmenu li /* style list items */
{list-style:none; }

.arrowlistmenu ul li a /* style list links */
{font-family:Verdana, Ariel, Helvetica, sans-serif;
font-size:13px;
line-height: 18px;
text-indent: 36px;
display:block;
background: #808080;
padding-top: 2px;
padding-bottom: 8px; } /* adds 8px to bottom of list items, li+li rule removes all but last one - doesn't apear to apply anymore */

.arrowlistmenu a:link {text-decoration:none; color:#fff; }
.arrowlistmenu a:visited {text-decoration:none; color:#fff; }

/* rollover for topnav items */
.arrowlistmenu .menuheader:hover {
background: #666666 !important; } 

 /* rollover for list items */
.arrowlistmenu ul li a:hover, .arrowlistmenu ul li:hover {background: #666666; }

/* .arrowlistmenu a:active, .arrowlistmenu ul li a:active
{outline: none; } */

/* current list item blue BG hilite */
.arrowlistmenu ul li a.current 
{background: #4C566F; }

/* current topnav slightly lighter than rollover state */
.arrowlistmenu .current 
{background: #6f6f6f; }