body { background-color: #90C7E3;
background-image: linear-gradient(to bottom, #FFFFFF, #90C7E3);
background-repeat: no-repeat;
color: #666666; font-family: Arial, Helvetica, sans-serif; }
header { color: #FFFFFF; background-color: #002171;
height: 60px; text-align: center ; padding-top: 15px; 
background-image: url(sunset.jpg); background-position: right; background-repeat: no-repeat; }
h1 { margin-top: 0; margin-bottom: 0; font-family: Georgia, 'Times New Roman', serif; }
nav { background-color: #FFFFFF; font-weight: bold; text-align: center ; padding: 1em; }
nav a {text-decoration: none;}
h2 { color: #1976D2; font-family: Georgia, 'Times New Roman', serif; text-shadow: 1px 1px #CCCCCC; }
h3 { color: #000033; font-family: Georgia, 'Times New Roman', serif; }
dt { color: #002171; }
.resort { color: #1976D2; font-weight: bold; }
ul { list-style-image: url(marker.gif); }
footer { font-size: 75%; font-style: italic; text-align: center; 
font-family: Georgia, 'Times New Roman', serif; padding: 2em; }
#contact { font-size: 90%; }
#wrapper { background-color: #FFFFFF; margin-left: auto; margin-right: auto; width: 80%;
min-width: 960px; max-width: 2048px; box-shadow: 3px 3px 3px #333333; }
main { padding: 1px 20px 20px 20px; display: block; }
#homehero { height: 300px; background-image: url(coast.jpg); background-size: 100% 100%; 
background-repeat: no-repeat; }
#yurthero { height: 300px; background-image: url(yurt.jpg); background-size: 100% 100%;
background-repeat: no-repeat; }
#trailhero { height: 300px; background-image: url(trail.jpg); background-size: 100% 100%; 
background-repeat: no-repeat; }