
.menu {   /* это див, в котором висит табличка менюшки */
/*	position: relative;*/
	/*height: 500px;*/
	width: 250px;
	top: -60px;
	z-index: 2;
	float: left;
	padding-left: 5px;
}
 
/* а вот это собственно табличка менюшки с тенью */

.menu_list {
	background-color: #3d3d3d;
	padding-right: 10px;
}

.menu_list a {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	padding-left: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
    border-bottom: #666666 1px solid;
    width: 184px;
}

.menu_list a:hover {
    background-color: #484747;
    border-top: #666666 1px solid;
    border-left: #666666 1px solid;
    border-right: #666666 1px solid;
    padding-left: 4px;
    margin-top: -1px;
    text-decoration: none;
}


.menu_list ul {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	list-style-type: none;
	padding-top: 20px;
	padding-left: 10px;
	margin: 0px;
}

.menu_list ul ul {
	font-family: Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	list-style-image: url(design/marker_white.gif);
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 15px;
}

.menu_list ul ul ul{
    margin-left: 0px;
}


/* --- LI ---*/
.menu_list li {
	/*border-bottom: #666666 1px solid;*/
}

.menu_list li.active {
    border-bottom: #666666 1px solid;
}

.menu_list li.active a {
    background-color: #484747;
    border-top: #666666 1px solid;
    border-left: #666666 1px solid;
    border-right: #666666 1px solid;
    padding-left: 4px;
    display: block;
    margin-top: -1px;
    margin-bottom: -1px;
}

/* --- LI --- LI ---*/
.menu_list li li {
	border: none;
/*	padding-top: 5px;
	padding-bottom: 5px;*/
}

.menu_list li li a {
    width: 160px;
}

.menu_list li li.active {
	color: #FF0000;
	list-style-image: url(design/marker_red.gif);
}

.menu_list li.active li{
    border: none;
}

.menu_list li.active li a {
    border:  none;
    background:  none;
}

.menu_list li li.active a {
	color: #FF0000;
}

.menu_list li.active li a:hover {
/*    color: #CCCCCC;*/
    background-color: #484747;
    border-left: #666666 1px solid;
    border-right: #666666 1px solid;
    border-bottom: #666666 1px solid;
    border-top: #666666 1px solid;
    padding-left: 3px;
    padding-top: 9px;
    padding-bottom: 9px;

}

/* --- LI --- LI --- LI ---*/

.menu_list li li li a {
    width: 150px;
}

.menu_list li li.active li a {
    color: #FFFFFF;
}

.menu_list li li li.active a {
    color: #FF0000;
}

/* а тут закканчивается css для таблички меню  */

.counters {
    background-color: #3d3d3d;
}

