/*OETRA/CSS*/

/* BASIC PAGE SETUP ============================================================================= */

body {
    margin: 0 auto;
    padding: 0;
    font-family: Arial, Helvetica, Verdana, Sans-serif;
    /*font-size: small;*/
    /*color: #4E7C31; darkest olive green*/
    color: #ffffff; /*White changed 6/7/2024*/
    text-align: center;
    background: #ffffff;
    /*background: #ffffff url(/images/bodyback.jpg) center top;*/
}



/*  HEADINGS  ============================================================================= */

h1, h2, h3, h4, h5, h6 {
    font-family: Arial, Helvetica, Verdana, Sans-serif;
    font-weight: normal;
    margin-top: 0px;
    /*letter-spacing: -1px;*/
}

h1 {
    color: #325120;
    /*color: #667744;*/
    margin-bottom: 0.2em;
    font-size: 2.5em; /* 40 / 16 */
    line-height: 1.4;
}

    h1.center {
        text-align: center;
    }

h2 {
    color: #325120;
    margin-bottom: .5em;
    font-size: 2em; /* 32 / 16 */
    line-height: 1.2;
}

    h2.center {
        text-align: center;
    }

h3 {
    color: #325120;
    margin-bottom: 0.3em;
    font-size: 1.5em; /* 24 / 16 */
    line-height: 1.3;
}

    h3.center {
        text-align: center;
    }

h4 {
    color: #325120;
    margin-bottom: 0.2em;
    letter-spacing: normal;
    font-size: 1.25em; /* 20 / 16  */
    line-height: 1.25;
}

    h4.center {
        text-align: center;
    }

    h4.maroon {
        color: maroon;
    }

    h4.h4italic {
        font-style: italic;
    }

    h4.h4aliceItalic {
        color: aliceblue;
        font-style: italic;
    }

h5 {
    color: #667744;
    letter-spacing: normal;
    margin-bottom: 1.5em;
    font-size: 1em; /* 16 / 16 */
}

    h5.center {
        text-align: center;
    }

h6 {
    color: #667744;
    letter-spacing: normal;
    font-size: .75em; /* 16 / 16  */
}

    h6.center {
        text-align: center;
    }

footer h3 {
    color: #99aa66;
}
/*  TYPOGRAPHY  ============================================================================= */

p, ol, ul, dl, address {
    margin-bottom: 1.5em;
    font-size: 1em; /* 16 / 16 = 1 */
}

p {
    hyphens: auto;
}


    p.introtext {
        font-size: 1.5em; /* 24 / 16 */
        line-height: 1.4em;
        font-family: Arial, Helvetica, Verdana, Sans-serif;
    }

    p.center {
        text-align: center;
    }

ul,
ol {
    margin: 0 0 1.5em 0;
    padding: 0 0 0 24px;
}

    ul.center {
        text-align: center;
    }

li ul,
li ol {
    margin: 0;
    font-size: 1em; /* 16 / 16 = 1 */
}

li.center {
    /*display: inline-block; this makes list like "Cecil Bernard  Sam and Ann Burnsed  Susan Friend  Marjorie Lay  Kathryn Paul"*/
    display: block;
    text-align: center;
}

li.fancy {
    font-size: medium;
    font-style: italic;
    color: maroon;
}

li.SecondLevel {
    font-size: .80em;
}

li.ThirdLevel {
    font-size: .75em;
}

dl,
dd {
    margin-bottom: 1.5em;
}

dt {
    font-weight: normal;
}

b, strong {
    font-weight: bold;
}

hr {
    display: block;
    margin: 1em 0;
    padding: 0;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
}

small {
    font-size: 1em; /* 16 / 16 = 1 */
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -.5em;
}

sub {
    bottom: -.25em;
}

/* LINKS =============================================================================  */

a {
    /*color : #445533;
    color: darkblue;
    text-decoration: none;*/
    color: #0000EE; /*standard*/
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    text-decoration: underline;
}

    a:visited {
        color: purple;
        text-decoration: underline;
    }

    a:focus {
        outline: thin dotted;
        color: rgb(0,0,0);
    }


    a:hover,
    a:active {
        outline: 0;
        color: #5E5EFF;
        text-decoration: underline;
    }

/*Footer links not used this app*/
footer a {
    color: #ffffff;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    footer a:visited {
        color: #ffffff;
    }

    footer a:focus {
        outline: thin dotted;
        color: rgb(0,0,0);
    }

    footer a:hover,
    footer a:active {
        outline: 0;
        color: #eeffee;
    }

