<style type="text/css">

.arrowlistmenu{
width: 171px; /*width of menu*/
}

.arrowlistmenu .headerbar{
font: bold 14px Arial;
color: white;
background: black url(media/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 5px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
	color: #A70303; /*custom bullet list image*/
	display: block;
	padding-left: 30px; /*link text is indented 19px*/
	text-decoration: none;
	font-weight: lighter;
	border-bottom: 1px solid #dadada;
	font-size: 12px;
	background-image: url(../image2/arrowbullet.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 2px;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}

 div#BeautifulList{
	width:171px;
	font-family: Verdana;
	
}
 #BeautifulList a{
	display:block;
	color:#FFFFFF;
	padding:10px 15px;
	background-color:#A0A0A0;
	font-size:12px;
	text-decoration:none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
}
 #BeautifulList a:hover{color:#666666;background-color:#E6E6E6; font-weight:normal; }
 #BeautifulList h1{
	margin:0;
	font-weight:normal;
	color:#fff;
	padding:10px;
	font-size:14px;
	background-color: #666666;
}
 #BeautifulFoot h2{
	color:#FFFFFF;
	margin:0;
	font-size:12px;
	padding:20px 10px;
	background-color: #A0A0A0;
}
 
 /*?ид*/
 div.RoundedCorner{background: #A0A0A0}
 b.rtop, b.rbottom{display:block;background: #FFF}
 b.rtop b, b.rbottom b{display:block;height: 1px;overflow: hidden; background: #A0A0A0}
 b.r1{margin: 0 5px}
 b.r2{margin: 0 3px}
 b.r3{margin: 0 2px}
 b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}


</style>
