/* General Reset & Base Styles */
*{margin:0;padding:0;box-sizing:border-box}
html,body{height:100%}

/* Base Body Styles */
body {
    font-family: Arial, helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    line-height: 12pt;
    letter-spacing: 0pt;
    white-space: normal;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

FORM {
    margin: 0px;
}

IMG {
    margin: 0px;
}

TABLE {
    margin: 0px;
}

TD {
    white-space: normal;
}

TH {
    font-size: 11px;
    color: #000000;
    font-family: Arial, helvetica, sans-serif;
}

SUP {
    text-decoration: none;
}

.forceWrap {
    word-wrap: break-word;
}

/* Link Styles */
A:link {
    color: #1683cd;
    text-decoration: none;
}

.link {
    color: #1683cd;
    text-decoration: none;
}

A:visited {
    color: #1683cd;
    text-decoration: none;
}

.visitedlink {
    color: #1683cd;
    text-decoration: none;
}

A:hover {
    color: #cc6666;
    text-decoration: none;
}

/* Heading Styles */
H1 {
    font-weight: bold;
    font-size: 18px;
    margin: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #32cd32;
    letter-spacing: 0px;
}

H2 {
    font-weight: bold;
    font-size: 14px;
    margin: 0px;
    color: #2b459b;
    padding-top: 5px;
}

H3 {
    font-weight: bold;
    font-size: 13pt;
    margin: 0px;
    padding-top: 5px 0px 0px 0px;
    color: #FF9900;
    letter-spacing: 1px;
}

UL {
    padding-top: 3px;
    padding-left: 50px;
    padding-bottom: 8px;
    margin: 0px;
}

LI {
    padding: 0px;
    margin: 0px;
}

P {
    padding: 0px;
    margin: 0px;
}

/* Container & Layout */
.container {
    width: 100%;
    max-width: 980px;
    margin: 0 auto !important;
    padding: 0 !important;
    background: white;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.top-banner {
    width: 100% !important;
    max-width: 980px !important;
    display: block !important;
    margin: 0 auto !important;
    height: auto;
}

/* Main content area */
main {
    flex: 1;
    padding: 0;
    margin: 0 !important;
}

/* Three-column Main Container */
.main-container {
    width: 100% !important;
    max-width: 980px !important;
    margin: 0 auto !important;
    background: #ffffff !important;
    padding-top: 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    min-height: 100vh !important;
}

.left-sidebar {
    flex: 0 0 200px !important;
    padding: 10px 0 10px 10px !important;
    background-color: #ffffff !important;
}

.left-sidebar-inner {
    width: 100% !important;
    max-width: 200px !important;
    margin: 0 auto !important;
    background: url(/images/web/bg-left.png) repeat-x left top !important;
}

.center-content {
    flex: 1 !important;
    min-width: 0 !important;
    padding: 10px !important;
    background-color: #FFFFFF !important;
    color: #000000 !important;
}

.center-content-inner {
    width: 100% !important;
    background-color: #FFFFFF !important;
    color: #000000 !important;
}

.center-content-inner * {
    color: inherit !important;
}

.center-content-inner a {
    color: #1683cd !important;
}

.center-content-inner a:hover {
    color: #cc6666 !important;
}

.right-sidebar {
    flex: 0 0 200px !important;
    padding: 10px 10px 10px 0 !important;
    background-color: #ffffff !important;
}

.right-sidebar-inner {
    width: 100% !important;
    max-width: 200px !important;
    margin: 0 auto !important;
}

/* Sidebar Header Boxes */
.sidebar-header {
    text-align: center !important;
    background: url(/images/web/bg-left.png) repeat-x left top !important;
    height: 30px !important;
    line-height: 30px !important;
    vertical-align: middle !important;
}

/* Map Container */
.map-container {
    text-align: center !important;
}

.map-container img {
    max-width: 100% !important;
    height: auto !important;
}

/* Sidebar Links Section */
.sidebar-links {
    text-align: left !important;
    padding-top: 7px !important;
    padding-bottom: 10px !important;
    vertical-align: top !important;
    font-size: 0 !important;
    line-height: 0 !important;
}

.sidebar-link-item {
    display: block !important;
    line-height: normal !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 12px !important;
}

.sidebar-link-item img {
    margin-right: 5px !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    vertical-align: middle !important;
    display: inline-block !important;
    padding: 0 !important;
}

.sidebar-link-item a {
    color: #000000 !important;
    vertical-align: middle !important;
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 10pt !important;
}

.link-divider {
    margin-top: 7px !important;
    margin-bottom: 7px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 178px !important;
    height: 3px !important;
    display: block !important;
    padding: 0 !important;
}

/* Search Form */
.search-form {
    display: flex !important;
    margin-bottom: 10px !important;
}

.search-input-cell {
    flex: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 27px !important;
}

.search-button-cell {
    display: flex !important;
    align-items: center !important;
    justify-content: left !important;
    background: url(link_files/bg.jpg) !important;
    height: 27px !important;
    width: 29px !important;
}

/* Promo Boxes */
.promo-box {
    text-align: center !important;
    background: #e8eced !important;
    vertical-align: middle !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    margin-bottom: 5px !important;
}

.promo-box img {
    max-width: 100% !important;
    height: auto !important;
}

/* Breadcrumb */
.breadcrumb-section {
    background: url(/images/web/12.GIF) !important;
    padding: 0 !important;
    margin: 0 !important;
}

.breadcrumb-inner {
    width: 100% !important;
    background-color: #FFFFFF !important;
    padding: 5px 10px !important;
    margin: 0 !important;
}

.breadcrumb-inner p {
    margin: 0 !important;
    padding: 0 !important;
}

/* News Articles */
.news-list {
    width: 100% !important;
    background-color: #FFFFFF !important;
}

.news-item {
    display: flex !important;
    margin-bottom: 20px !important;
    gap: 10px !important;
    background-color: #FFFFFF !important;
}

.news-image {
    flex: 0 0 140px !important;
    text-align: left !important;
    vertical-align: top !important;
}

.news-image img {
    max-width: 100% !important;
    height: auto !important;
}

.news-content {
    flex: 1 !important;
    text-align: left !important;
    padding-left: 10px !important;
    vertical-align: top !important;
    background-color: #FFFFFF !important;
}

.news-content p {
    background-color: #FFFFFF !important;
}

.read-more-section {
    text-align: left !important;
    padding-left: 10px !important;
    vertical-align: top !important;
    margin-bottom: 15px !important;
    background-color: #FFFFFF !important;
}

.read-more-section div {
    background-color: #FFFFFF !important;
}

.news-link-item {
    text-align: left !important;
    padding-left: 10px !important;
    vertical-align: top !important;
    margin-bottom: 10px !important;
    background-color: #FFFFFF !important;
}

/* Old About Us Wrapper (for other pages) */
.about-us-wrapper {
    display: flex;
    gap: 28px;
    flex-wrap: wrap;
    max-width: 940px;
    margin: 0 auto;
}

.sidebar-left {flex: 1.1; min-width: 210px}
.main-content {flex: 3.2; min-width: 320px; line-height: 1.7; font-size: 1.12rem}
.sidebar-right {flex: 1; min-width: 190px}

.main-content h1 {
    text-align: center;
    margin-bottom: 32px;
    font-size: 2.5rem;
    color: #222;
    font-weight: normal;
}

.sidebar-box {
    background: rgba(0,0,0,0.38);
    padding: 20px 18px;
    border-radius: 10px;
    color: white;
}

.sidebar-title {
    background: #c00;
    color: white;
    font-weight: bold;
    font-size: 11pt;
    text-align: center;
    padding: 11px 0;
    border-radius: 7px;
    margin-bottom: 18px;
}

.travel-map {
    width: 100%;
    max-width: 205px;
    height: auto;
    display: block;
    margin: 0 auto 20px;
    border: 3px solid #555;
    border-radius: 6px;
}

.sidebar-links a {
    display: block;
    color: white;
    text-decoration: none;
    padding: 11px 0 11px 34px;
    position: relative;
    font-size: 1.02rem;
    margin-top: 8px;
}

.sidebar-links a:hover {color: #ffcc00}

.sidebar-links a::before {
    content: "";
    position: absolute;
    left: 12px;
    top: 13px;
    font-size: 15pt;
}

.sidebar-links a:not(:last-child)::after {
    content: "";
    display: block;
    width: 82%;
    height: 1px;
    background: #777;
    margin: 9px auto 0;
    border-bottom: 1px dotted #555;
}

/* ========================================
   RESPONSIVE DESIGN
   ======================================== */

@media (max-width: 1024px) {
    main {
        padding: 0;
    }
    
    .main-container {
        flex-direction: column !important;
    }
    
    .left-sidebar {
        flex: 0 0 auto !important;
        width: 100% !important;
        padding: 0 !important;
        order: 1 !important;
    }
    
    .left-sidebar-inner {
        max-width: 100% !important;
        width: 100% !important;
        margin: 0 !important;
        background: none !important;
        padding: 10px !important;
    }
    
    .center-content {
        width: 100% !important;
        padding: 10px !important;
        order: 2 !important;
    }
    
    .right-sidebar {
        flex: 0 0 auto !important;
        width: 100% !important;
        padding: 10px !important;
        order: 3 !important;
    }
    
    .right-sidebar-inner {
        max-width: 100% !important;
        width: 100% !important;
        margin: 0 !important;
    }
    
    /* Full width sidebar headers on mobile - KEEP the bg-left.png background */
    .sidebar-header {
        width: 100% !important;
        margin: 0 !important;
        margin-bottom: 0 !important;
    }
    
    /* Full width photos on mobile - EDGE TO EDGE */
    .map-container {
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }
    
    .map-container img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        display: block !important;
        margin: 0 !important;
    }
    
    .news-image {
        padding: 0 !important;
        margin: 0 !important;
    }
    
    .news-image img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        display: block !important;
        margin: 0 !important;
    }
    
    .promo-box {
        width: 100% !important;
        padding: 5px 0 !important;
        box-sizing: border-box !important;
        margin-bottom: 5px !important;
        background: #e8eced !important;
    }
    
    .promo-box p {
        margin: 0 !important;
        padding: 0 !important;
    }
    
    .promo-box img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        display: block !important;
        margin: 0 !important;
    }
    
    /* Adjust sidebar content padding on mobile - LEFT ALIGNED */
    .sidebar-links {
        padding: 10px 0 !important;
        text-align: left !important;
    }
    
    .sidebar-link-item {
        text-align: left !important;
        justify-content: flex-start !important;
    }
    
    .search-form {
        padding: 10px !important;
    }
    
    /* About Us Wrapper adjustments */
    .about-us-wrapper {
        gap: 20px;
        padding: 0;
    }
    
    .sidebar-left,
    .main-content,
    .sidebar-right {
        flex: none;
        width: 100%;
        min-width: 0;
    }
    
    .sidebar-box {padding: 18px 15px}
    .sidebar-title {font-size: 10.5pt; padding: 10px 0}
    .sidebar-links a {padding: 10px 0 10px 32px; font-size: 1rem}
}

@media (max-width: 768px) {
    .news-item {
        flex-direction: column !important;
    }
    
    .news-image {
        flex: 0 0 auto !important;
        width: 100% !important;
    }
    
    .news-image img {
        width: 100% !important;
        max-width: 100% !important;
        display: block !important;
        margin: 0 auto !important;
    }
    
    .news-content {
        padding-left: 0 !important;
        padding-top: 10px !important;
    }
    
    .search-form {
        flex-wrap: wrap !important;
    }
}