*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f5f5f5;color:#111}
a{color:inherit;text-decoration:none}

/* Header */
.site-header{position:fixed;top:0;left:0;right:0;background:#003366;color:#fff;z-index:1000}
.header-top{display:flex;align-items:center;justify-content:center;padding:12px 20px;position:relative;height:100px}
.nau-logo{position:absolute;left:20px;top:12px;height:76px;width:auto}
.project-title{font-size:1.9rem;color:#ffcb05;font-weight:700;text-align:center}

/* Navigation bar (boxed links) */
.nav-bar{display:flex;justify-content:center;gap:14px;padding:10px 0;background:#002855;border-top:3px solid #ffcb05;border-bottom:3px solid #ffcb05}
.nav-bar .nav-link{background:#fff;color:#002855;padding:10px 18px;border-radius:8px;border:2px solid #ffcb05;font-weight:700}

/* Main content spacing so header doesn't cover it */
.main{padding-top:170px;padding-bottom:80px;max-width:1100px;margin:0 auto;padding-left:16px;padding-right:16px}

/* Home page image placeholders */
.image-row{display:flex;justify-content:center;gap:20px;margin-top:10px;flex-wrap:wrap}
.image-box{width:300px;height:180px;border:3px dashed #999;background:#ddd;display:flex;align-items:center;justify-content:center;font-weight:700;color:#666}

/* Info sections */
.info-section{padding:28px;background:#ffffff;margin:0}
.info-section.darker{background:#e9ecef}
.info-section img{max-width:360px;display:block;margin:12px auto}
.hr{height:1px;background:#ddd;margin:0}

/* Team */
.team-container{display:flex;justify-content:space-around;flex-wrap:wrap;gap:20px;padding:20px}
.team-member{width:220px;background:#fff;border-radius:8px;padding:12px;text-align:center;border:1px solid #e6e6e6}
.team-member img{width:100%;height:180px;object-fit:cover;border-radius:6px}

/* Documents */
.documents-section{max-width:900px;margin:18px auto;padding:10px}
.doc-section-title{font-size:1.25rem;color:#002855;margin:6px 0}
.doc-entry{background:#fff;padding:12px;border-radius:8px;margin:10px 0;border:1px solid #e6e6e6}

/* Footer fixed to bottom */
.site-footer{position:fixed;bottom:0;left:0;right:0;background:#003366;color:#fff;text-align:center;padding:12px;z-index:1000}

/* Responsive */
@media (max-width:700px){
  .project-title{font-size:1.4rem}
  .nau-logo{height:56px;left:12px}
  .image-box{width:45%}
  .team-member{width:45%}
  .main{padding-top:150px}
}
.image-row {
  display: flex;
  gap: 1rem;
  justify-content: center;
}

/* Image Formatting for Home Page Images */
.image-box {
  width: 200px;
  height: 150px;
  background-color: #ddd;
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.9rem;
  color: #333;
}

.image-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}