/* CSS document */
.menu {
	margin: 0px;
	padding-top: 5px;
}

.menu ul {
	margin: 0px;
	width: 180px;
	padding: 0px;
}

.menu li {
	display: block;
	font: bold 11px/22px Arial;
	margin-bottom: 3px;
}

/*.menu li a {
	background: url(../img/bg_menu.jpg) repeat-x bottom;
	text-decoration: none;
	color: #363636;
	border: 1px solid #C2C2C2;
	display: block;
	padding-left: 9px;
}

.menu li a:hover {
	background: url(../img/bg_menu_h.jpg) repeat-x center;
	text-decoration: none;
	border: 1px solid #7F9839;
	color: #FFFFFF;
}*/

.menu li span {
	display: block;
	background: url(../img/menu_arrow.jpg) no-repeat 158px 8px;
}

.menu li span:hover {
	background: url(../img/menu_arrow_h.jpg) no-repeat 158px 8px;
}

.menu .item1-active span {
	background: url(../img/menu_arrow_h.jpg) no-repeat 158px 8px;
}

.menu .item1,
.menu .item1:hover,
.menu .item1-active,
.menu .item1-active:hover {
	display: block;
	background: url(../img/bg_menu_h.jpg) repeat-x center;
	text-decoration: none;
	border: 1px solid #7F9839;
	color: #FFFFFF;
	position: relative;
	padding-left: 9px;
}

.menu .item1 {
	background: url(../img/bg_menu.jpg) repeat-x bottom;
	text-decoration: none;
	color: #363636;
	border: 1px solid #C2C2C2;
	display: block;
	padding-left: 9px;
}

.menu .item2,
.menu .item2:hover,
.menu .item2-active,
.menu .item2-active:hover {
	display: block;
	background: url(../img/bg_menu_s_h.jpg) repeat-x center;
	text-decoration: none;
	border: 1px solid #7F9839;
	color: #FFFFFF;
	position: relative;
	z-index: 400;
	padding-left: 9px;
}

.menu .item2 {
	z-index: 400;
	background: url(../img/bg_menu_s.jpg) repeat-x bottom;
	text-decoration: none;
	color: #FFFFFF;
	border: 1px solid #7F9839;
	display: block;
	padding-left: 9px;
}

.menu .section {
	position: absolute;
	z-index: -1;
	margin: 0px;
	padding: 0px;
	visibility: hidden;
	width: 180px;
}

* html .menu td { position: relative; } /* ie 5.0 fix