Пришло время писать CSS

Для начала, дайте каждому div бордюр. Например div {border: 1px dotted gray; padding: .5em} Это поможет вам видеть где они расположены и как вложены друг в друга.

Напишите CSS правила для элементов <html>, <body>, <p>, <h1>, <h2>, <ul>, <li>, и подобных.

Используйте контекстные или наследуемые селекторы CSS где это возможно. Это поможет сохранить разметку более простой. Для примера #subnav li {border: 1px solid black; padding: .5em; display: inline} затронет только элементы списка находящиеся внутри панели навигации отмеченной id="subnav" .

Тестируйте ваши правила CSS в разных браузерах, попробуйте найти их как можно больше, попросите ваших друзей протестировать ваши страницы.