/*  Top Banner styles   */
        .CSBannerFlexContainer {
            background-color: black;
            color: white;
            margin: 0 5% 20px;
            min-width: 1000px;
            max-width: 1500px;
        }

        .CSBannerFlexbox {
            display: flex;
            align-items: center;
            justify-content: space-between;
            flex-direction: row;
            flex-wrap: nowrap;
            align-content: flex-end;
        }

        .CSBannerFlexboxItem {
            text-align: center;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 90%;
            font-weight: 400;
            width: 190px;
            height: 40px;
            padding-top: 20px;
            /* Resume back to normal.  */
            transition: .5s all;
            position: relative;
        }

        .CSBannerFlexboxItem:hover {
            cursor: pointer;
            color: yellow !important;
            letter-spacing: .1em;
            transition: 1 all;
        }
/*            
        .CSBannerFlexboxItem:hover {
            color: red;
            cursor: pointer;
        }
*/
        /* Main Image styles */
        .MainImageStyle {
            position: relative;
            background-size: auto;
            background-image: url(Cottage02.jpg);
            background-repeat: no-repeat;
            background-position: bottom center;
            height: 580px;
            margin: 20px 5% 0px 5%;           
            min-width: 1000px;
            max-width: 1500px;
            object-fit: contain;
        }

        .MainImageTextDIV {
            color: black;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 2em;
            text-align: left;
            width: 600px;
            position: absolute;
            left: 30%;
            top: 15%;
        }
           
        /* Other pages styles */

        body {
            font-family: Arial, Helvetica, sans-serif;	
        }

        .CSContentWrapper {
            background-color: white;
            color: black;
            margin: 0 5% 20px;
            min-width: 1000px;
            max-width: 1500px;
        }

        h1 {
            text-align: center;
        }

        .MainContent {
            float: left;
            width: 60%;
            padding: 0 20px 0 20px;
            /* border-left: dashed 1px rgb(153,153,153); */
            border-right: dashed 1px rgb(153,153,153);
        }

        .MainContent h2 {
            font-size: 2em;
            margin-top: 10px;	
        }
        .MainContent h3 {
            font-size: 1.5em;
            margin-top: 20px;	
        }
        .MainContent p {
            margin-bottom: 15px;	
        }

        .RightSidebar {
            float: left;
            width: 32%;
            padding: 0 20px 0 10px;	
        }

        .RightSidebar h2 {
            font-size: 1.3em;
            margin-top: 10px;	
        }
        .RightSidebar h3 {
            font-size: 1.1em;
            margin-top: 15px;
        }
        .RightSidebar p, aside li {
            font-size: .75em;
            margin-top: 10px;	
        }

        #footer {
            background: rgb(255, 255, 255);
            text-align: center;
            overflow: hidden;
            /* padding-top: 30px; */
            clear: both;
            color: #333;
            font-size: .85em;
            font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
        }