div#menu {
	float:right;
	width: 260px;          /* menu width = width + padding */
	text-align: right;
	padding-right: 20px;
	font-size: 16px;
	background-image: url(../images/menu_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	left: 670px;
	top: 300px;
	z-index: 100;
}

div#menu ul {
    /* background-image: url(bg.gif); */
    /* background-color: #036; */
    list-style-type: none; /* get rid of the bullets */
    padding:0;             /* no padding */
    margin:0;              /* no margin for IE either */
}

div#menu ul li {
	margin: 0;
	padding: 4px 0px 4px 0px;
	/* background-image: url(bg.gif); */
    /* background-color: #036; */
    display:block;
	font-weight: bold;
	font-size:18px;
    /* border-top: 1px solid white; */ /* lines */
}

div#menu ul ul li {
	margin: 0;
	padding: 0;
	/* background-image: url(bg.gif); */
    /* background-color: #036; */
    display:block;
	font-weight: bold;
	font-size:18px;
    /* border-top: 1px solid white; */ /* lines */
}
div#menu ul li a {
	display: block;
	/* background-image: url(bg.gif); */
    /* background-color: #036; */
    padding: 6px 3px 0px 16px;
	margin:0;
	text-decoration: none;
	height:22px;           /* hint for IE, alternatively remove whitespace from HTML */
	color: #643503;
}

div#menu ul ul li a {
	margin-right: 5px;     /* indent level 1 */
	font-size: 11px;
}

div#menu ul ul ul li a {
    margin-left: 80px;     /* indent level 2 */
}

div#menu ul li a:hover {
	height:21px;
	color:#C90;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #9F9;
}

div#menu ul li a:active {
	height:21px;
	color:#C90;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #9C0;
}