/* Updated CSS for left menu */
.left-menu {
    width: 280px; /* Set width of the left menu */
    background-color: #444;
    color: #fff;
    padding: 10px;
    position: fixed; /* Fixed position to keep it on the left */
    top: 0; /* Align to the top of the viewport */
    bottom: 0; /* Align to the bottom of the viewport */
    max-height: 100vh; /* Set maximum height to viewport height */
    overflow-y: auto; /* Enable vertical scrolling */
}

.left-menu ul {
    list-style-type: none;
    padding: 0;
    margin: 0; /* Remove default margin */
}

.left-menu ul li {
    margin-bottom: 10px;
}

.left-menu ul li a {
    color: #fff;
    text-decoration: none;
    padding: 10px;
    display: block;
}

.left-menu ul li a:hover {
    background-color: #666;
}

/* Updated CSS for header menu */
header {
    background-color: #333;
    color: #fff;
    padding-left: 0px;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    width: calc(100% - 280px); /* Adjusted width to account for the left menu */
    position: fixed; /* Fixed position to keep it at the top */
    top: 0; /* Align to the top of the viewport */
    left: 300px; /* Align with the left menu */
    z-index: 1000;
}





header ul {
    list-style-type: none;
    padding: 0;
    text-align: center; /* Center align menu items */
}

/* Updated CSS for footer */
footer {
    background-color: #333;
    color: #fff;
    text-align: center;
    padding: 20px;
    width: calc(100% - 280px); /* Set width to fill remaining space */
    left: 300px; /* Align with the left menu */
    margin-left: 280px; /* Align with the left menu */
    margin-top: 20px; /* Add margin to separate from the content */
}

/* Updated CSS for right section */
.right-section {
    margin-left: 280px; /* Adjust margin to avoid overlapping with the left menu */
    padding-left: 20px; /* Add padding to create space between left menu and content */
}


       
header ul {
    list-style-type: none;
    padding: 0;
    text-align: center; /* Center align menu items */
}

header ul li {
    display: inline-block;
    margin: 0 10px;
}

header ul li a {
    color: #fff;
    text-decoration: none;
    padding: 10px;
    transition: background-color 0.3s; /* Smooth transition for background color */
    border-radius: 5px; /* Rounded corners for a modern look */
}

header ul li a:hover {
    background-color: #555; /* Darker background color on hover */
}





        /* Additional CSS for footer */
        footer p {
            margin: 0;
        }

     

        .content {
    padding-top: 75px; /* Adjust as needed */
    background-image: url("BackgroundTV2.jpg"); /* Set background image */
    background-repeat: repeat; /* Repeat the image as a pattern */
}



        /* Additional CSS for left menu */
        .left-menu {
            width: 280px;
            padding: 10px;
            position: fixed;
            top: 0;
            left: 0;
            bottom: 0;
            overflow-y: auto;
            background-image: url("BackgroundTV2.jpg");
            
        }
        .left-menu ul {
            list-style-type: none;
            padding: 0;
            margin: 0;
        }
        .left-menu ul li {
            margin-bottom: 10px;
        }
   
  

        .left-menu ul li a {
    color: blue; /* Set link color to blue */
    text-decoration: none;
    padding: 10px;
    display: block;
    background-color: transparent; /* Remove background color */
    border: none; /* Remove border */
}

.left-menu ul li a:hover {
    background-color: transparent; /* Remove background color on hover */
}





.full-width-table {
    width: 100%;
    border-collapse: collapse; /* Collapse the border spacing */
    margin-top: 30px;

}

.full-width-table th,
.full-width-table td {
    border: 1px solid black; /* Set the border to 1px solid black */
    padding: 8px; /* Add padding for better spacing */
    text-align: center; /* Center-align the content in table cells */
}

/* Set widths for each column */
.full-width-table th:nth-child(1),
.full-width-table td:nth-child(1) {
    width: 40%; /* 30% width for Television Name */
}

.full-width-table th:nth-child(2),
.full-width-table td:nth-child(2) {
    width: 10%; /* 15% width for Date Label */
}

.full-width-table th:nth-child(3),
.full-width-table td:nth-child(3) {
    width: 10%; /* 25% width for Image */
}

.full-width-table th:nth-child(4),
.full-width-table td:nth-child(4) {
    width: 40%; /* 30% width for Radio Text */
}

/* Center the image */
.full-width-table img {
    display: block; /* Make the image a block-level element */
    margin: 0 auto; /* Center the image horizontally */
}





    </style>