body    {background-color: #FFFFFF;
       background-image: url(background.jpg);
       color: #666666;
       font-family: Verdana, Arial, sans-serif;}
header  {background-color: #000033;
       color: #FFFFFF;
       font-family: Georgia, serif;}   
h1          {line-height: 200%;
        max-height: 72px;
        padding-left: 20px;
        background-image: url(sunset.jpg);
        background-position: right;
        background-repeat: no-repeat;
        margin-bottom: 0;}
nav         {font-weight: bold;
        float: left;
        width: 160px;
        padding: 20px 5px 0px 20px;}
nav a       {text-decoration: none;}
nav a:link {color: #000033}
nav ul      {list-style-type: none;
         margin: 0;
         padding-left: 0;}        
h2          {color: #3399CC;
        font-family: Georgia, serif;}
h3          {color: #000033;}
main      {background-color: #FFFFFF;
        margin-left: 170px;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 1px;
        padding-bottom: 1px;}
main img, main video, main embed {float: left;
        padding-right: 20px;
        padding-bottom: 20px;}
main ul     {list-style-position: inside;}
.clear {clear: both;}
dt          {color: #000033;
        font-weight: bold;}
.resort{color: #000033;
        line-height: 1.2em;}
#mobile{display:none;}
#desktop{display:inline;}
table       {width: 90%;
        margin: auto;
        border: 1px solid #3399cc;
        border-collapse: collapse;}
td, th      {border: 1px solid #3399cc;
         padding: 5px;}
td              {text-align: center;}
.text       {text-align: left;}
tr:nth-of-type(even) {background-color: #F5FAFC;}
label       {float: left;
        display: block;
        clear: left;
        width: 8em;
        padding: 10px;}
input, textarea {margin-bottom: 1em;
             display: block;
             padding: 5px;}
#mySubmit       {margin-left: 10em;}   
#gallery {position: relative;
          height: 250px;}
#gallery ul {width: 300px;
            list-style-type: none;}
#gallery li {display: inline-block;
            padding: 10px;}
#gallery img {border-style: none;
             float: none;}
#gallery a  {text-decoration: none;
            color: #333;
            font-style: italic;}
#gallery span {display: none;
              left: 340px;}    
#gallery a:hover span {display: block;
                     position: absolute;
                     top: 10px;
                     left: 300px;
                     text-align: center;}              
footer      {background-color: #FFFFFF;
         margin-left: 170px;
         line-height: .70em;
         font-style: italic;
         text-align: center;
         padding: 10px;
         clear: both;}        
#wrapper{background-color: #90C7E3;
         min-width: 700px;
         max-width: 1024px;
         box-shadow: 5px 5px 5px #828282;
         margin-left: auto;
         margin-right: auto;
         width: 80%;}
header, nav, main, footer {display: block;}
@media only screen and (max-width: 1024px){
        body        {margin:0;
                 padding:0;
                 background-image: none;}
        #wrapper{width:auto;
                 min-width:0;
                 margin:0;
                 box-shadow:none;}
        h1             {margin:0;}
        nav           {float:none;
                 width:auto;
                 padding:.5em;}
        nav li        {display: inline-block;}
        nav a        {padding: 1em;}
        main        {padding: 1em;
                margin-left: 0;
                font-size: 90%;}
        footer      {margin: 0;}
        }
@media only all and (max-width: 768px){
        h1          {height: 100%;
                font-size: 1.5em;
                padding-left: .3em;}
        nav         {padding: 0;}
        nav a      {display: block;
                padding: .2em;
                font-size: 1.3em;
                border-bottom: 1px solid #330000;}
        nav ul      {margin: 0;
                padding: 0;}
        nav li       {display: block;
                margin: 0;
                padding: 0;}
        main        {padding: .1em 0 .1em .4em;}
        main img {display: none;
                padding-right: 0;}
        main ul     {list-style-position: outside;}
        footer      {padding: 0;}
        #mobile {display:inline;}
        #desktop{display: none;}
}