/* Sets the overall page background, font, and base text color */
body {
    background-color: #90C7E3;
	background-image: linear-gradient(#FFFFFF, #90C7E3);
	background-repeat: no-repeat;
    color: #666666;
    font-family: Verdana, Arial, sans-serif;
}

/* Styles the page header with a background image and fixed height */
header {
	background-color: #002171;
	background-image: url(sunset.jpg);
	background-repeat: no-repeat;
	background-position: right;
	height: 72px;
    color: #FFFFFF;
    font-family: Georgia, serif;
}

/* Centers the main site heading and adds spacing from the top */
h1 {
    text-align: center;
	padding-top: 0.5em;
}

/* Controls layout and spacing of the navigation menu */
nav {
    font-weight: bold;
    padding-top: 0.5em;
	padding-right: 0.5em;
	padding-bottom: 0.5em;
	text-align: center;
}
/* Removes default underline styling from navigation links */
nav a {
	text-decoration: none;
}

/*Styles section headings used throughout the site */
h2 {
    color: #1976D2;
    font-family: Georgia, serif;
}

/*Styles term headings in the Yurts description list */
dt {
    color: #002171;
    font-weight: bold;
}
/* Styles subheadings used on the Activities page */
h3 {
	font-family: Georgia, "Times New Roman", serif;
}
/* Adds padding to the main content area for readability */
main {
	padding-left: 2em;
	padding-right: 2em;
	display: block;
}

/* Highlights the resort name when used within page text */
.resort {
    color: #1976D2;
    font-size: 1.2em;
}
/* Hero image displayed on the Home page */
#homehero {
	height: 300px;
	background-image: url(coast.jpg);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
/* Hero image displayed on the Yurts page */
#yurthero {
	height: 300px;
	background-image: url(yurt.jpg);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
/* Hero image displayed on the Activities page */
#trailhero {
	height: 300px;
	background-image: url(trail.jpg);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

/* Styles the footer text and spacing at the bottom of the page */
footer {
    font-size: 0.70em;
    font-style: italic;
    text-align: center;
	padding: 1em;
}

/* Centers the page content and limits width on large screens */
#wrapper {
    background-color: #FFFFFF;
	min-width: 960px;
	max-width: 2048px;
    margin-right: auto;
    margin-left: auto;
	box-shadow: 3px 3px 3px #333333;
}