.roomphoto {
    background-size: cover;
    height: 265px;
}


.roomholder:first-of-type {
    margin-top: 20px;
}

.roomholder {
    width: 90%;
    /*float: left;*/
    h-eight: 350px;
    background-color: #ffffff;
    border-bottom: 1px solid #cccccc;
    padding: 0px;
    font-size: 1em;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
}

.roomtextholder {
    padding: 5px;
    font-size: 1em;
    text-decoration: none !important;
}



a.roomtextholder  {
    padding: 5px;
    font-size: 1em;
    text-decoration: none !important;
}

roomtextholder.a {
    text-decoration: none;
}



.roomcost {
    font-weight: bold;
    letter-spacing: 2pt;
}

/* menu area */

#Menu {
    display: none;
    visibility: hidden;
}


@media only screen and (min-width: 645px) {


    .roomholder:first-of-type {
        margin-top: 1%;
    }


    #headertop {
        background-image: url('/images/bmbc2022.PNG');
        background-repeat: no-repeat;
        background-size: contain;
        margin-top: 20px;
    }


    .roomholder {
        width: 49%;
        margin: 1%;
        float: left;
        h-eight: 350px;
        padding: 0px;
    }

    .roomholderleft {
        float: left;
        margin-left: 0px;
    }

    .roomholderright {
        float: right;
        margin-right: 0px;
    }

    .roomphoto {
        height: 290px;
        background-color: #5dc2ee;
    }

    .roomtext {
        height: 100px;
    }




    .roomtextholder {
        width: 50%;
        padding: 5px;
        font-size: 1em;
    }

    .roomtextleft {
        float: left;
        text-align: left;
    }

    .roomtextright {
        float: right;
        text-align: right;
    }


    /* menu area */

    #Menu {
        height: 40px;
        color: #808080;
        /*background-image: url(/images/menuMid.gif);*/
        float: left;
        width: 100%;
        margin-bottom: 10px;
        /* border: solid 0px #000000;*/
        text-align: center;
        display: block;
        visibility: visible;
    }

    #MenuLeft {
        height: 30px;
        color: #808080;
        /*background-image: url(/images/menuLeft.gif);*/
        float: left;
        width: 7px;
    }

    #MenuRight {
        height: 30px;
        color: #808080;
        /*background-image: url(/images/menuRight.gif);*/
        float: left;
        width: 8px;
    }

    #ulMenu {
        margin: 0px;
        padding: 0px;
        m-argin-left: 15px;
        margin-left: auto;
        margin-right: auto;
        f-loat: left;
        width: 100%;
        display: inline-block;
    }

        #ulMenu li {
            width: 128px;
            text-align: center;
            margin-top: 3px;
            padding: 3px;
            display: inline-block;
            b-order-right: solid 1px #cccccc;
            b-order-right-style: ridge;
            zoom: 1;
            *display: inline;
        }

            #ulMenu li:hover {
                /*background-image: url(/images/menuMidOver.gif);*/
            }

    .gaudy a {
        color: #ff0000 !important;
    }

    #ulMenu a {
        text-decoration: none;
        color: #808080;
        font-size: 12pt;
        font-weight: bold;
    }

        #ulMenu a:hover {
            text-decoration: none;
            color: red;
            // #FFFF00;
            f-ont-size: 10pt;
        }

    /* menu area end */
}