body { font-family: Verdana, Arial, sans-serif; 
       margin: 0; 
       background-color: #ffffff;
       font-size: medium;
     }
     
header, nav, main, footer { display: block; } /* provide HTML5 support for older browsers */
     
img {
    max-width: 100%;
    height: auto;
    border-radius: 5px;
} 

#threecolumn { background-color: #33ccff;
               color: #000000;
               width: 98%;
               min-width: 800px;
               margin-left: auto;
               margin-right: auto;
           
             }

#mobile { 
  display: none; 
}
#desktop { 
  display: inline; 
}

/*
@media only screen and (max-width: 1024px) {
  body { margin: 0px; padding: 0px; background-image: none; }
  #threecolumn { width: auto; min-width: 0; margin: 0; box-shadow: none; }
  #twocolumn { width: auto; min-width: 0; margin: 0; box-shadow: none; }
  h1 { margin: 0; }
  #navbar { float: none; width: auto; padding: 0.5em; }
  nav li { display: inline-block; }
  nav a { padding: 1em; }
  main { padding: 1em; margin-left: 0; font-size: 90%; }
  footer { margin: 0; }
  #homehero, #yurthero, #trailhero { margin-left: 0; }
}*/

/*@media only all and (max-width: 768px) {
  h1 { height: 100%; font-size: 1.5em; padding-left: 0.3em; }
  #navbar { padding: 0em; }
  nav a { display: block; padding: 0.2em; font-size: 1.3em; border-bottom: 1px solid #330000; }
  nav ul { margin: 0em; padding: 0em; }
  nav li { display: block; margin: 0em; padding: 0em; }
  main { padding: 0.1em 0.6em 0.1em 0.4em; }
  #homehero, #yurthero, #trailhero { display: none; }
  footer { padding: 0em; }
  #mobile { display: inline; }
  #desktop { display: none; }
} */

#navbar { margin-top: 30px;
          margin-bottom: 30px;
          width: 100%;
	       /* display:inline; */
          
        }

#navbar a { border: 4px inset #cccccc;
            padding: 20px 20px;
            color: #ffffff;
            background-color: #0000cc;
            font-size: small;
            font-weight: bold;
            text-align: center;
            text-decoration: none;               
           
          }  

#navbar a:link { color: #ffffff;
               }

#navbar a:visited { color: #993399;
                  }

#navbar a:focus { color: #ffffff;
                  background-color: #0033cc;
                }

#navbar a:hover { color: #66ccff;
                  border: 2px outset #000000;
                }

#navbar a:active { color: #ff00ff;
                   border: 2px outset #000000;
                 }

#leftcolumn { float: left;
              width: 150px;
              background-color: #2376E1;
              color: #000000;
              padding: 2px 2px 2px 2px;
            }

#rightcolumn { float: right;
               background-color: #2376E1;
               color: #000000;
               width: 200px;
               padding: 1px 2px 2px 5px;
             }

#midcolumn { margin: 0 210px 0 160px;
             padding: 1px 1px 2px 5px;
             background-color: #00ff00;
             color: #000000;
               
           }

#logo { background-color: #cccccc;
        color: #cc66cc;
        font-size: x-large;
        padding: 10px;
        border-bottom: 1px solid #000000;
        max-width: 100%;
        height: 80px;
        background-image: url(Images/cooltext1.png);
        background-repeat: no-repeat; 
        background-position: center;
        
      }


.content { padding: 5px 10px 0px 10px;
           color: #000000;
         }

h4 { padding-bottom: 2px;
     border-bottom: 1px solid #000000;
     margin: 5px;
   }  

.news { font-size: medium;
        margin: 5px;
      }

#floatright { float: right; 
              margin: 10px;
            }

#footer { font-size: xx-small;
          text-align: center;
          clear: both;
          padding-bottom: 20px;
          color: #000000;
          margin-top: 5px;
          background-color: #cccccc;
        }