body {
    background-color: rgb(28,28,28);
    background-image: url('QCRback.jpg');
    background-repeat: repeat;
    margin: 0;
    border: 0;
    padding: 0;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12pt;
    color: rgb(255,239,193);
}


.menuheading {
    font-size: 12pt;
    font-weight: bold;
    text-decoration: underline;
    text-align: center;
}

.menubody {
    text-align: center;
}

#indexmainblockpicture {
    position: relative;
    height: auto;
}



#headerblock {
    background: rgba(30, 30, 30, 0.5);
    display: block;
    position: relative;
    visibility: visible;
    height: auto;
    width: 95%;
    padding: 0px;
    text-align: center;
    max-width:1000px;
    margin-left:auto;
    margin-right:auto;
}

#logobanner {
    padding-left: 0px;
    padding-top: 0px;
    height: auto;
    width: 100%;
    max-width: 530px;
}



#mainblock {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2%;
    visibility: visible;
    display: block;
    width: 95%;
    max-width: 1000px;
    border: 1px solid rgb(255,239,193);
    padding: 1%;
    line-height:1.3;
}

/*Javascript menu hidden by default*/
#menublock {
    display: block;
    position: absolute;
    float: right;
    height: 35px;
    bottom: 0px;
    right: 0px;
}




ul#mainmenu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
}



    ul#mainmenu li {
        display: inline;
        margin: 0;
        padding: 0;
    }

    ul#mainmenu a {
        text-transform: uppercase;
        letter-spacing: 1px;
        border-left: 1px solid #666666;
        padding: 0 4px 0 6px;
        text-decoration: none;
        color: rgb(255,239,193);
    }


        ul#mainmenu a#start {
            border-left: 0;
            padding-left: 1px;
        }

a.highlight {
    color: white;
    font-weight: bold;
    text-decoration: underline;
}


/*Non-javascript menu end*/


#animatedgifbanner {
    position: relative;
    visibility: visible;
    display: block;
    z-index: 1;
    width: 100%;
}




p.WeddingMenuHeading {
    margin: 0cm;
    /*	margin-left:15pt;
	margin-bottom:0pt;*/
    font-size: 10.0pt;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: white;
    text-align: center;
}


p.WeddingCarHeading {
    margin: 0cm;
    /*	margin-left:15pt;
	margin-bottom:0pt;*/
    font-size: 12.0pt;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: white;
    text-align: center;
}


p.WeddingMenuPrice {
    margin: 0cm;
    /*	margin-left:15pt;
	margin-bottom:0pt;*/
    font-size: 7pt;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: white;
    text-align: center;
}

#WeddingMenu {
    border-collapse: collapse;
    border: 1px solid white;
    width: 70%;
    background-color: black;
}

p.wedding_menu_main_heading {
    margin: 0cm;
    /*	margin-left:15pt;
	margin-bottom:0pt;*/
    font-size: 12.0pt;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: white;
    text-align: center;
}


p.wedding_menu_main_description {
    margin: 0cm;
    /*	margin-left:15pt;
	margin-bottom:0pt;*/
    font-size: 8.0pt;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: white;
    text-align: left;
}


p.wedding_menu_main_content {
    margin: 0cm;
    /*	margin-left:15pt;
	margin-bottom:0pt;*/
    font-size: 8.0pt;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: white;
    text-align: center;
}


#indexbodytextblock {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	background-color: rgba(28,28,28,.7);
	color: rgb(255,239,193);
	position: relative;
	border: 1px solid rgb(255,239,193);
	margin-top: 1%;
	overflow: visible;
	padding: 1%;
}







.textheading {
    font-size: 1.2em;
    font-weight: bold;
/*    padding-left: 2%;
    padding-right: 2%;*/
    margin-block-start: 0;
}

.textparagraph1 {
    font-size: 1.1em;
    /*    padding-left: 2%;
    padding-right: 2%;*/
    margin-block-start: 0;
}

.textparagraph2 {
    font-size: 1em;
/*    padding-left: 2%;
    padding-right: 2%;*/
}


.textparagraph3 {
    font-size: 1em;
    padding-left: 2%;
    padding-right: 2%;
    padding-bottom: 2%;
    padding-top:0;
}










