/* $Id: wood.css 4322 2006-09-04 08:49:33Z shacka $ */
@import url("layout/basic.css");

.spmenuWood .spmenuContainer {
	background: url("wood/bg_menutitle.jpg")  100% 100%;
	border: 1px solid rgb(142,114,92);
}

.spmenuWood .spmenu-vertical-mode .spmenu-level-1 {
	border-color: rgb(142,114,92);
}

/* All hrefs in the tree color black */
.spmenuWood .spmenu-top .spmenu-label,
.spmenuWood .spmenu-top a{
	color:rgb(102,74,52);
}

.spmenuWood .spmenu-item table.spmenu-table {
	font-family: "MS Serif", "New York", serif;
	font-size: 1.2em;
}

.spmenuWood .spmenuContainer .spmenuContainer {
	margin-top:2px;
	background: rgb(189,172,160);
	border: 1px solid rgb(142,114,92);
	min-width: 12em;
	padding-top:0px;
}

/* General items that's not a top menu */
.spmenuWood .spmenuContainer .spmenuContainer .spmenu-item {
	margin-top:0px;
	padding-top: 0px;
	background: url("wood/bg_menutitle.jpg")  100% 100%;
	width: 12em;
	border-bottom: 1px solid rgb(189,172,160);
	padding:0px;
}

/* Current selected items in top horizontal menu*/
.spmenuWood .spmenuContainer .spmenu-item-selected {
	background: url(wood/bg_menutitle_on.jpg);
}

/* Current selected items in vertical menu*/
.spmenuWood .spmenuContainer .spmenuContainer .spmenu-item-selected {
	background: url("wood/bg_menutitle_on.jpg")  100% 100%;
}

/* The arrow that shows up when there's a sub-menu */
.spmenuWood .spmenuContainer .spmenuContainer .spmenu-item-collapsed .spmenu-label {
	background: url("wood/arrow_right_black.gif")  no-repeat right center; 
}

/* The arrow that shows up when there's a sub-menu and the item is hovered*/
.spmenuWood .spmenuContainer .spmenuContainer .spmenu-item-expanded .spmenu-label {
	background: url("wood/arrow_right_black.gif")  no-repeat right center; 
}


/* Override previously defined background defined in this css for HR */
.spmenuWood .spmenuContainer .spmenu-item-hr,
.spmenuWood .spmenuContainer .spmenuContainer .spmenu-item-hr {
	padding:0;
	margin:0;
	border:none;
	background:black;
}
