body {
                font-family: Arial, sans-serif;
                margin: 0;
                padding: 0;
                line-height: 1.6;
            }

            .container {
                max-width: 1400px;
                margin: 0 auto;
                padding: 0 20px;
            }

            header {
                background-color: #FFFFFF;
                color: #333;
                padding: 1rem 0;
                max-height: 40px;
            }

            .header-container {
                display: flex;
                justify-content: space-between;
                align-items: flex-start;
                padding: 10px 0;
            }

            .header-left {
                display: flex;
                align-items: flex-start;
            }

            .header-image {
                max-width: 300px;
                height: auto;
            }

            .current-date {
                font-size: 0.8em;
                font-family: Arial, sans-serif;
                font-weight: bold;
                margin: 0;
                text-align: left;
                padding-left: 20px;
                line-height: 0.5;
            }

            .weekday {
                display: block;
                font-family: Arial, sans-serif;
            }

            .full-date {
                display: block;
            }

            .social-icons {
                margin-left: auto;
            }

            .social-icon {
                width: 30px;
                height: 30px;
            }

            .menu-separator {
                height: 5px;
                background-color: #007CBA;
                border: none;
                margin: 0;
            }

            .white-separator {
                height: 5px;
                background-color: #FFFFFF;
                border: none;
                margin: 0;
            }

            nav.primary-nav,
            nav.secondary-nav {
                overflow-x: auto;
                white-space: nowrap;
                -webkit-overflow-scrolling: touch;
            }

            nav.primary-nav {
                background-color: #565656;
                padding: 10px 0;
            }

            nav.secondary-nav {
                background-color: #FFFFFF;
                padding: 10px 0;
                border-bottom: 1px solid #ddd;
            }

            nav ul {
                list-style-type: none;
                padding: 0;
                margin: 0;
                text-align: center;
            }

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

            nav.primary-nav ul li a,
            nav.secondary-nav ul li a {
                font-size: 0.8em;
                text-decoration: none;
                text-transform: uppercase;
                font-weight: bold;
            }

            nav.primary-nav ul li a {
                color: #FFFFFF;
            }

            nav.secondary-nav ul li a {
                color: #000000;
            }

            .article-layout {
                display: flex;
                flex-wrap: wrap;
                gap: 20px;
                padding: 20px 0;
                border-style:  1px solid #000;
            }

            .article-column {
                flex: 3;
                min-width: 300px;
                style="border: 1px solid #000;"
            }

            .article-title {
                font-family: "SuecaWeb Hd", georgia, serif;
                font-feature-settings: "kern", "liga", "pnum";
                font-size: 1.2em;
            }

            @media screen and (min-width: 768px) {
                .article-title {
                    font-family: "SuecaWeb Hd", georgia, serif;
                    font-feature-settings: "kern", "liga", "pnum";
                    font-size: 1.8em;
                }
            }

            @media screen and (min-width: 768px) {
                .article-title {
                    font-family: "SuecaWeb Hd", georgia, serif;
                    font-feature-settings: "kern", "liga", "pnum";
                    font-size: 2em;
                }
            }

            .ad-column {
                flex: 1;
                min-width: 300px;
                max-width: 300px;
            }

            .article-image-container {
                max-width: 1010px;
                margin: 0 auto 20px;
                position: relative;
            }

            .article-image {
                max-width: 100%;
                height: auto;
                display: block;
                margin: 0 auto;
            }

            .main-img-div {
                position: relative;
                float: left;
            }

            .section-image {
                max-width: 440px;
                height: auto;
                display: block;
                margin: 0 auto;
                float: left;
            }

            /* Media query for smaller screens */
            @media (max-width: 1010px) {
                .article-image-container {
                    width: 100%;
                    padding: 0 15px;
                    box-sizing: border-box;
                }
            }

            /* For very small screens */
            @media (max-width: 440px) {
                .article-image-container {
                    padding: 0 10px;
                }
            }

            .article-caption {
                font-style: italic;
                color: rgb(153, 153, 153);
                font-size: 0.9em;
            }

            .article-date {
                color: #888;
                margin-bottom: 20px;
            }

             .article-content {
                border-bottom-color: rgb(204, 204, 204);
                border-bottom-style: solid;
                border-bottom-width: 1px;
            }

            .article-link{
                color: rgb(0, 100, 167);
                font-family: arial, sans-serif;
                font-size: 1em;
            }

            .share-button {
                display: inline-block;
                background-color: #3b5998;
                color: white;
                padding: 10px 20px;
                text-decoration: none;
                border-radius: 5px;
                margin-top: 20px;
            }

            .ad-item {
                background-color: #D3D3D3;
                padding: 10px;
                margin-bottom: 10px;
                border-radius: 5px;
                width: 300px;
            }

            .sticky-ad {
                position: sticky;
                top: 20px;
            }

            footer {
                background-color: #333;
                color: #fff;
                padding: 20px 0;
            }

            footer nav {
                margin-bottom: 20px;
            }

            footer nav ul li a {
                font-size: 0.9em;
            }

            .donation-overlay {
                position: fixed;
                bottom: 0;
                left: 0;
                right: 0;
                background-color: rgba(0, 0, 0, 0.8);
                color: white;
                padding: 20px;
                z-index: 1000;
                height: 45vh;
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
            }

            .close-button {
                position: absolute;
                top: 10px;
                right: 10px;
                background: none;
                border: none;
                color: white;
                font-size: 1.5em;
                cursor: pointer;
            }

            @media (max-width: 1024px) {
                .article-layout {
                    flex-direction: column;
                }
                .article-column, .ad-column {
                    width: 100%;
                    max-width: none;
                }
                .sticky-ad {
                    position: static;
                }
            }

            @media (max-width: 768px) {
                .header-container {
                    flex-wrap: wrap;
                    justify-content: center;
                }

                .header-image {
                    max-width: 50vw;
                    height: auto;
                    margin-bottom: 10px;
                }

                .current-date {
                    display: none;
                }

                .social-icon {
                    width: 25px;
                    height: 25px;
                }

                nav.primary-nav ul li a,
                nav.secondary-nav ul li a {
                    font-size: 1em;
                    padding: 10px 5px;
                }

                nav ul li {
                    margin: 0 5px;
                }
            }

            @media (max-width: 1010px) {
                .article-image {
                    width: 100%;
                }
            }
			/* Sidebar Most Read Container */
			.sidebar-top-read {
			    background: #f9f9f9;
			    padding: 15px;
			    border: 1px solid #eee;
			    margin-bottom: 20px;
			    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
			}

			.sidebar-top-read h3 {
			    font-size: 1.1rem;
			    text-transform: uppercase;
			    border-bottom: 2px solid #333;
			    padding-bottom: 5px;
			    margin-bottom: 12px;
			    color: #222;
			}

			/* The Numbered List */
			.top-read-list {
			    margin: 0;
			    padding-left: 25px; /* Space for the numbers */
			}

			.top-read-list li {
			    margin-bottom: 8px;
			    font-size: 0.85rem; /* Smaller font */
			    line-height: 1.4;
			    color: #444;
			}

			.top-read-list li::marker {
			    font-weight: bold;
			    color: #888; /* Subtle numbers */
			    font-size: 0.9rem;
			}

			.top-read-list a {
			    text-decoration: none;
			    color: #0056b3; /* Classic news link blue */
			}

			.top-read-list a:hover {
			    text-decoration: underline;
			    color: #cc0000;
			}
			
			/* High-priority override for the sidebar heading */
			html body div.article-layout aside.sidebar-column div.sidebar-top-read h3 {
			    font-size: 1.6rem !important; 
			    font-family: "Times New Roman", Times, serif !important;
			    font-weight: bold !important;
			    text-transform: none !important; 
			    border-bottom: 2px solid #333 !important;
			    padding-bottom: 5px !important;
			    margin: 0 0 15px 0 !important;
			    color: #000 !important;
			    display: block !important;
			    line-height: 1.2 !important;
			}