/* IMAGES ============================================================================= */

img {
    border-style: none;
    border-color: inherit;
    border-width: 0;
    max-width: 100%;
}

    img.floatleft {
        float: left;
        margin: 0 20px 0 0;
    }

    img.floatright {
        float: right;
        margin: 0 0 0 20px;
    }

    img.floatright2 {
        float: right;
        clear: right;
        margin: 20px 0 0 20px;
    }
    /*how to center an image*/
    IMG.centered {
        display: block;
        margin-left: auto;
        margin-right: auto
    }

/*  BUTTONS  ============================================================================= */

button, input {
    line-height: normal;
    *overflow: visible;
}

    button,
    input[type="button"],
    input[type="reset"],
    input[type="submit"] {
        /*padding: 0.5em 1em;
margin: 0 0 1em 0;*/
        cursor: pointer;
        /*text-shadow:0 1px 0 #fff;*/
    }

        button::-moz-focus-inner,
        input::-moz-focus-inner {
            padding: 0;
            border: 0;
        }

/*default button color is orange*/
.button {
    background: orange url(/images/glass.png) repeat-x 0 50%;
    color: #fff;
    cursor: pointer;
    font-family: Arial, Helvetica, Verdana, Sans-serif;
    font-size: 1em;
    outline: none;
    padding-right: 1em;
    text-align: center;
    text-decoration: none;
    transition: all 0.3s ease;
    width: auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

    .button:hover {
        background: url(/images/glass.png) repeat-x 0 50%;
        color: #fff;
        text-decoration: none;
    }

    .button:active {
        background: url(/images/glass.png) repeat-x 0 50%;
        color: #fff;
        position: relative;
        top: 1px;
    }

    .button:visited {
        color: #fff;
    }

.buttonSubmit {
    background: maroon url(/images/glass.png) repeat-x 0 50%;
    color: #fff;
    cursor: pointer;
    font-family: Arial, Helvetica, Verdana, Sans-serif;
    font-size: 1em;
    margin: 0 0 1em 0;
    outline: none;
    padding: 0.5em 1em;
    text-align: center;
    text-decoration: none;
    transition: all 0.3s ease;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    /*different from regular button*/
    border-radius: 5px;
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

    .buttonSubmit:hover {
        background: maroon url(/images/glass.png) repeat-x 0 50%;
        background-color: #993333;
        color: #fff;
        text-decoration: none;
    }

.buttonOrange {
    background: orange url(/images/glass.png) repeat-x 0 50%;
    color: #fff;
    cursor: pointer;
    font-family: Arial, Helvetica, Verdana, Sans-serif;
    font-size: 1em;
    margin: 0 0 1em 0;
    outline: none;
    padding: 0.5em 1em;
    padding-right: 1em;
    text-align: center;
    text-decoration: none;
    transition: all 0.3s ease;
    width: auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    /*different from regular button*/
    border-radius: 5px;
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

    .buttonOrange:hover {
        background: maroon url(/images/glass.png) repeat-x 0 50%;
        background-color: #CA8400;
        color: #fff;
        text-decoration: none;
    }

.buttonBlack {
    background: black url(/images/glass.png) repeat-x 0 50%;
    color: #fff;
    cursor: pointer;
    font-family: Arial, Helvetica, Verdana, Sans-serif;
    font-size: 1em;
    margin: 0 0 1em 0;
    outline: none;
    padding: 0.5em 1em;
    padding-right: 1em;
    text-align: center;
    text-decoration: none;
    transition: all 0.3s ease;
    width: auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    /*different from regular button*/
    border-radius: 5px;
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

.buttonPayPal {
    background: blue url(/images/glass.png) repeat-x 0 50%;
    color: #fff;
    cursor: pointer;
    font-family: Arial, Helvetica, Verdana, Sans-serif;
    font-size: 1em;
    margin: 0 0 1em 0;
    outline: none;
    padding: 0.5em 1em;
    padding-right: 1em;
    text-align: center;
    text-decoration: none;
    transition: all 0.3s ease;
    width: auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    /*different from regular button*/
    border-radius: 5px;
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

.buttonGreen {
    background: forestgreen url(/images/glass.png) repeat-x 0 50%;
    color: #fff;
    cursor: pointer;
    font-family: Arial, Helvetica, Verdana, Sans-serif;
    font-size: 1em;
    margin: 0 0 1em 0;
    outline: none;
    padding: 0.5em 1em;
    padding-right: 1em;
    text-align: center;
    text-decoration: none;
    transition: all 0.3s ease;
    width: auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    /*different from regular button*/
    border-radius: 5px;
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

/* TABLES ============================================================================= */

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: auto;
    font-family: Arial, Helvetica, Verdana, Sans-serif;
    font-size: 1em;
}

table, th, td {
    border: 1px solid #666;
    color: #333;
}
/**/
th, td, caption {
    padding: 2px 5px 2px 5px;
}

tfoot {
    font-style: italic;
}

caption {
    background-color: transparent;
}

/*Gridviews are essentially tables when compiled, therefore gridlines are set above in "table, th, td"*/

/* GRIDVIEW page numbers in footer when "pages" is enabled*/
.gvPageNums a {
    margin: auto 1%;
    /*border-radius: 50%;*/
    background-color: #325120;
    padding: 5px 10px 5px 10px;
    color: #fff;
    text-decoration: none;
    -o-box-shadow: 1px 1px 1px #111;
    -moz-box-shadow: 1px 1px 1px #111;
    -webkit-box-shadow: 1px 1px 1px #111;
    box-shadow: 1px 1px 1px #111;
}

    .gvPageNums a:hover {
        background-color: #1e8d12;
        color: #fff;
    }

.gvPageNums span {
    background-color: #4E7C31;
    color: #fff;
    -o-box-shadow: 1px 1px 1px #111;
    -moz-box-shadow: 1px 1px 1px #111;
    -webkit-box-shadow: 1px 1px 1px #111;
    box-shadow: 1px 1px 1px #111;
    border-radius: 50%;
    padding: 5px 10px 5px 10px;
}

/*"input" are the buttons used in gridviews, whether buttons or ImageButton. ONLY USE THIS CLASS with gridviews with regular buttons, NOT imagebuttons*/
.gvclass input {
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    color: #fff;
    padding: .5em 1em;
    margin: 1px;
    transition: all 0.3s ease;
    height: auto;
    line-height: normal;
    background: url(/images/glass.png) repeat-x 0 50%;
    color: #fff;
    text-align: center;
    padding-right: 10px;
    background-color: maroon;
    width: auto;
    /*added*/
    border-radius: 5px;
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
/*Misc classes	=============================================================================*/
.note {
    color: #663300;
    font-size: smaller;
    font-style: italic;
}

.noteLarger {
    color: #663300;
    font-style: italic;
}

.noteGreen {
    color: #325120;
    margin-bottom: 0.2em;
    letter-spacing: normal;
    font-size: 1.25em; /* 20 / 16  */
    line-height: 1.25;
}

.notePurple {
    color: purple;
    margin-bottom: 0.3em;
    font-size: 1.5em; /* 24 / 16 */
    line-height: 1.3;
}

.noteGray {
    color: #C0C0C0;
    font-size: smaller;
    font-style: italic;
}

.noteChoco {
    color: #D2691E; /*chocolate*/
    font-size: smaller;
    font-style: italic;
}

.noteChocoLarger {
    color: #D2691E; /*chocolate*/
    font-size: larger;
    font-style: italic;
}

.noteChocoDir {
    color: #D2691E; /*chocolate*/
    font-style: italic;
}

.noteRed {
    color: red;
    font-style: italic;
    font-size: smaller;
}

.noteRedLarger {
    color: red;
    font-style: italic;
    font-size: larger;
}

.noteOrangeLarger {
    color: #ff8c00; /*darkorange*/
    font-style: italic;
    /*font-size: larger;*/
}

/*  MAIN LAYOUT	============================================================================= */

#skiptomain {
    display: none;
}

#wrapper {
    /*width: 93.75%;  1062px / 1250px */
    width: 100%;
    /*max-width: 63em;  1200px / 16 THIS WAS WHAT MADE PAGE TAKE UP OLD NARROW SCREEN SIZE!!!!!!!!!!!!*/
    margin: 0px auto;
    position: relative;
    text-align: left;
    background: #fff;
    -webkit-box-shadow: 0 3px 10px rgba(0,0,0,.5);
    -moz-box-shadow: 0 3px 10px rgba(0,0,0,.5);
    box-shadow: 0 3px 10px rgba(0,0,0,.5);
}

#headcontainer {
    width: 100%;
}

#header {
    clear: both;
    width: 94%; /* 940px / 1000px */
    margin: 0 auto;
    padding: 0px;
    color: #000;
    background: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff));
    /*background: #99aa66;*/
    /*background: -webkit-gradient(linear, left top, left bottom, from(#bbcc88), to(#99aa66));*/
    /*background: -webkit-gradient(linear, left top, left bottom, from(#bbcc88), to(#99aa66));*/
    background: -moz-linear-gradient(top, #bbcc88, #99aa66);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbcc88', endColorstr='#99aa66');
    position: relative;
}

#toplogo {
    padding: 0px 0px 0px 0px;
    width: 57.44%; /* 540px / 940px */
    height: 102px;
    float: left;
    /*color: #667744;*/
    color: #ffffff;
}

    #toplogo img.logo {
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 1;
    }

    #toplogo img.text {
        position: absolute;
        top: 0;
        left: 180px;
        z-index: 1;
    }

    #toplogo a:link, #toplogo a:visited {
        color: #667744;
        text-decoration: none;
    }

    #toplogo a:hover {
        color: #667744;
        text-decoration: none;
    }

