body {
    color: black;
    font-size: 12pt;
    font-family:'Comic Sans MS';
    font-weight:bold;
    background-color: rgb(102, 153, 153);
    background-image: url(header-slice.gif);
    /*background-repeat: repeat-y;*/
}

a:link {
    color: rgb(204, 255, 255);
    /*font-size: 12pt;*/
}

a:visited {
    color: rgb(51, 102, 102);
    font-size: 12pt;
}

a:hover {
    font-size: 13pt;
}

#header {
    padding: 0px;
    margin: 0px;
    width: 100%;
    height: 184px;
   
}

#header_mobile {
    padding: 0px;
    margin: 0px;
    width: 100%;
   height: 220px;
   
}

#leftcol {
    position: absolute;
    top: 145px;
    left: 0px;
    width: 20%;
    min-height: 550px;
    font-size: 10px;
    color: #6D6968;
    padding: 1px 1px 1px 8px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

    #leftcol div.text {
        padding: 6px 6px 6px 6px;
        text-align: justify;
    }

    #leftcol div.alternatetext {
        padding: 6px 6px 6px 6px;
        text-align: justify;
    }

    #leftcol div.sectiontitle, #leftcol .sectiontitle span {
        padding: 6px 6px 6px 3px;
        color: white;
        font-size: 12px;
        font-weight: bold;
        text-transform: uppercase;
    }

.navBar {
    height: 445px;
    background-color: #C0C0C0;
    vertical-align: top;
}
.navBarMobile {
    width:100%;
    top: 220px;
    background-color: #C0C0C0;
    vertical-align: top;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.alaneDean
{
     text-align: center;
     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.menutext
{
    text-align: center;
   
}
.mobileText
{
    font-size:xx-large;
}
#centercol {
    position: absolute;
    top: 124px;
    left:21%;
    right:21%;
    vertical-align: top;
    margin: 20px auto;
    text-size-adjust: auto;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#centercolcontent {
    padding: 15px 6px 15px 6px;
}

    #centercolcontent div.sectiontitle, #centercolcontent .sectiontitle span {
        font-weight: bold;
        font-size: larger;
        color: #b45d16;
    }

    #centercolcontent div.sectionsubtitle {
        font-weight: bold;
        padding-bottom: 4px;
    }

#rightcol {
    position: absolute;
    top: 145px;
    right: 8px;
    width: 20%;
    color: black;
   font-family:'Comic Sans MS';
    font-weight:bold;
  
    min-height: 550px;
    padding-right: 2px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

    #rightcol a {
        color: blue;
    }

    #rightcol div.text {
        padding: 6px 6px 6px 6px;
        text-align: justify;
    }

    #rightcol div.sectiontitle, #rightcol .sectiontitle span {
        padding: 6px 6px 6px 3px;
        color: #f7b76b;
        font-size: 12px;
        font-weight: bold;
        text-transform: uppercase;
    }



.TextObject {
    font-size: 10pt;
}

.TextNavBar {
    font-size: 10pt;
}

.headerImage {
    width: 1024px;
}

.announcement {
    position: absolute;
    text-align: center;
    top: 25px;
    left: 25%;
    width: 200px;
    font-size: larger;
    padding-left: 350px;
}

.galleryImg {
    height: 200px;
}

.alignCenter {
    text-align: center;
}

.dropshadow {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.fb-page
{
    width:100%;
    
}

/*START-HERE*/
.imgHome {
    height: 46px;
    width: 115px;
    background-image: url(/images/HomeImgBtn.jpg);
}

    .imgHome:hover {
        background-image: url(/images/HomeHover.jpg);
    }

.imgTour {
    height: 46px;
    width: 115px;
    background-image: url('/images/TourInfo.jpg');
}

    .imgTour:hover {
        height: 46px;
        width: 115px;
        background-image: url('/images/TourInfoHover.jpg');
    }

.imgRestaurant {
    height: 46px;
    width: 115px;
    background-image: url('/images/Restaurant.gif');
}

    .imgRestaurant:hover {
        background-image: url('/images/RestaurantHover.jpg');
    }

.imgGroupInfo {
    height: 46px;
    width: 115px;
    background-image: url('/images/GroupInfo.jpg');
}

    .imgGroupInfo:hover {
        background-image: url('/images/GroupInfoHover.jpg');
    }

.imgLodging {
    height: 46px;
    width: 115px;
    background-image: url('/images/Lodging.jpg');
}

    .imgLodging:hover {
        background-image: url('/images/LodgingHover.jpg');
    }

.imgGallery {
    height: 46px;
    width: 115px;
    background-image: url('/images/Gallery.jpg');
}

    .imgGallery:hover {
        background-image: url('/images/GalleryHover.jpg');
    }

.imgGifts {
    height: 46px;
    width: 115px;
    background-image: url('/images/Gifts.jpg');
}

    .imgGifts:hover {
        background-image: url('/images/GiftsHover.jpg');
    }

.imgDirections {
    height: 46px;
    width: 115px;
    background-image: url('/images/Directions.jpg');
}

    .imgDirections:hover {
        background-image: url('/images/DirectionsHover.jpg');
    }

.imgContactUs {
    height: 46px;
    width: 115px;
    background-image: url('/images/ContactUs.jpg');
}

    .imgContactUs:hover {
        background-image: url('/images/ContactUsHover.jpg');
    }
/*END-HERE*/

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 1500px;
    background-color: rgb(102, 153, 153);
    

}

li a {
    display: block;
    color: #000;
    padding: 8px 16px;
    text-decoration: none;
    font-size: 7em;
    border-bottom: solid;
    border-bottom-width: medium;
    border-bottom-color: darkslategray;
}

/* Change the link color on hover */
li a:hover {
    background-color: #555;
    color: white;
    font-size: 7em;
}