/*  Global styles for the document */
body {
    /* Changed background color to light blue */
    background-color: #ADD8E6;

    /* Added linear gradient from white to light blue */
    background-image: linear-gradient(white, #ADD8E6);

    /* Prevent the background from repeating */
    background-repeat: no-repeat;

    color: #666666;
    font-family: Verdana, Arial, sans-serif;
}

/* Wrapper ID styles */
#wrapper {
    /* Added background color */
    background-color: #FFFFFF;

    /* Set minimum width to 960px */
    min-width: 960px;

    /* Set maximum width to 2048px */
    max-width: 2048px;

    /* Center the wrapper */
    margin-right: auto;
    margin-left: auto;

    /* Added drop-shadow effect */
    box-shadow: 3px 3px 5px #666666;
}

/*   Header element styles */
header {
    /* Added sunset image as background */
    background-image: url(sunset.jpg);

    /* Prevent background image from repeating */
    background-repeat: no-repeat;

    /* Position background image on the right */
    background-position: right;

    /* Set height to match image height */
    height: 72px;

    color: #FFFFFF;
    font-family: Georgia, serif;
}

/*    h1 element styles    */
h1 {
    /* Removed line-height declaration */

    /* Center the text */
    text-align: center;

    /* Added 0.5em top padding */
    padding-top: 0.5em;
}

/*   Navigation styles */
nav {
    font-weight: bold;

    /* Removed background-color declaration */

    /* Added padding to top, right, and bottom */
    padding-top: 0.5em;
    padding-right: 0.5em;
    padding-bottom: 0.5em;

    /* Center the navigation text */
    text-align: center;
}

/* Prevent underline on navigation links */
nav a {
    text-decoration: none;
}

/*    h2 element styles */
h2 {
    color: #1976D2;
    font-family: Georgia, serif;
}

/*    New h3 element styles */
h3 {
    /* Set font to Georgia or generic serif */
    font-family: Georgia, serif;
}

/*    Definition term styles */
dt {
    color: #002171;
    font-weight: bold;
}

/*    Resort class styles */
.resort {
    color: #1976D2;
    font-size: 1.2em;
}

/*    Main element styles */
main {
    /* Added left and right padding */
    padding-left: 2em;
    padding-right: 2em;

    /* Added display block for Internet Explorer compatibility */
    display: block;
}

/*    Footer styles */
footer {
    font-size: 0.70em;
    font-style: italic;
    text-align: center;

    /* Added padding */
    padding: 1em;
}

/*    New image section styles */
#coast {
    /* Set height to 300px */
    height: 300px;

    /* Display coast image without repeating */
    background-image: url(coast.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

#yurt {
    /* Set height to 300px */
    height: 300px;

    /* Display yurt image without repeating */
    background-image: url(yurt.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

#trail {
    /* Set height to 300px */
    height: 300px;

    /* Display trail image without repeating */
    background-image: url(trail.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}