div#navigation {
}

div#navigation a {
font-weight:bold;
text-decoration:none;
color: #993328;
}

div#navigation a:hover {
color:#cc0000;
}


/* Does this do anything? */
/*
div#navigation ul#menu {
position:absolute;
left:25px;
top:2em;
}
*/

/* Het 100% CSS menu */
/* UL doesn't seem to do anything here except indent non-nav UL lists */
div#navigation li {
margin:0;
padding:0;
display:block;
}  

/* makes the nav menu thin and gives the border */
div#navigation ul {
list-style:none;
margin-left: 0px !important;
margin-left: -1px;
width:150px;
padding:2px;
border:1px solid #cccccc;
background:#ccebb9;
} 

/* colors list item backgrounds*/
div#navigation ul li {
position:relative;
padding:3px;
background:#ccebb9;
border:1px solid #fffcf0;
z-index:9;
}


li.folder {
//border-right-color:#cc0000;
}

/* decorates li hover */
div#navigation li:hover {
border:1px solid gray;
background:#fffcf0;
z-index:15;
}

/* subnavigation */

ul ul {
position:absolute;
display:none;
right:-140px;
top:4px;
}

/* :hovered */

div#navigation li:hover ul ul {
display:none;
}

li:hover ul, li:hover li:hover ul {
display:block;
}

.bodytext ul ul {
	position: relative;
	right: 0;
	top: 0;
	display: block;
}