body {background-color: #EAEAEA; 
         color: #555555;}

   header {background-color: #002171; 
           color: #FFFFFF;
           background-position:right;
           background-repeat: no-repeat;
           height: 120px;
           text-align: center;
           padding-top: 30px;
           padding-left: 3em;}

    header a:link {color: #FFFFFF;
                   text-decoration: none;}
    header a: visited {color: #FFFFFF;}
    header a: hover {#90C7E3;}

   nav {font-weight: bold;
        padding: 1.5em;
        font-size: 120%;
        float: left;
        width: 160px;}

   nav ul {marker: none;
           margin: 0;
           padding-left: 0;
           font-size: 1.2em;}

  nav a: link {color: #5C7FA3;
               text-decoration: none;}
  nav a: visited {color: #344873;}
  nav a: hover {color: #A52A2A;}

   h2 {color: #1976D2;
       font-family: Georgia, Times New Roman, serif;
       text-shadow: 1px 1px #CCCCCC;}

   dt {color: #002171;}

   .resort {color: #1976D2;
            font-weight: bold;}

   h1 {margin-bottom: 0;
       font-family: Georgia, Times New Roman, serif;
       font-size: 3em;
       letter-spacing: 0.25em;}

   body {font-family: Arial, Helvetica, sans-serif;} 

 
    nav a {text-decoration:none;}

    h3 {font-family: Georgia, Times New Roman, serif;
        color: #000033;} 

    main ul {list-style-image:url(imagesch5/marker.gif); 
             list-style-position: outside;}

    footer {font-size: 75; 
            font-style: italic; 
            text-align: center;
            font-family: Georgia, New Times Roman, serif; 
            padding: 2em;
            margin-left: 190px;
            background-color: #FFFFFF;}

   #contact {font-size: 90%;}

   #wrapper {width: 80%;
             margin: 0 auto;
             background-color: #90C7E3;
             min-width: 960px;
             max-width: 2048px;
             box-shadow: 0 3px 3px #333333;
             border: 1px solid #000033;
             background: linear-gradient(to bottom, #FFFFFF, #90C7E3);}

   main {padding: 1px 20px 20px 30px;
         display: block;
         background-color: #FFFFFF;
         margin-left: 190px;
         overflow: auto;}
  
   #homehero {height: 300px;
              background-image:url(imagesch5/coast2.jpg);
              background-size: cover;
              background-repeat: no-repeat;
              margin-left: 190px;}

   #yurthero {height: 300px;
              background-image:url(imagesch5/yurt.jpg);
              background-size: cover;
              background-repeat: no-repeat;
              margin-left: 190px; }

   #trailhero {height: 300px;
               background-image:url(imagesch5/trail.jpg);
               background-size: cover;
               background-repeat: no-repeat;
               margin-left: 190px;}
         

  *{box-sizing: border-box;}

  section {float: left;
           width: 33%;
           padding-left: 2em;
           padding-right: 2em;}