.P-1 {
    text-align: center;
    line-height: 1px;
    font-family: "Trebuchet MS", Helvetica, serif;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    background-color: transparent;
    font-variant: normal;
    font-size: 40.0px;
    vertical-align: 0;
}

.P-2 {
    text-align: center;
    line-height: 1px;
    font-family: "Trebuchet MS", Helvetica, serif;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    background-color: transparent;
    font-variant: normal;
    font-size: 27.0px;
    vertical-align: 0;
}

.P-3 {
    text-align: right;
    line-height: 1px;
    font-family: "Trebuchet MS", Helvetica, serif;
    font-style: normal;
    font-weight: 700;
    color: #333333;
    background-color: transparent;
    font-variant: normal;
    font-size: 15.0px;
    vertical-align: 0;
}

.P-4 {
    text-align: right;
    line-height: 1px;
    font-family: "Arial", sans-serif;
    font-style: normal;
    font-weight: normal;
    color: #333333;
    background-color: transparent;
    font-variant: normal;
    font-size: 11.0px;
    vertical-align: 0;
}

.P-5 {
    text-align: right;
    line-height: 1px;
    font-family: "Trebuchet MS", Helvetica, serif;
    font-style: normal;
    font-weight: normal;
    color: #333333;
    background-color: transparent;
    font-variant: normal;
    font-size: 48.0px;
    vertical-align: 0;
}

.J-1 {
    line-height: 42.00px;
    font-family: "Brush Script MT", cursive;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    background-color: transparent;
    text-decoration: none;
    font-variant: normal;
    font-size: 30.0px;
    vertical-align: 0;
}

.J-2 {
    line-height: 28.00px;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    background-color: transparent;
    text-decoration: none;
    font-variant: normal;
    font-size: 16.0px;
    vertical-align: 0;
}

.J-3 {
    line-height: 28.00px;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
    color: #808080;
    background-color: transparent;
    text-decoration: none;
    font-variant: normal;
    font-size: 20.0px;
    vertical-align: 0;
}

.C-1 {
    line-height: 48.00px;
    font-family: "Trebuchet MS", Helvetica, serif;
    font-style: normal;
    font-weight: normal;
    color: #333333;
    background-color: transparent;
    text-decoration: none;
    font-variant: normal;
    font-size: 40.0px;
    vertical-align: 0;
}

.C-2 {
    line-height: 32.00px;
    font-family: "Trebuchet MS", Helvetica, serif;
    font-style: normal;
    font-weight: normal;
    color: #333333;
    background-color: transparent;
    text-decoration: none;
    font-variant: normal;
    font-size: 26.7px;
    vertical-align: 0;
}

.C-3 {
    line-height: 20.00px;
    font-family: "Trebuchet MS", Helvetica, serif;
    font-style: normal;
    font-weight: normal;
    color: #333333;
    background-color: transparent;
    text-decoration: none;
    font-variant: normal;
    font-size: 16.0px;
    vertical-align: 0;
}

.C-4 {
    line-height: 20.00px;
    font-family: "Trebuchet MS", Helvetica, serif;
    font-style: normal;
    font-weight: normal;
    color: #333333;
    background-color: transparent;
    text-decoration: none;
    font-variant: normal;
    font-size: 15.3px;
    vertical-align: 0;
}

.C-5 {
    line-height: 20.00px;
    font-family: "Trebuchet MS", Helvetica, serif;
    font-style: normal;
    font-weight: 700;
    color: #333333;
    background-color: transparent;
    text-decoration: none;
    font-variant: normal;
    font-size: 14.7px;
    vertical-align: 0;
}

.C-6 {
    line-height: 14.00px;
    font-family: "Arial", sans-serif;
    font-style: normal;
    font-weight: normal;
    color: #333333;
    background-color: transparent;
    text-decoration: none;
    font-variant: normal;
    font-size: 10.7px;
    vertical-align: 0;
}

.C-7 {
    line-height: 57.00px;
    font-family: "Trebuchet MS", Helvetica, serif;
    font-style: normal;
    font-weight: normal;
    color: #333333;
    background-color: transparent;
    text-decoration: none;
    font-variant: normal;
    font-size: 40.0px;
    vertical-align: 0;
}

.C-9 {
    line-height: 28.00px;
    font-family: "Trebuchet MS", Helvetica, serif;
    font-style: normal;
    font-weight: 700;
    color: #999999;
    background-color: transparent;
    text-decoration: none;
    font-variant: normal;
    font-size: 15.7px;
    vertical-align: bottom;
}

.C-12 {
    line-height: 18.00px;
    font-family: "Trebuchet MS", Helvetica, serif;
    font-style: normal;
    font-weight: 700;
    color: #ffffff;
    background-color: transparent;
    text-decoration: none;
    font-variant: normal;
    font-size: 12.4px;
    vertical-align: 0;
}

