/* Style all lists, including nested ones */
#leftcolumn ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 160px;
}

/* Top-level menu */
ul#menu {
	width: 159px;
	overflow: hidden;
}

/* Background defines clickable area in IE */
ul#menu a {
	background-color: #ededed;
}

/* Lines between categories; this is a roundabout way that works in IE6 */
ul#menu li {
	border-bottom: 1px solid #ccc;
}
ul#menu ul {
	border-top: 1px solid #ccc;
}
ul#menu li.first {
	border-bottom: none;
}
ul#menu li.closed,
ul#menu li.selected {
	border-bottom: 1px solid #ccc;
}
ul#menu li.bottom {
	border-bottom: none;
}

ul#menu a,
ul#menu span.text {
	color: #555;
	display: block;
	font-weight: bold;
	padding: 5px 3px 5px 0;
	padding-left: 12px;
	text-decoration: none;
}

/* Root categories are displayed in uppercase */
ul#menu a,
ul#menu span.text {
	text-transform: uppercase;
}

/* Subcategories are displayed in normal case */
ul#menu ul a,
ul#menu ul span.text {
	text-transform: none;
}

/* Expanded categories are highlighted */
ul#menu li.expanded a,
ul#menu li.expanded span.text {
	background: url(../images/navselected.png) repeat-y;
	width: auto;
	margin: 0;
}

/* Remove highlighting from children of expanded category */
ul#menu li.closed a {
	background: #e1e1e1;
	color: #555;
	padding-left: 12px;
	background: #ededed;
}

/* Subcategory 1 */
ul#menu li.expanded ul li span.text,
ul#menu li.expanded ul li a {
	padding-left: 24px;
	margin: 0;
}

/* Subcategory 2 */
ul#menu li.expanded ul ul li span.text,
ul#menu li.expanded ul ul li a {
	padding-left: 36px;
	margin: 0;
}

/* Subcategory 3 */
ul#menu li.expanded ul ul ul li span.text,
ul#menu li.expanded ul ul ul li a {
	padding-left: 48px;
	margin: 0;
}

/* Subcategory 4 */
ul#menu li.expanded ul ul ul ul li span.text,
ul#menu li.expanded ul ul ul ul li a {
	padding-left: 60px;
	margin: 0;
}

/* Subcategory 5 */
ul#menu li.expanded ul ul ul ul ul li span.text,
ul#menu li.expanded ul ul ul ul ul a {
	padding-left: 72px;
	margin: 0;
}

/* Highlight on mouse over */
ul#menu li a:hover,
ul#menu li.expanded a:hover {
	background: url(../images/navhover.png) repeat-y;
}

ul#menu a span.text {
	display: inline;
	padding: 0;
}