/* Thiết lập chung cho toàn trang */
body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 20px;
    background-color: #f4f4f4;
}

/* Khung trang rộng 1000px */
.wrapper {
    width: 1000px;
    margin: 0 auto; /* Căn giữa khung trang */
    border: 1px solid #000;
    background-color: #fff;
}

/* Header */
.header {
    text-align: center;
    padding: 30px;
    background-color: #ffffff;
}

/* Banner */
.banner {
    background-color: #e0ffff; /* Xanh nhạt */
    padding: 25px;
    font-weight: bold;
}

/* Navigation */
.nav {
    background-color: #a8ccc9; /* Xanh xám */
    padding: 15px;
    font-weight: bold;
}

/* Khu vực chứa 3 cột */
.main-content {
    overflow: hidden; /* Giúp bao phủ các phần tử float bên trong */
}

.sidebar-menu {
    width: 20%;
    float: left;
    background-color: #b0b0b0; /* Xám đậm */
    padding: 100px 0; /* Tạo chiều cao giả lập */
    text-align: center;
}

.content {
    width: 55%;
    float: left;
    background-color: #d3d3d3; /* Xám nhạt */
    padding: 100px 0;
    text-align: center;
}

.sidebar-qc {
    width: 25%;
    float: left;
    background-color: #b0b0b0; /* Xám đậm */
    padding: 100px 0;
    text-align: center;
}

/* Footer */
.footer {
    clear: both; /* Quan trọng: Xóa trạng thái float để footer nằm dưới cùng */
    text-align: center;
    padding: 15px;
    background-color: #eeeeee;
}