* {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; }

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

.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 */

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

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

.arrowlistmenu .menuheader:hover {
background: #666666;
border-bottom: 0px solid #808080; } /* rollover for topnav items */

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

.arrowlistmenu ul li a.current /* current list item matches rollover state */
{background: #4C566F; }

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