#weddingbuffetstextblock {
    text-align: center;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 1em;
    width: 80%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}


#weddingdrinkstextblock {
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 1em;
    position: relative;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}



p.specialoffer {
    padding-left:2%;
    font-style:italic;
    font-weight:bold;
}

p.linethrough {
    text-decoration: line-through;
}




/* TAB STYLES */

._tabs ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

._tabs li {
    float: left;
    border: 1px solid #bbb;
    border-bottom-width: 0;
    margin: 0;
}

._tabs a {
    text-decoration: none;
    display: block;
    background: rgb(80,80,80);
    padding: 5px 5px;
    color: rgb(216,216,216);
    text-align: center;
    font-size: 1.2em;
}

    ._tabs a:hover {
        background: rgb(101,101,101);
    }

._tabs .selected {
    border-color: black;
    font-size: 1.1em;
}

    ._tabs .selected a {
        position: relative;
        top: 1px;
        background: white;
        color: black;
        font-weight: bold;
        font-size: 1.1em;
    }

#_tab_content {
    border: 1px solid rgb(255,239,193);
    clear: both;
    padding: 0 1em;
    font-size: 1em;
}

#_tab_content_funerals {
    border: 1px solid rgb(255,239,193);
    clear: both;
    padding: 0 1em;
    font-size: 1em;
    height: auto;
}

#_tab_content_christmas {
    color: rgb(255,239,193);
    border: 1px solid rgb(255,239,193);
    clear: both;
    font-size: 1em;
    height: auto;
    background-color: rgba(28,28,28,0.7);
    padding:2%
}

#_tab_content_weddings {
    border: 1px solid rgb(255,239,193);
    clear: both;
    padding: 1%;
    height: auto;
    font-size: 1em;
}

#_tab_content_facilities {
    clear: both;
    font-size: 1em;
    height: auto;
}

#_tab_content_weddings_meals {
    border: 1px solid rgb(255,239,193);
    clear: both;
    padding-top: 2%;
    padding-left: 2%;
    padding-bottom: 1%;
    padding-right:2%;
    font-size: 1em;
    height: auto;
    overflow: auto;
}

#_tab_content_wedding_cars {
    border: 1px solid rgb(255,239,193);
    clear: both;
    padding: 1%;
    font-size: 12px;
    height: auto;
    width: auto;
    overflow: hidden;
}



/* TAB STYLES END */

img {
    border: 0;
}

a img {
    outline: none;
}

a {
    outline: none;
}

td {
    border: 1px solid rgb(255,239,193);
    padding: 10px;
    vertical-align: top;
    text-align: center;
    background-color: rgb(35,35,35);
}

.tdstyle {
    border: 0px;
    background-color: rgb(28,28,28);
}

.tdstylecars {
    padding: 0px;
    border: 0px;
    background-color: rgb(28,28,28);
    text-align: left;
}

    .tdstylecars p {
        padding-right: 10px;
    }

.tdstyle2 {
    border: 0px;
    background-color: rgb(28,28,28);
    text-align: right;
}

    .tdstyle2 img {
        padding: 3px;
    }

.tdstylecars img {
    padding: 3px;
}



/* menu table alternating row colours */

p.d0 {
    padding-left: 20%;
    padding-right: 20%;
    text-align: left;
    border: 0px;
    background-color: rgb(35,35,35);
    color: rgb(255,239,193);
    margin-bottom:-10px;
}

p.d1 {
    padding-left: 20%;
    padding-right: 20%;
    text-align: left;
    border: 0px;
    background-color: rgb(15,15,15);
    color: rgb(255,239,193);
    margin-bottom: -10px;
}












.dropdown {
    display: block;
    overflow: hidden;
    font-family: Arial, Helvetica, sans-serif;
    height: 35px;
}

    .dropdown .dropbtn {
        cursor: pointer;
        font-size: 1em;
        border: none;
        outline: none;
        color: rgb(255,239,193);
        background-color: rgba(30, 30, 30, 0.5);
        font-family: inherit;
        margin: 0;
        padding: 0px;
    }

