@CHARSET "Windows-1251";

body 
      { width: 800px;
        margin: 20px auto;        
      }

div#header 
      {
	width: 100%;
	height:4em;
	text-align: center;
	background: grey;     /* Цвета определены только для того, чтобы были видны панели! Их можно не задавать*/
      }

div#header H1 {margin: 0;}  /* Сделано для того, чтобы не было разрыва со следующей панелью */

div#header img
      {
        height:3em;
        border:1px solid;
      }

div#navigation 
      {
       margin:0;
       width=100%;
       background:#ffff00;
      }

div#navigation ul 
      {
	width: 100%;
	margin:0;
	padding-left:0;                  /* Убираем отступ слева */
	list-style: none;                /* Убираем маркеры списка (жирные точки) */
	border-bottom: 1px solid #ccc; 
	border-top: 1px solid #ccc; 
	text-align: center;
       }

div#navigation li {float: left; width:25%;} /* Каждому элементу списка - 25% от отведенной списку ширины */

div#navigation li a 
       {
	height: 3em;
	display: block;                     /*  Область ссылки - прямоугольник, а не текст только */
	padding: 8px 15px;
	text-decoration: none;              /*  Без подчеркивания текста */
	font-weight: bold;
	border-right: 1px solid #ccc;
        background:#ffff00;

       }

div#navigation li a:hover
       {
        background:red;     /* Изменение цвета ссылки при наведении курсора */
       }

div#main 
       {
         background:green;
       }


div#links 
       {
        float:right;            /* Панель - самую правую часть свободного места. Место слева */
                                /* может быть занято следующим текстом или панелью */
        margin:10px;
        background:#00ffff;
       }

div#footer
       {
	background: #00ffff;
       }

div#footer a 
       { 
          margin: 0;
          float: right; 
          background:yellow;
       }

div#header IMG{float: right;}