body { width: 1000px; margin: 20px auto; font-size: 14pt; color: #333; line-height: 1.5; padding: 0px; margin: 0px; background-color: #dcebf3; } div#content { display: table; width: 100%; border-spacing: 10px; } header, footer, nav, section { padding: 5px; } /* Basic styling for navigation bar */ nav { min-width: 180px; margin: 0px; } /* Navigation links styling */ nav a { display: inline-block; margin: 10px 0; padding: 8px; color: #fff; background-color: transparent; border: none; font-size: 14pt; font-weight: bold; text-decoration: none; text-align: center; transition: background-color 0.3s ease; } /* Hover effect for navigation links */ nav a:hover { background-color: #dcebf3; color: #2a2a2a; } /* Styling for the currently active page link */ nav a.currentpage { background-color: #dcebf3; } /* Header styling with background image */ header { height: 300px; background-image: url('../JulianDeanFiles/Original images/juliandeanbanner.png'); background-size: cover; position: relative; }