/*    .navbar a:hover, .dropdown:hover .dropbtn, .dropbtn:focus {
        background-color: rgb(201, 76, 76);
    }
*/
.dropdown-content {
    display: none;
    position: absolute;
    background-color: rgba(30, 30, 30, 0.7);
    min-width: 130px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.5);
    z-index: 100;
    font-size: 1.5em;
    right: 0;
}

    .dropdown-content a {
        float: none;
        color: rgb(255,239,193);
        padding-left: 15px;
        padding-right: 5px;
        padding-bottom: 7px;
        padding-top: 7px;
        text-decoration: none;
        display: block;
        text-align: left;
    }

        .dropdown-content a:hover {
            background-color: #aaa;
        }

.show {
    display: block;
}


.dropdown-content a.highlight {
    font-weight: bold;
}


#socialicon {
    display: inline-block;
    padding: 0px;
    width: 35px;
    height: 35px;
    margin-left: 2px;
    margin-right: 1px;
}

#bigcarpic {
    float: left;
    padding-right: 2%;
    width: 60%;
    height: auto;
    max-width: 550px;
}


#buffetstextblock {
    /*	background-image : url('lighten.gif');
	line-height:33%;
*/ text-align: center;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12pt;
    color: rgb(255,239,193);
    padding-top: 2%;
    margin-top: 1%;
    position: relative;
    height: auto;
    background-color: rgba(28,28,28,.7);
    /*	overflow : auto;
*/ border: 1px solid rgb(255,239,193);
}

.buffetmenu {
    vertical-align: top;
    width: 25%;
    display: inline-block;
    background: rgb(20, 20, 20);
    min-width: 200px;
    padding: 2%;
    margin: 1%;
    text-align: center;
}


.christmasmenu {
    vertical-align: top;
    width: 42%;
    display: inline-block;
    background: rgb(20, 20, 20);
    min-width: 200px;
    padding: 2%;
    margin: 1%;
    text-align: center;
}






#GalleryContainer {
    border: 1px solid rgb(255,239,193);
    clear: both;
    font-size: .9em;
    height: auto;
    width: auto;
    overflow: hidden;
}

#GalleryBigPic {
    float: left;
    height: auto;
    width: 50%;
    max-width: 550px;
    padding-right: 2%;
    padding-bottom: 2%;
}

#GalleryInfoGroup {
    height: auto;
    padding:2%
    /*    width: 45%;
    float: right;
    max-width: 550px;*/
}

#GalleryInfoText {
    height: auto;
    width: 97%;
    /*    max-width: 550px;*/
    padding-left: 3%;
}

#GalleryThumbsContainer {
    height: auto;
    width: 100%;
/*    max-width: 550px;*/
    text-align: center;
}

#GalleryThumb {
    max-width: 150px;
    height: auto;
    width: 50%;
    padding: 1%;
}




.OrientExpressAtQCRLogo {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 45%;
    max-width: 300px;
}


.MenuContainer {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
}







/*S9*/

@media only screen and (max-width: 500px) {
    #indexbodytextblock {
        border: 0px;
        padding: 2%;
    }



    #mainblock {
        width: 100%;
        position: relative;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 5%;
        visibility: visible;
        display: block;
        border: none;
        padding: 0;
    }
 
    .textparagraph1 {
        padding-left: 0;
        padding-right: 0;
    }

    .textparagraph2 {
        padding-left: 0;
        padding-right: 0;
    }

    .textparagraph3 {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 5%;
    }
    #WeddingMenu {
        border: none;
        width: 100%;
        background-color: black;
    }
    /* menu table alternating row colours */

    p.d0 {
        padding-left: 5%;
        padding-right: 5%;
    }

    p.d1 {
        padding-left: 5%;
        padding-right: 5%;
    }

    #weddingbuffetstextblock {
       width: 100%;
    }

    #menublock {
        bottom: -20px;
        right: -10px;
    }
    #buffetstextblock {
        margin: 2%;
    }

    .buffetmenu, .christmasmenu {
        width: 90%;
        background: none;
    }

    #GalleryBigPic {
        width: 96%;
    }
    #GalleryInfoGroup {
        width: 100%;
    }

    #GalleryThumb {
        width: 20%
    }

    .OrientExpressAtQCRLogo {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        width: 80%;
        max-width: 300px;
    }
    .MenuContainer {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }
}