.main_menu {
	margin:0px;
	background:url(img/main_menu_bg.gif) repeat-y top left;
	width:210px;
	margin-bottom:10px;
}
.main_menu td{
	padding:0px 10px;
}

.main_menu h1 { font-weight: bold; margin: 0; padding: 14px 10px 8px; background: url(img/main_menu_normal.gif) no-repeat left bottom; }
.main_menu h1 a, .main_menu h1 a:hover { text-decoration: none; color: #fff; font-size: 16px; }
.main_menu .item1,
.main_menu .item1:hover,
.main_menu .item1-active,
.main_menu .item1-active:hover{
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background: url(img/main_menu_hover.gif) no-repeat;
	margin: 0px;
	height: 24px;
	text-decoration: none;
	display: block;
	white-space: nowrap;
	position: relative;
	padding:7px 10px 0px 10px;
}

.main_menu .item1 {
	background: url(img/main_menu_normal.gif) no-repeat;
}

.main_menu .item2,
.main_menu .item2:hover,
.main_menu .item2-active,
.main_menu .item2-active:hover {
	padding: 9px 17px 8px 15px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	display: block;
	white-space: nowrap;
	position: relative;
	z-index: 1000;
	font-size: 11px;
	background: url(img/main_menu_item2_hover.gif) repeat-x top left;
	text-align: center;
}
.main_menu .item2 {
    background: url(img/main_menu_item2.gif) repeat-x top left;
}

.main_menu .arrow,
.main_menu .arrow:hover {
    padding: 6px 8px 7px 8px;
}
.main_menu .item2 img,
.main_menu .item2-active img{
    position: absolute;
    top: 12px;
    right: 5px;
    border: 0;
}
.main_menu .section {
    border: 0px;
	margin:0px;
	padding:0px;
    position: absolute;
    visibility: hidden;
    z-index: -1;
	margin-left:-2px;
}

.main_menu .bottom,
.main_menu .bottom:hover {
    border-bottom: 1px solid #000000;
}

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