#topright {
    padding: 22px 10px 0px 0px;
    width: 40%; /* 390px / 930px */
    float: right;
    color: #efd;
    text-align: right;
}

    #topright p {
        margin: 2px 0px;
    }

    #topright a:link, #topright a:visited {
        font-size: 1.2em;
        font-weight: normal;
        font-family: Arial, Helvetica, Verdana, Sans-serif;
        color: #fff;
        text-decoration: none;
    }

    #topright a:hover {
        font-size: 1.2em;
        font-weight: normal;
        font-family: Arial, Helvetica, Verdana, Sans-serif;
        color: #fff;
        text-decoration: none;
    }

    #topright strong {
        font-size: 1.2em;
        font-weight: normal;
        font-family: Arial, Helvetica, Verdana, Sans-serif;
        color: #efd;
    }

.enquire {
    font-size: 0.9em;
    padding: 0px;
    margin: 0px;
    height: 50px;
    vertical-align: middle;
    float: right;
}

.telephone {
    padding: 0px;
    margin: 0px 0px 0px 30px;
    height: 50px;
    vertical-align: middle;
    float: right;
}


    .telephone img {
        padding-right: 10px;
        vertical-align: middle;
    }

    .telephone strong {
        padding-top: 10px;
        vertical-align: middle;
        letter-spacing: -1px;
    }


