body {					/**переопределяет свойства тега**/
background-color:#fffeee;
background-position:800px 5px;
left-margin:0; right-margin:0; top-margin:0; bottom-margin:0; alink:green; text:black; link:#235a1f; vlink:#4a53ff;
}

p {
color:#424242;
font:normal 12px verdana;
}


.rule {
color:#235a1f;
font:bold 18px verdana;
}

p strong {
color:#0000cc;
}

a:link {color:#000000; text-decoration:none;}
a:visited {color:#cc0000; text-decoration:none;}
a:hover {color:green; text-decoration:underline;}
a:active {color:#00cc00; text-decoration:overline;}


/**стиль осуществл-й зачеркивание текста**/
.cherta {
text-decoration:line-through;
}

.tr {
text-transform:capitalize; /**задает размер первых буков, также можно сделать все буквы маленькими или большими**/
word-spacing:10px; /**задает расстояние между словами**/
letter-spacing:4px; /**задает расстояние между буквами**/
line-height:10px; /**задает расстояние между строками**/
}

.table_header {
border:0px; 
width:80%; 
height:100px; 
background-color:#64922c; 
border-color:green; 
cellpadding:2px; cellspacing:0px;
}

.table_topmenu {
border:0px solid #e5e5bd;
width:80%; 
height:20px; 
background-color:#e5e5bd;
cellpadding:0px; cellspacing:0px;

}

.table_body {
border:2px solid #64922c; 
width:80%; 
height:100px; 
background-color:#ffffff; 
bordercolor:#64922c; 
cellpadding:6px; cellspacing:0px;
}

.ramka {
/**border:1px dotted green; - создает рамку с одинаковыми сторонами со свойствами: толщина, стиль, цвет. Если нужно отдельно задать свойства всем сторонам, то см.ниже**/
width:100%;                 /**width:500px; - задает ширину объекта (рамки) **/
height:40px;
border-bottom:1px solid #a2ec02;
border-left:0px solid #cccccc;
border-right:0px solid #cccccc;
border-top:0px solid #000000;
font:bold 13px verdana;
text-align:center;
margin-left:-2px;               /** внешний отступ**/
margin-top:0px;
margin-bottom:0px;
margin-right:0px;
padding-left:0px;  /** внутренний отступ**/
}

.separator {
width:100%;                 /**width:500px; - задает ширину объекта (рамки) **/
height:30px;
border-bottom:1px solid #000000;
border-left:0px solid #cccccc;
border-right:0px solid #cccccc;
border-top:0px solid #009300;
font:bold 16px verdana;
text-align:center;
margin-left:-2px;               /** внешний отступ**/
margin-top:0px;
margin-bottom:20px;
margin-right:0px;
padding-left:0px;  /** внутренний отступ**/
}

ul.list {                     /** стиль только для списков (ul) **/
                              /**border:1px solid gray;**/
list-style-type:decimal;      /** тип маркера. decimal - нумерованный, upper-roman -большие римские, lower-roman - маленькие римские, upper/lower-alpha - большие и маленькие буквы, none - вообще нет маркера**/
list-style-position:inside;   /**помещает маркеры внутрь (inside) рамки. По умолчанию стоит outside**/
list-style-image:url(mini_ben.gif);
}

#free { 			/**id применяется только для одного конкретного элемента**/
position:absolute;		/**указ-т, что мы позиционируем элемент в какое-то конкретное место**/
top:260px;			/**указ-т, где будет располагаться объект по высоте**/
right:120px;			/**указ-т, где будет располагаться объект от правого борта**/
width:50px;			/**указ-т, размеры блока - ширина**/
height:50px;			/**указ-т, размеры блока - высота**/
background-image:url(str.jpeg);	/**поставили на фон изображение**/
}             

.ch {                 /**задает цвет и фон фрагмента текста**/
background-color:yellow;
color:#000000;
font-weight:bold;

}