.OBJ-1, .OBJ-1:link, .OBJ-1:visited {
    background-image: url('../wpimages/wp268415c0_06.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;
    text-decoration: none;
    display: block;
    position: absolute;
}

    .OBJ-1:hover {
        background-position: 0px -80px;
    }

    .OBJ-1:active, a:link.OBJ-1.Activated, a:link.OBJ-1.Down, a:visited.OBJ-1.Activated, a:visited.OBJ-1.Down, .OBJ-1.Activated, .OBJ-1.Down {
        background-position: 0px -40px;
    }

    .OBJ-1:focus {
        outline-style: none;
    }

button.OBJ-1 {
    background-color: transparent;
    border: none 0px;
    padding: 0;
    display: inline-block;
    cursor: pointer;
}

    button.OBJ-1:disabled {
        pointer-events: none;
    }

.OBJ-1.Inline {
    display: inline-block;
    position: relative;
    line-height: normal;
}

.OBJ-1 span, .OBJ-1:link span, .OBJ-1:visited span {
    color: #808080;
    font-family: Georgia,serif;
    font-weight: normal;
    text-decoration: none;
    text-align: center;
    text-transform: capitalize;
    font-style: normal;
    left: 11px;
    top: 10px;
    width: 89px;
    height: 20px;
    line-height: 20px;
    font-size: 15px;
    display: block;
    position: absolute;
    cursor: pointer;
}

.OBJ-1:hover span {
    color: #b30000;
}

.OBJ-1:active span, a:link.OBJ-1.Activated span, a:link.OBJ-1.Down span, a:visited.OBJ-1.Activated span, a:visited.OBJ-1.Down span, .OBJ-1.Activated span, .OBJ-1.Down span {
    color: #919492;
}

.OBJ-2 {
    line-height: 40px;
}

.OBJ-3, .OBJ-3:link, .OBJ-3:visited {
    background-image: url('../wpimages/wp3447cbdd_06.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;
    text-decoration: none;
    display: block;
    position: absolute;
}

    .OBJ-3:hover {
        background-position: 0px -80px;
    }

    .OBJ-3:active, a:link.OBJ-3.Activated, a:link.OBJ-3.Down, a:visited.OBJ-3.Activated, a:visited.OBJ-3.Down, .OBJ-3.Activated, .OBJ-3.Down {
        background-position: 0px -40px;
    }

    .OBJ-3:focus {
        outline-style: none;
    }

button.OBJ-3 {
    background-color: transparent;
    border: none 0px;
    padding: 0;
    display: inline-block;
    cursor: pointer;
}

    button.OBJ-3:disabled {
        pointer-events: none;
    }

.OBJ-3.Inline {
    display: inline-block;
    position: relative;
    line-height: normal;
}

.OBJ-3 span, .OBJ-3:link span, .OBJ-3:visited span {
    color: #808080;
    font-family: Georgia,serif;
    font-weight: normal;
    text-decoration: none;
    text-align: center;
    text-transform: capitalize;
    font-style: normal;
    left: 11px;
    top: 10px;
    width: 95px;
    height: 20px;
    line-height: 20px;
    font-size: 15px;
    display: block;
    position: absolute;
    cursor: pointer;
}

.OBJ-3:hover span {
    color: #b30000;
}

.OBJ-3:active span, a:link.OBJ-3.Activated span, a:link.OBJ-3.Down span, a:visited.OBJ-3.Activated span, a:visited.OBJ-3.Down span, .OBJ-3.Activated span, .OBJ-3.Down span {
    color: #919492;
}

.OBJ-4, .OBJ-4:link, .OBJ-4:visited {
    background-image: url('../wpimages/wpfd878e05_06.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;
    text-decoration: none;
    display: block;
    position: absolute;
}

    .OBJ-4:hover {
        background-position: 0px -80px;
    }

    .OBJ-4:active, a:link.OBJ-4.Activated, a:link.OBJ-4.Down, a:visited.OBJ-4.Activated, a:visited.OBJ-4.Down, .OBJ-4.Activated, .OBJ-4.Down {
        background-position: 0px -40px;
    }

    .OBJ-4:focus {
        outline-style: none;
    }

button.OBJ-4 {
    background-color: transparent;
    border: none 0px;
    padding: 0;
    display: inline-block;
    cursor: pointer;
}

    button.OBJ-4:disabled {
        pointer-events: none;
    }

.OBJ-4.Inline {
    display: inline-block;
    position: relative;
    line-height: normal;
}

.OBJ-4 span, .OBJ-4:link span, .OBJ-4:visited span {
    color: #808080;
    font-family: Georgia,serif;
    font-weight: normal;
    text-decoration: none;
    text-align: center;
    text-transform: capitalize;
    font-style: normal;
    left: 11px;
    top: 10px;
    width: 138px;
    height: 20px;
    line-height: 20px;
    font-size: 15px;
    display: block;
    position: absolute;
    cursor: pointer;
}

.OBJ-4:hover span {
    color: #b30000;
}

.OBJ-4:active span, a:link.OBJ-4.Activated span, a:link.OBJ-4.Down span, a:visited.OBJ-4.Activated span, a:visited.OBJ-4.Down span, .OBJ-4.Activated span, .OBJ-4.Down span {
    color: #919492;
}

.OBJ-5, .OBJ-5:link, .OBJ-5:visited {
    background-image: url('../wpimages/wp26609c94_06.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;
    text-decoration: none;
    display: block;
    position: absolute;
}

    .OBJ-5:hover {
        background-position: 0px -80px;
    }

    .OBJ-5:active, a:link.OBJ-5.Activated, a:link.OBJ-5.Down, a:visited.OBJ-5.Activated, a:visited.OBJ-5.Down, .OBJ-5.Activated, .OBJ-5.Down {
        background-position: 0px -40px;
    }

    .OBJ-5:focus {
        outline-style: none;
    }

button.OBJ-5 {
    background-color: transparent;
    border: none 0px;
    padding: 0;
    display: inline-block;
    cursor: pointer;
}

    button.OBJ-5:disabled {
        pointer-events: none;
    }

.OBJ-5.Inline {
    display: inline-block;
    position: relative;
    line-height: normal;
}

.OBJ-5 span, .OBJ-5:link span, .OBJ-5:visited span {
    color: #808080;
    font-family: Georgia,serif;
    font-weight: normal;
    text-decoration: none;
    text-align: center;
    text-transform: capitalize;
    font-style: normal;
    left: 11px;
    top: 10px;
    width: 91px;
    height: 20px;
    line-height: 20px;
    font-size: 15px;
    display: block;
    position: absolute;
    cursor: pointer;
}

.OBJ-5:hover span {
    color: #b30000;
}

.OBJ-5:active span, a:link.OBJ-5.Activated span, a:link.OBJ-5.Down span, a:visited.OBJ-5.Activated span, a:visited.OBJ-5.Down span, .OBJ-5.Activated span, .OBJ-5.Down span {
    color: #919492;
}

.OBJ-6, .OBJ-6:link, .OBJ-6:visited {
    background-image: url('../wpimages/wp95bb7903_06.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;
    text-decoration: none;
    display: block;
    position: absolute;
}

    .OBJ-6:hover {
        background-position: 0px -80px;
    }

    .OBJ-6:active, a:link.OBJ-6.Activated, a:link.OBJ-6.Down, a:visited.OBJ-6.Activated, a:visited.OBJ-6.Down, .OBJ-6.Activated, .OBJ-6.Down {
        background-position: 0px -40px;
    }

    .OBJ-6:focus {
        outline-style: none;
    }

button.OBJ-6 {
    background-color: transparent;
    border: none 0px;
    padding: 0;
    display: inline-block;
    cursor: pointer;
}

    button.OBJ-6:disabled {
        pointer-events: none;
    }

.OBJ-6.Inline {
    display: inline-block;
    position: relative;
    line-height: normal;
}

.OBJ-6 span, .OBJ-6:link span, .OBJ-6:visited span {
    color: #808080;
    font-family: Georgia,serif;
    font-weight: normal;
    text-decoration: none;
    text-align: center;
    text-transform: capitalize;
    font-style: normal;
    left: 11px;
    top: 10px;
    width: 109px;
    height: 20px;
    line-height: 20px;
    font-size: 15px;
    display: block;
    position: absolute;
    cursor: pointer;
}

.OBJ-6:hover span {
    color: #b30000;
}

.OBJ-6:active span, a:link.OBJ-6.Activated span, a:link.OBJ-6.Down span, a:visited.OBJ-6.Activated span, a:visited.OBJ-6.Down span, .OBJ-6.Activated span, .OBJ-6.Down span {
    color: #919492;
}

.OBJ-7, .OBJ-7:link, .OBJ-7:visited {
    background-image: url('../wpimages/wp37ef9771_06.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;
    text-decoration: none;
    display: block;
    position: absolute;
}

    .OBJ-7:hover {
        background-position: 0px -80px;
    }

    .OBJ-7:active, a:link.OBJ-7.Activated, a:link.OBJ-7.Down, a:visited.OBJ-7.Activated, a:visited.OBJ-7.Down, .OBJ-7.Activated, .OBJ-7.Down {
        background-position: 0px -40px;
    }

    .OBJ-7:focus {
        outline-style: none;
    }

button.OBJ-7 {
    background-color: transparent;
    border: none 0px;
    padding: 0;
    display: inline-block;
    cursor: pointer;
}

    button.OBJ-7:disabled {
        pointer-events: none;
    }

.OBJ-7.Inline {
    display: inline-block;
    position: relative;
    line-height: normal;
}

.OBJ-7 span, .OBJ-7:link span, .OBJ-7:visited span {
    color: #808080;
    font-family: Georgia,serif;
    font-weight: normal;
    text-decoration: none;
    text-align: center;
    text-transform: capitalize;
    font-style: normal;
    left: 11px;
    top: 10px;
    width: 165px;
    height: 20px;
    line-height: 20px;
    font-size: 15px;
    display: block;
    position: absolute;
    cursor: pointer;
}

.OBJ-7:hover span {
    color: #b30000;
}

.OBJ-7:active span, a:link.OBJ-7.Activated span, a:link.OBJ-7.Down span, a:visited.OBJ-7.Activated span, a:visited.OBJ-7.Down span, .OBJ-7.Activated span, .OBJ-7.Down span {
    color: #919492;
}

.OBJ-8 {
    opacity: 0.50;
}
#menuHolder {
    position:absolute;
    left:350px;
    width: 900px;
    height: 50px; 
}

/*Mennu styles here */
:root {
    --font-family: "Trebuchet MS", Trebuchet, "Helvetica Neue", Arial, sans-serif;
    --dark-grey: #333333;
    --bordeaux: #800020;
    --second-bg: #808080;
    --menu-bg: #ffffff;
}
/*
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0
}
*/
body {
    font-family: var(--font-family);
    background: #fff;
    padding: 20px;
    color: var(--dark-grey)
}

/* Wrapper centers the menu both horizontally and vertically on the page */
.menu-wrapper {
    min-height: 100vh; /* full viewport height */
    display: flex;
    align-items: center; /* vertical center */
    justify-content: center; /* horizontal center */
    padding: 20px;
}
/* Horizontal top-level menu */
.cs_menu {
    list-style: none;
    display: flex;
    flex-direction: row;
    /*gap:1rem;*/
    background: var(--menu-bg);
    align-items: center;
    padding: 0 8px;
}

    /* Top-level items inline */
    .cs_menu > li {
        position: relative;
    }

    .cs_menu a {
        display: block;
        padding: 10px 14px;
        color: var(--dark-grey);
        text-decoration: none;
        font-size: 16px;
        transition: color .18s ease, background-color .18s ease;
        white-space: nowrap;
    }

        /* Hover and focus for top-level links */
        .cs_menu a:hover,
        .cs_menu a:focus {
            color: var(--bordeaux);
            outline: none;
        }

    /* Submenu styling (condensed) */
    .cs_menu li ul {
        position: absolute;
        left: 50%; /* center horizontally relative to parent */
        transform: translateX(-50%); /* shift back by half width */
        top: 100%;
        min-width: 140px;
        list-style: none;
        margin: 0;
        padding: 0;
        display: none;
        border-radius: 4px;
        box-shadow: 0 6px 18px rgba(0,0,0,0.08);
        z-index: 100;
        text-align: center; /* center text inside the container */
        overflow: hidden;
    }

    /* Show submenu on hover or focus */
    .cs_menu li:hover > ul,
    .cs_menu li:focus-within > ul,
    .cs_menu li.open > ul {
        display: block;
    }

    /* Second-level links styling */
    .cs_menu li ul li {
        margin: 1px 0;
    }

        /* Submenu items */
        .cs_menu li ul li a {
            display: block;
            background: var(--second-bg);
            color: #f5f5f5; /* light text for contrast on dark background */
            padding: 9px 9px;
            border-radius: 0;
            font-size: 14px;
            text-decoration: none;
            white-space: nowrap;
            text-align: center; /* center the link text */
            transition: background .15s ease, color .15s ease;
        }

            /* Hover / focus: make submenu background bordeaux and keep text readable */
            .cs_menu li ul li a:hover,
            .cs_menu li ul li a:focus {
                background: var(--bordeaux);
                color: #ffffff;
                text-decoration: none;
            }

/* Indicate submenu presence */
.has-submenu > a::after {
    content: " ";
    font-size: 0.9em;
    margin-left: 6px;
    color: var(--dark-grey);
}

/* Responsive: collapse to stacked menu on small screens */
@media (max-width:640px) {
    .cs_menu {
        flex-direction: column;
        gap: 0
    }

        .cs_menu li ul {
            position: static;
            display: none;
            margin-top: 0;
            box-shadow: none;
            padding: 6px 0
        }

        .cs_menu li.open > ul {
            display: block
        }

        .cs_menu a {
            padding: 12px 16px;
            border-bottom: 1px solid #eee
        }

        .cs_menu li ul li a {
            border-radius: 0
        }
}

a:focus-visible {
    outline: 2px solid rgba(128,0,32,0.18);
    outline-offset: 2px;
}