Верстаем макет из 2-х колонок (продолжение)

Пишем стили:

• Обнуляем значения отступов и полей:

html, body, div, h3 {
margin: 0px;
padding: 0px;
border: 0px
}
• Объединяем общие стили, форматируем текст:

#header, #menu, #content h3 {
text-align: center
}
• Для "шапки":

#header {
font-size: 250%;
font-weight: bold;
color: #fff;
background: #2261ac;
padding: 10px;
border: solid 1px black
}

• Для левой колонки:

#menu {
width: 160px; /* ширина колонки */
float: left; /* другой слой стыкуется по горизонтали с обтеканием справа */
background: #f4dac0;
padding: 40px 0px;
font-size: 90%
}

• Для правой колонки "content":

#content {
margin-left: 160px; /* отступ слева на ширину блока "menu" */
background: #faf0e6;
padding: 10px;
}
• Правила для списка:
  li {
  list-style-type: none; /* отменяем маркеры */
  margin: 10px auto; /* размещаем ссылки по центру блока и делаем больше расстояние между ними */
  list-style-position: outside /* мapкep включeн в тeкcтoвый блoк */
  }
  
• Правила для ссылок:

a {
text-decoration: none
}
a:hover {
color: red
}

• Форматируем абзацы и заголовки:

#content p {
font-size: 90%;
text-align: justify;
text-indent: 20px;
margin: 5px 10px
}
#content h3 {
color: #ff0000;
padding: 15px 0px 5px
margin: 0px
}

• Правила для подвала:

#footer {
background: #2261ac;
font-size: 70%;
text-align: right;
color: #fff;
padding: 5px;
border: solid 1px black
}

Собираем все и смотрим, что получилось.