#navcontainer {
    width: 100%;
}

.menuToggle {
    display: none;
}

nav {
    clear: both;
    width: 93%; /* 930px / 1000px */
    height: 60px;
    margin: 0 auto;
    padding: 0px 1% 5px 0px;
    background: #667744;
    border-bottom: 1px solid #556633;
    z-index: 10;
    position: relative;
    font-size: 0.9375em; /* 15 / 16 */
    font-family: CabinRegular, 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
}

    nav a:link, nav a:visited {
        color: #fff;
        text-decoration: none;
    }

    nav a:hover {
        color: #fff;
        text-decoration: underline;
    }

    nav img.reflection {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
    }


    nav ul#menu {
        list-style: none;
        padding: 10px 0 0 0;
        margin: 0px;
        float: right;
    }

        nav ul#menu li {
            display: block;
            float: left;
            text-align: center;
            position: relative;
            padding: 5px;
            margin: 0 10px 0 0;
            line-height: 1.5em;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }

            nav ul#menu li a {
                padding: 7px;
                display: block;
                color: #fff;
                outline: 0;
                text-decoration: none;
            }

            nav ul#menu li.activeNav {
                background: #aabb77;
                -moz-border-radius: 5px 5px 5px 5px;
                -webkit-border-radius: 5px 5px 5px 5px;
                border-radius: 5px 5px 5px 5px;
            }


            nav ul#menu li:hover {
                background: #99aa66;
                -moz-border-radius: 5px 5px 5px 5px;
                -webkit-border-radius: 5px 5px 5px 5px;
                border-radius: 5px 5px 5px 5px;
            }

            nav ul#menu li.hassub:hover {
                background: #99aa66;
                -moz-border-radius: 5px 5px 0px 0px;
                -webkit-border-radius: 5px 5px 0px 0px;
                border-radius: 5px 5px 0px 0px;
            }

            nav ul#menu li:hover a {
                color: #ffffff;
            }

            nav ul#menu li .drop {
                padding-right: 17px;
                background: url("/images/drop.png") no-repeat right 10px;
            }

            nav ul#menu li:hover .drop {
                background: url("/images/drop.png") no-repeat right 10px;
            }

