body {
font-size: small;
font-family: Arial;
color: #7DB76C;
background: #fff;
margin: auto;
max-width: 320px;
border: 2px #A0DA8F solid;
padding: 1px;
}
.all { border: 1px #cdf7c1 solid; background: #fff;}
.head { background: url(images/head.gif) repeat-x bottom #A0DA8F; color: #fff;
height: 38px;}
.b {margin-top: 2px; background: url(images/head.gif) repeat-x top #92CC80; padding: 5px; color: #fff; }
.b a { color: #fff; }
.a {background: url(images/fon.gif) repeat-x top #fff;
padding: 5px;
color: #7DB76C;
margin-bottom: 2px;
margin-top: 1px;
border-bottom: #d3d3d3 dotted 1px;
border-top: #d3d3d3 solid 1px;}
.r {background: url(images/fon.gif) repeat-x top #fff;
padding: 5px;
color: #7DB76C;
margin-bottom: 2px;
margin-top: 1px;
border-bottom: #d3d3d3 dotted 1px;
border-top: #d3d3d3 solid 1px;}
.c { background: url(images/bg.png) repeat-x top #efffdc;
margin-top: 1px;
border-top: 2px solid #B1EA9E;
border-bottom: 2px solid #B1EA9E;
padding: 5px;
color: #888;
text-align: center;}
.counters { background: url(images/cont.png) repeat-x bottom #efffdc;
margin-top: 1px;
border-top: 2px solid #B1EA9E;
border-bottom: 2px solid #B1EA9E;
padding: 3px;
color: #888;
vertical-align: middle;}
a { color: #707070; text-decoration: none; }
a:hover { text-decoration: underline; }
hr {border: 1px solid #B1EA9E;}