html 
{
   scrollbar-base-color:#f0af87;
}

/* 
   Определяет свойства тела документа 
   как-то: фон, вид и размер шрифта, отступы по краям
*/
body {  
   margin: 5px 5px 5px 5px;
   background-image:url(../images/bg_maple.jpg);
   font-family: sans-serif; 
   font-size: small;
   color: #000000; 
}

/* 
   Определяет свойства ссылки
*/
a:link {
   color: #993300;
   text-decoration: none;
   font-size: small;
}

/* 
   Определяет свойства ссылки, которую уже посещали
*/
a:visited {
   color: #D26128;
   text-decoration: none;
   font-size: small;
}

/* 
   Определяет свойства параграфа (в данном случае
   равномерное выравнивание по краям)
*/
p {
   text-align: justify;
}

dt {
   font-style: italic;
}

/* 
   Текст бокс -- это то, что у тебя оранжевое и в рамочке.
   Этот класс определяет его свойства.
   Использование: 
   <div class="unia_textbox"> blah blah </div>
*/
.unia_textbox {
   background-color: #f0af87;
   color: #000000;
   padding: 5px 5px 5px 5px;
   border-style: double;
   border-color: #e88244;
   border-width: 3px
   text-align: justify;
   font-size: small;
}

/* 
   Светлый шрифт для копирайта внизу страницы
   Использование: 
   <div class="unia_small"> blah blah </div>
*/
.unia_small {
   font-size: small; 
   color: #f2cfab;
}

/* 
   Заголовок наверху страницы
   Использование: 
   <div class="unia_header"> blah blah </div>
*/
.unia_header {
   font-family: Times New Roman; 
   font-size: large; 
   font-style: italic;
   font-weight: bold;
   color: #993300;
}

/* 
   Подзаголовок наверху страницы
   Использование: 
   <div class="unia_subheader"> blah blah </div>
*/
.unia_subheader {
   font-family: Times New Roman; 
   font-size: medium; 
   font-style: italic;
   color: #993300;
}

/* 
   Ссылки в менюшке наверху
   Использование: 
   <div class="unia_subheader"> blah blah </div>
*/
.unia_menulink {
   font-family: Arial, Helvetica, sans-serif; 
   font-weight: bold;
   text-decoration: none;
   color: #993300;
   font-size: small;
}

form 
{
   font-family: Arial, Helvetica, sans-serif;
   color: #000000;
   vertical-align: middle;
   background-color: #f0af87;
   border:1px solid #e88244;
   padding: 5px 5px 5px 5px;
   font-size: small;

}

td 
{
   font-size: small;
}   


label
{
   width: 8em;
   float: left; 
   text-align: left;
   margin: 0px 1em 10px 0px; 
   clear: both; 
}

textarea, select 
{
   font-family: Arial, Helvetica, sans-serif;
   padding: 2px;
   color: #000000;
   border: solid 1px #e88244;
   overflow: auto;
}

input 
{
   font-family: Arial, Helvetica, sans-serif;
   padding: 2px;
   color: #000000;
   border: solid 1px #e88244;
   overflow: hidden;
}

.submit-button 
{
   color:#993300; 
   font-family: Arial, Helvetica, sans-serif;
   font-size: 84%;
   font-weight:bold; 
   background-color: #f0af87;
   border:1px solid #993300;
   width: 10em;
   height: 2em;
}

a.small 
{
   font-size: x-small; 
}

a:visited.small 
{
   font-size: x-small; 
}

a.underline 
{
   text-decoration: underline; 
}

a:visited.underline 
{
   text-decoration: underline; 
}