/* #681B3B = Dark Purple */
/* #794057 = Lighter Purple */

div#listmenu 
{	width:100%;float:left;text-align:left
	border-top:1px solid #681B3B;
	border-bottom:1px solid white;
	border-right:1px solid #000;
	font-size:10pt;
	font-family:verdana, arial, sans-serif;
	background-color:#681B3B;
	margin-top:0px;
    z-index:5;position:relative;
}

div#listmenu ul {margin:0 0 0 0;}
div#listmenu li {float:left;text-align:left;position:relative;list-style-type:none;background-color:#681B3B;border-right:1px solid white;}
div#listmenu li:first-child {border-left:1px solid white;}
div#listmenu li:hover { background-color:#794057;}
span.spacer:hover {background-color:#681B3B;}
div#listmenu a {display:block;padding:4px 7px;text-decoration:none;color:white;}
div#listmenu a:hover {color:white;}





/* Drop Down Menu */

div#listmenu ul li ul {margin:0 0 0 -40px; z-index:10;position:absolute;width:10em;border-right:0;left:-1px;}

/* Fixes Drop Down Postion for IE */
* html  div#listmenu ul li ul {margin:0;z-index:10;position:absolute;width:10em;border-right:0;left:-1px;}

div#listmenu ul li ul li 
{padding:1px;width:100%;border-left:1px solid #681B3B;border-bottom:1px solid white;border-right:1px solid #000;}
div#listmenu ul li ul li a {padding:1px .5em;}
div#listmenu ul li ul li:first-child {border-top:1px solid #681B3B;}


/* Make the drop-down display as the menu is rolled over */
div#listmenu ul li ul {display:none;}
div#listmenu ul li:hover ul {display:block;}


/* THE HACK ZONE - */
/* hack for IE (all flavors) so the menu has a vertical line on the left */
* html div#listmenu ul {float:left;border-left:1px solid #681B3B;margin-left:0px;}


/* add a top line to drops and pops in IE browsers - can't read :first-child */

* html  div#listmenu ul li ul {border-top:0px solid #681B3B;border-left:0px;}