.dropdown_1column,
.dropdown_2columns,
.dropdown_3columns,
.dropdown_4columns,
.dropdown_5columns {
    margin: 4px auto;
    position: absolute;
    left: -999em; /* Hides the drop down */
    text-align: left;
    padding: 5px;
    border-top: none;
    background: #ff9922;
    background: -webkit-gradient(linear, left top, left bottom, from(#99aa66), to(#889955));
    background: -moz-linear-gradient(top, #99aa66, #889955);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99aa66', endColorstr='#889955');
    -moz-border-radius: 0px 5px 5px 5px;
    -webkit-border-radius: 0px 5px 5px 5px;
    border-radius: 0px 5px 5px 5px;
    z-index: 999999;
}

.dropdown_1column {
    width: 200px;
}

.dropdown_2columns {
    width: 400px;
}

.dropdown_3columns {
    width: 600px;
}

.dropdown_4columns {
    width: 800px;
}

.dropdown_5columns {
    width: 1000px;
}


nav ul#menu li:hover .dropdown_1column,
nav ul#menu li:hover .dropdown_2columns,
nav ul#menu li:hover .dropdown_3columns,
nav ul#menu li:hover .dropdown_4columns,
nav ul#menu li:hover .dropdown_5columns {
    left: 0px;
    top: auto;
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);
    -moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
    box-shadow: 0 3px 6px rgba(0,0,0,.25);
}

.col_1,
.col_2,
.col_3,
.col_4,
.col_5 {
    display: inline;
    float: left;
    position: relative;
    padding: 5px;
    line-height: 1.3em;
}

.col_1 {
    width: 190px;
}

.col_2 {
    width: 390px;
}

.col_3 {
    width: 590px;
}

.col_4 {
    width: 790px;
}

.col_5 {
    width: 990px;
}



nav ul#menu li ul {
    list-style: none;
    padding: 0;
    margin: 0 0 12px 0;
}

    nav ul#menu li ul li {
        position: relative;
        padding: 1px 0 1px 0;
        margin: 0;
        float: none;
        text-align: left;
        width: 190px;
    }

        nav ul#menu li ul li a {
            padding: 0px;
        }

        nav ul#menu li ul li:hover {
            background: none;
            border: none;
            text-decoration: underline;
        }

nav ul#menu li .navfeature {
    font-size: 0.8667em; /* 13 / 15 */
    ;
}

    nav ul#menu li .navfeature a {
        display: inline;
        padding: 0px;
    }


#topimagecontainer {
    width: 100%;
}

#topimage {
    clear: both;
    width: 94%; /* 940px / 1000px */
    margin: 0 auto;
    padding: 0px;
    font-size: 0.8125em; /* 13 / 16 */
    color: #333;
}

#maincontentcontainer {
    width: 100%;
}

#maincontent {
    clear: both;
    width: 94%; /* 940px / 1000px */
    margin: 0 auto;
    padding: 5px 20px 15px 20px;
    color: #333;
    line-height: 1.5em;
    position: relative;
    font-size: 0.8125em; /* 13 / 16 */
}

.addthis_toolbox {
    float: right;
    min-width: 163px;
}

.standard_toolbox {
    float: left;
    !important;
    width: 100%;
    padding: 0 0 1em 0;
}

#maincontentleft {
    width: 59.2%;
    float: left;
    padding: 0px;
    margin: 0px 2% 0px 0px;
}


#maincontentright {
    width: 38.8%;
    float: right;
    padding: 0px;
    margin: 0px 0px 0px 0px;
}
/***************************************************************************************/
#logon {
    clear: both;
    width: 90%; /* 1000px / 1250px */
    margin: 0 auto;
    padding: 5px 0 0 0;
    color: #333;
    line-height: 1.5em;
    text-align: left;
}

#logonRight {
    clear: both;
    width: 90%; /* 1000px / 1250px */
    margin: 0 auto;
    padding: 5px 0 0 0;
    color: #333;
    line-height: 1.5em;
    text-align: left;
}

#chgpw {
    clear: both;
    width: 90%; /* 1000px / 1250px */
    margin: 0 auto;
    padding: 5px 0 0 0;
    color: #333;
    line-height: 1.5em;
    text-align: left;
}
/***************************************************************************************/
/* Collapse Panel */
.collapsePanelHeader {
    width: 100%;
    height: auto;
    background-color: Transparent;
    /*float: left;*/
    padding: 5px;
    vertical-align: middle;
}

