body { font-family: Arial, Helvetica, sans-serif; line-height: 1.6; color: #333; margin: 0; padding: 0; background-color: #f6f9fc; }
    #wrap { max-width: 1000px; margin: 0 auto; background: #fff; padding: 20px; box-shadow: 0 0 10px rgba(0,0,0,0.1); }
    
    #header { background: #03558b url('/assets/header.jpg') no-repeat right bottom; background-size: cover; padding: 40px 20px; color: #fff; border-bottom: 4px solid #369; }
    #header a.heading1 { font-size: 2.5em; color: #fff; text-decoration: none; font-weight: bold; }
    
    #navcontainer { margin-top: 20px; background: #047891; padding: 10px; }
    #navlist { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 15px; }
    #navlist li a { color: #fff; text-decoration: none; font-weight: bold; }
    
    #main { display: grid; grid-template-columns: 1fr 250px; gap: 30px; margin-top: 20px; }
    h2 { color: #536f06; border-bottom: 2px solid #c9da94; padding-bottom: 5px; }
    
    .content-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
    .content-item img { max-width: 100px; height: auto; border-radius: 8px; box-shadow: 2px 2px 5px rgba(0,0,0,0.2); float: left; margin-right: 15px; }
    
    #sidebar { background: #f4fbdc; padding: 15px; border: 1px solid #cce0ee; }
    .menu ul { list-style: none; padding: 0; }
    .menu h3 { color: #0361a0; margin-top: 20px; }
    .menu a { color: #1e7aab; text-decoration: none; }
    
    #footer { margin-top: 40px; padding: 20px; border-top: 1px solid #ccc; font-size: 0.9em; text-align: center; color: #666; }

    @media (max-width: 768px) {
        #main { grid-template-columns: 1fr; }
        .content-grid { grid-template-columns: 1fr; }
    }