BODY {padding: 0;  margin: 0; color: #000; background-color:#000; background: transparent url(../../images/bg.gif) repeat-y; }
/* It's more correct to do in the following manner: */
body, div, p, table, td, th, tr {
	font-family: Verdana;
	font-size: 12px;
}
div  {padding: 0;  margin: 0;}
IMG {BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none;}
input, select  {color: #000000; border: 1px solid #B1B1B1; font-size : 11px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; height:16px; width:100px;}
h1 {font: 20px Verdana; color: #ffffff; margin: 0; padding: 0;}
h2 {font: bold 14px Verdana; margin: 0; padding: 0; color:#3B5188; background: transparent url(../../images/str.gif) no-repeat top left; padding-left: 30px;}
h3 {font: bold 12px Verdana; margin: 0; padding: 0; display: inline;}
hr{color:#000; height:1px;}
small {font: 10px  Arial; color: #000;}


tr {vertical-align:top;}


.bottomm {vertical-align:bottom;}
.middlee {vertical-align:middle;}
p{ FONT-FAMILY:Verdana; FONT-SIZE: 12px;}
td{ FONT-FAMILY: Verdana; FONT-SIZE: 12px;}

.ramka {border: 1 solid #000000;}

ul li {padding:5px;}
a:link,a:visited {font-size:12px; color: #000; text-decoration:underline; }
a:active,a:hover {font-size:12px; color: #000; text-decoration:none; }
abbr {text-decoration:none;border-bottom: 1px dashed #000;cursor: help;}