.collapsePanel {
    width: inherit;
    height: auto;
    background-color: Transparent;
    overflow: auto;
    color: inherit;
    padding: 5px;
}
/***************************************************************************************/
#footercontainer {
    width: 100%;
    background: #000011 url(/images/footerback.png);
    background: rgba(0, 0, 17, 0.95) url(/images/footerback.png);
}

footer {
    clear: both;
    width: 94%; /* 940px / 1000px */
    margin: 0 auto;
    padding: 20px 2% 10px 2%;
    font-size: 0.8125em; /* 13 / 16 */
    color: #A6D5FF;
}
    /*.facebook_box { border:none; overflow:hidden; width:80%; height:244px; border:1px #fff solid; margin-top:10px; }
			.tweet_list { list-style:none; margin:0 0 1em 0; padding:0; }
			.tweet_list img { display:none; }
			.tweet_list li { border-bottom:1px #666 solid; padding:0.5em 0; }
			
			#twitter_feed span {
				margin: 1em 0; padding: 1em 0;
				}*/

    footer a:link, footer a:visited {
        color: #A6D5FF;
        text-decoration: none;
    }

    footer a:hover {
        color: #eee;
        text-decoration: underline;
    }

/*footer a:link, footer a:visited { color: #fff; text-decoration: none; }
		footer a:hover { color: #fff; text-decoration: underline; }*/


ul.pagefooterlist {
    display: block;
    /*float: left;*/
    margin: 0px;
    padding: 0px;
    list-style: none;
}

    ul.pagefooterlist li {
        clear: left;
        margin: 10px;
        padding: 0px 0px 3px 0px;
        display: block;
        line-height: 1em;
        font-weight: normal;
        background: none;
    }

ul.socialmedia-list {
    display: block;
    float: left;
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.socialmedia-list li {
    float: left;
}

.socialmedia {
    height: 34px;
    clear: none;
}

    .socialmedia img {
        padding: 5px 5px 5px 0px;
        vertical-align: middle;
        opacity: 0.75;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
        filter: alpha( opacity = 75);
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .socialmedia a {
        text-decoration: none;
    }

        .socialmedia a:hover img {
            opacity: 1.0;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            filter: alpha( opacity = 100);
        }

#smallprint {
    margin-top: 20px;
    font-size: 0.923em; /* 12 / 13 */
    line-height: 1.4em;
    text-align: left;
    color: #eee;
}

    #smallprint a:link, #smallprint a:visited {
        color: #eee;
        text-decoration: none;
    }

    #smallprint a:hover {
        color: #eee;
        text-decoration: underline;
    }


/***************************************************************************************/
#smallprintcontainer {
    display: block;
    width: 100%;
    background: #111;
    padding: 15px 0 2px 0;
}

#smallprint {
    clear: both;
    width: 80%; /* 1000px / 1250px */
    font-size: 0.6875em; /* 11 / 16 */
    max-width: 109.09em; /* 1200px / 11 */
    margin: 0 auto;
    padding: 0px 0px 0px 0px;
    color: #ccc;
    text-align: center;
}


    #smallprint a:link, #smallprint a:visited {
        color: #ccc;
        text-decoration: none;
    }

    #smallprint a:hover {
        color: #eee;
        text-decoration: underline;
    }
/*  SECTIONS  ============================================================================= */


.section {
    clear: both;
    padding: 10px 0px 10px 0px;
    margin: 0px;
}

.sectionend {
    background: none;
}

/*  GROUPING  ============================================================================= */


.group:before,
.group:after {
    content: "";
    display: table;
}

.group:after {
    clear: both;
}

.group {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

/*  GRID COLUMN SETUP   ==================================================================== */

.col {
    display: block;
    float: left;
    margin: 1% 0 1% 1.6%;
}

    .col:first-child {
        margin-left: 0;
    }
/* all browsers except IE6 and lower */

.newline {
    margin-left: 0;
}

/*  GRID OF FIVE   ============================================================================= */


.span_5_of_5 {
    width: 100%;
}

.span_4_of_5 {
    width: 79.68%;
}

.span_3_of_5 {
    width: 59.36%;
}

.span_2_of_5 {
    width: 39.04%;
}

.span_1_of_5 {
    width: 18.72%;
}

/*  GRID OF FOUR   ============================================================================= */

.span_3_of_4 {
    width: 74.6%;
}

.span_2_of_4 {
    width: 49.2%;
}

.span_1_of_4 {
    width: 23.8%;
}

/*  GRID OF THREE   ============================================================================= */


.span_3_of_3 {
    width: 100%;
}

.span_2_of_3 {
    width: 66.13%;
}

.span_1_of_3 {
    width: 32.26%;
}
/*  GRID OF TWO   ============================================================================= */


.span_2_of_2 {
    width: 100%;
}

.span_1_of_2 {
    width: 49.2%;
}

.span_1_of_1 {
    width: 100%;
}


/*  PAGE IMAGES   ============================================================================= */

img.pagegridimage {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);
    -moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
    box-shadow: 0 3px 6px rgba(0,0,0,.25);
}

