body 
{
background-color:#3399CC;
color:#666666;
font-family:arial;
background-image: linear-gradient(to bottom, #3399CC, #C2E0F0, #3399CC)
}

header
{
background-color:#000033;
color:#ffffff;
font-family:georgia,"Times New Roman",Times,serif;
}

  
#wrapper
{
margin-left: auto;
margin-right: auto;
width: 80%;
background-color:#ffffff;
min-width:700px;
max-width:1024px;
box-shadow:5px 5px 1px #828282;
}
        
h1
{
 color: #ffffff; 
 margin-bottom: 0; 
 background-color: #000033;
 background-image: url("../images/sunset.jpg");
 /* opacity: 0.8; */
 line-height : 200%;
  margin-bottom:0%; 
  background-repeat:no-repeat;
  background-position:right;
  padding-left:20px;
  height:72px;
}

nav 
{
  font-weight:bold;
  background-color:#90c7e3;
  padding-top:.5em;
  padding-right:.5em;
  padding-bottom:.5em;
  padding-left:2em;
  text-decoration:none;
}

main
{
  padding-left:2em;
  padding-right:2em;
}

#homehero
{
height:300px;
background-image:url("../images/coast.jpg");
background-repeat:no-repeat;
background-size:100% 100%;
}

#trailhero
{
height:300px;
background-color: #ffffff;
background-image: url("../images/trail.jpg");
background-repeat:no-repeat;
background-size:100% 100%;
}

#yurthero
{
height:300px;
background-image:url("../images/yurt.jpg");
background-repeat:no-repeat;
background-size:100% 100%;
} 

h2 
{
color:#3399cc;
font-family:serif;
}

h3
{
color:#000033;
}

dt 
{ 
color:#000033;
font-weight:bold;
}

.resort
{
color:#000033;
font-size: 1.2em;
} 

footer 
{
font-size:.70em;
font-style:italic;
text-align:center;
padding:1em;
}