html, body
{
 margin: 0px;
 padding: 0px;
 border: 0px;
}

body
{
 color: #000;
 background: #ddf;
 font-family: Arial, Georgia, "Times New Roman", Times, serif;
 text-align: center;
}

#header
{
 margin: auto;
 margin-top: 10px;
 width: 800px; /* ширина страницы */
 height: 150px;
}

#logo
{
 border-width: 1px;
 border-style: solid;
 border-color: #0000ff;

 background:#fff;
 margin-left: 0px;
 margin-top: 0px;
 margin-right: 10px;
 margin-bottom : 0px;
 width: 500px;
 height: 150px;
 float: left;
}

#header2 /*меню*/
{
 border-width: 1px;
 border-style: solid;
 border-color: #0000ff;

 background:#fff;
 margin-top: 0px;
 left: 510px;
 width: 286px;
 height: 150px;
 float: left;
 text-align: center;

 color: #393;
 font-size: 110%;
}

#navigator
{
 border-width: 1px;
 border-style: solid;
 border-color: #0000ff;

 background:#eef;
 margin: auto;
 margin-top: 10px;
 width: 800px;
 height: 20px;
 text-align: justify;
}

#main
{
 border-width: 1px;
 border-style: solid;
 border-color: #0000ff;

 background:#fff;
 margin: auto;
 margin-top: 10px;
 width: 800px;
/* height:300px; */
 text-align: justify;
 overflow: auto;
}

#main p
{
 text-indent: 1.5em;
}

/* Далее следуют правила представления "кнопок" навигационного меню.
   Их четыре вида: 1) обыкновенные; 2) выделенные при помощи курсора
   мыши; 3) соответствующие текущему "магистральному" разделу и
   предназначенные для его внутренних страниц - для таких "кнопок"
   назначен класс current; 4) соответствующие текущей
   странице и поэтому не являющиеся ссылками - этот вид "кнопок"
   представлен элементами <span>...</span> */
#header2 a
{
 color: #33c;
 text-decoration: none;
}

#header2 a:hover, #header2 a:active, #header2 a.current:link, #header2 a.current:visited, #header2 span
{
 color: #f33;
}

#footer
{
 border-width: 1px;
 border-style: solid;
 border-color: #0000ff;

 background:#eef;
 margin: auto;
 margin-top: 10px;
 margin-bottom: 10px;
 width: 800px;
 height: 30px; 
 text-align: justify;

 font-size: 70%;
}

#datenews
{
 color: #080;
}