/*  PAGE FEATURES  ============================================================================= */


.pagefeature {
    border-top: 2px solid #667744;
    background: -webkit-gradient(linear, left top, left bottom, from(#ddeeaa), to(#eeffbb));
    background: -moz-linear-gradient(top, #ddeeaa, #eeffbb);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ddeeaa', endColorstr='#eeffbb');
}

/*  SECTIONS  ============================================================================= */

.section {
    padding: 10px 0px 10px 0px;
    margin: 0px;
}

.sectionend {
    background: none;
}


.failureNotification {
    font-size: 1.2em;
    color: Red;
    display: block;
}

.RedInLine {
    font-size: 1.2em;
    color: Red;
    display: inline;
}

.ChocoInLine {
    font-size: 1.2em;
    color: chocolate;
    display: inline;
}

.actionResponse {
    font-size: 1.2em;
    color: Red;
    display: block;
}

/*  ICON LINKS ============================================================================= */

a.iconlink {
    padding-left: 10px;
    background: url(/images/icon.gif) no-repeat top left;
}


/* FORMS ============================================================================= */

.chk {
    width: 10px;
}

div.container {
    border: 1px solid red;
    padding: 10px;
    background: #ffe386;
    background: -moz-linear-gradient(top, #ffe386 0%, #f9d57f 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffe386), color-stop(100%,#f9d57f));
    background: -webkit-linear-gradient(top, #ffe386 0%,#f9d57f 100%);
    background: -o-linear-gradient(top, #ffe386 0%,#f9d57f 100%);
    background: -ms-linear-gradient(top, #ffe386 0%,#f9d57f 100%);
    background: linear-gradient(top, #ffe386 0%,#f9d57f 100%);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

    div.container ol li {
        list-style-type: none;
        background: url(/images/unchecked.gif) no-repeat 0px 2px;
    }

    div.container ol {
        padding: 10px 0 0 10px;
    }




div.container {
    display: none
}

.container label.error {
    display: inline;
    margin-left: 20px;
}

label sup {
    font: bold 12px Arial;
}


/*  GLOBAL OBJECTS ============================================================================= */

.breaker {
    clear: both;
}

.group:before,
.group:after {
    content: "";
    display: table;
}

.group:after {
    clear: both;
}

.group {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}


.floatleft {
    float: left;
}

.floatright {
    float: right;
}


/*  MEDIA QUERIES ============================================================================= */
@media screen and (max-width: 1100px) {
    #topright a:link, #topright a:visited {
        font-size: 1em;
    }
    /*.enquire { margin-top:8px; }
	
	.about-your-stay { float:left; }
	.calendar-detail { width:70%; }*/

}

@media screen and (max-width: 1024px) {
    nav ul#menu {
        float: left;
        width: 100%;
        margin-left: 1em;
    }

    nav img.reflection {
        display: none;
    }
}

@media screen and (max-width: 1000px) {
    /*	edited 4/14/2024
	#toplogo img.logo { width:200px; }
	#toplogo img.text { width:280px; top:14px; left:160px; }
*/
    /*edited 4/15/2024*/
    #toplogo img.logo {
        width: 200px;
    }

    #toplogo img.text {
        width: 280px;
        left: 160px;
    }

    #toplogo img.text {
        width: 480px;
        /*		top: 14px;
		left: 160px;
*/
    }

    #topright {
        visibility: hidden;
    }

    @media screen and (max-width: 910px) {
        #topright {
            padding: 0 10px 0px 0px;
        }
    }

    @media screen and (max-width: 840px) {
        #wrapper, header {
            width: 100%;
        }

        #navcontainer {
            float: left;
            background: #667744;
        }

        nav {
            float: left;
            width: auto;
            height: auto;
        }

        #topimagecontainer {
            float: left;
        }

        #topimagecontainer {
            margin-top: 20px;
        }
    }

    @media screen and (max-width: 800px) {
        /*.lodge_facilties .col,
	.about-your-stay-wrap { width: 100%; margin:0 0 1em 0; }
	
	.f_tripadvisor { margin-right:1em; }
	.f_facebook {  }
	.f_facebook, .f_twitter { width:47.2%; clear:none; }*/
    }

    @media screen and (max-width: 768px) {
        /*.f_tripadvisor { width:100%; margin:0 0 1em 0; }
	.f_facebook { margin-left:0; }*/
    }

    @media screen and (max-width: 600px) {
        .span_1_of_2, .span_2_of_2,
        .span_1_of_3, .span_2_of_3, .span_3_of_3,
        .span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4,
        .span_1_of_5, .span_2_of_5, .span_3_of_5, .span_4_of_5, .span_5_of_5,
        .span_1_of_6, .span_2_of_6, .span_3_of_6, .span_4_of_6, .span_5_of_6, .span_6_of_6,
        .span_1_of_7, .span_2_of_7, .span_3_of_7, .span_4_of_7, .span_5_of_7, .span_6_of_7, .span_7_of_7,
        .span_1_of_8, .span_2_of_8, .span_3_of_8, .span_4_of_8, .span_5_of_8, .span_6_of_8, .span_7_of_8, .span_8_of_8 {
            width: 100%;
            margin: 0 0 1em 0;
        }

        /*edited 4/15/2024*/
        #toplogo img.logo {
            width: 100px;
        }

        #toplogo img.text {
            width: 450px;
            left: 20px;
        }

        #topright {
            visibility: hidden;
        }
        /*	edited 4/14/2024
	#toplogo img.logo { width:100px; }
	#toplogo img.text { width:250px; top:0; left:20px; }

	/*	edited 4/14/2024
		#topright { float:left; width:90%; padding:0 5%; margin:-38px 0 0 0; }

*/ /*.enquire, .telephone { float:left; margin:0; padding:0; }
	.enquire { margin-left:20px; }
	.telephone img { width:20px; padding:10px 0 0 0;}*/
        header {
            padding: 0 0 40px 0;
        }

        a.menuToggle {
            float: left;
            width: 100%;
            display: block;
            color: #fff;
            padding: 16px 0 14px 40px;
            font-size: 16px;
            cursor: pointer;
            text-indent: 1em;
            background: url(/images/icon-nav.png) no-repeat 20px 20px;
        }

        nav ul#menu {
            display: none;
        }

        .dropdown_1column,
        .dropdown_2columns,
        .dropdown_3columns,
        .dropdown_4columns,
        .dropdown_5columns {
            width: 100%;
        }

        nav ul#menu li {
            float: left;
            width: 80%;
            text-align: left;
        }

            nav ul#menu li .dropdown_1column,
            nav ul#menu li:hover .dropdown_1column,
            nav ul#menu li .dropdown_2columns,
            nav ul#menu li:hover .dropdown_2columns,
            nav ul#menu li .dropdown_3columns,
            nav ul#menu li:hover .dropdown_3columns,
            nav ul#menu li .dropdown_4columns,
            nav ul#menu li:hover .dropdown_4columns,
            nav ul#menu li .dropdown_5columns
            nav ul#menu li:hover .dropdown_5columns {
                z-index: 99999;
            }

            nav ul#menu li .drop, nav ul#menu li:hover .drop {
                background: none;
            }

        .col_1, .col_2, .col_3, .col_4, .col_5, .sub {
            width: 100%;
        }

        #maincontent {
            padding: 0;
        }

        /*.facebook_box { width:100%; }
	input, textarea { width:90%; }
	.googlemap { height:200px; }
	
	 .homevideo { width:98%; }*/

    }

    @media screen and (max-width: 480px) {
        .span_1_of_2, .span_2_of_2,
        .span_1_of_3, .span_2_of_3, .span_3_of_3,
        .span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4,
        .span_1_of_5, .span_2_of_5, .span_3_of_5, .span_4_of_5, .span_5_of_5,
        .span_1_of_6, .span_2_of_6, .span_3_of_6, .span_4_of_6, .span_5_of_6, .span_6_of_6,
        .span_1_of_7, .span_2_of_7, .span_3_of_7, .span_4_of_7, .span_5_of_7, .span_6_of_7, .span_7_of_7,
        .span_1_of_8, .span_2_of_8, .span_3_of_8, .span_4_of_8, .span_5_of_8, .span_6_of_8, .span_7_of_8, .span_8_of_8 {
            width: 100%;
            margin: 0 0 1em 0;
        }
    }

    @media only screen and (min-width: 601px) {
        nav ul#menu {
            display: block !important;
        }
    }