body {
    background-color: #666633;
    margin: 0 auto;
    padding: 0;
}

a {
  text-decoration: none;
  }

img
 {  border-style: none;
 }

.boxy {
     border-collapse: collapse;
   padding: 5px;
    border: 2px solid gold;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

.boxy table {
    width: 100%;
    margin-left:auto; 
    margin-right:auto;
}
   
.boxy tr:hover{background-color:#8e8e4c;
}


#top {
    background-color: #666633;
    text-align: center;
    margin-top: 8px;
    font-family: impact;
    color: #FFFFFF;
}
 
#thanks{
    background-color: #666633;
    text-align: center;
    font-family: verdana;
    color: #FFFFFF;
} 

#thanks a{
    color: #FF9933;
}
 
table, th, td {
   border: 1px;
   border-collapse: collapse;
   margin-left:auto; 
    margin-right:auto;
  }

.dots table, th, td {
  border-style: dotted;
}

.xtable {
   border: 0px;
   text-align: center;
   vertical-align: middle;
   margin-left:100px;
   margin-right:100px;
   font: arial;
   font-size: 20pt;
   width: 650px;
}

.ytable {
   border: 0px;
   text-align: center;
   vertical-align: middle;
   margin-left:100px;
   margin-right:100px;
   font: arial;
   font-size: 14pt;
   width: 650px;
}

.features table, th, td {
   border: 0;
   text-align: left;
   vertical-align: middle;
   margin: auto;
   font: arial;
   width: 750px;
   
   color: #F8CC00;
}

#navi {
   background-color: #666633;
   text-align: center;
   margin: 0px auto;
   font-weight: bold;
}

#navi a{
   
   text-align: center;
   margin: 0px auto;
   color: #F8CC00;
   font-weight: bold;
}

#navi a:hover{
   background-color: #666633;
   text-align: center;
   margin: 0px auto;
  color: #ffffff;
  font-weight: bold;
}

#navi2 {
   background-color: #666633;
   color: gold;
   width: 800px;
   margin: 0px auto;
   text-align: right;
}

#navi3 {
   background-color: #666633;
   text-align: center;
   margin: 0px auto;
}

#navi3 a{
   
   text-align: center;
   margin: 0px auto;
   color: white;
   text-decoration: bold;
}

#navi3 a:hover{
   background-color: #666633;
   text-align: center;
   width: 800px;
   margin: 0px auto;
  color: #c299ff;
  text-decoration: bold;
}



ul {
    display: inline-block;
    list-style-type: none;
    margin: 10px;
    padding: 4px;
    overflow: hidden;
    background-color: #666633;
}

li {
   display: inline-block;
   }

li a {
    
    color: white;
    text-align: center;
    padding: 10px;
    text-decoration: none;
    font-family: arial;
}

/* Change the link color to #111 (black) on hover */
li a:hover {
    
    color: #123456;
}

h1{
    color: #F8CC00;
    margin: 0 auto;
    font-family: impact;
}


.n2{
  margin: 10px;
  color: #FFFFCC;
  text-decoration: none;
}

.n2:hover{
  color: #FFCC00;
}

.f2{
  font-family: arial,verdana,sans-serif;
  margin: 10px;
  color: #FAEBD7;
  text-decoration: none;
}
.f2:hover{
  color: #F5DEB3;
}

#foot {
  color: #FAEBD7;
  text-align: center;
  margin: 4px;
}



#content {
  background-color: #666633;
  color: #FAEBD7;
  font-family: verdana,arial;
  text-align: center;
}

section {
 color: #FAEBD7;
 font-family: verdana,arial;
 width: 800px;
 margin: 0 auto; 
 
}

section a{
 color: #F8CC00;
}

section a:hover{
 color: white;
}


article {
 color: #FAEBD7;
 font-family: arial,verdana;
 width: 800px;
 margin: 0 auto; 
}

article a{
 color: #F8CC00;
}

article a:hover{
 color: white;
}

article h3{
 color: #F8CC00;
 text-decoration: bold;
}

article .a{
 list-style-type: circle;

}




.pic {
    
    width: 360px;
    display: inline-block;
    margin-left:  auto;
    margin-right: auto;
    padding: 0px;
    outline: none;
}

.pic img{
    max-width:100%;
    height: auto;
}

.pic a img{
    outline: none;
}

#pictures  {
    margin-left: auto;
    margin-right: auto;
}

#pictures a img{
    outline: none;
}

a {
outline: none;
}

#amenities {
    color: white;
    border:5;
}

#amenities ul, li {list-style-type: circle;
      color: white;}
     
#amenities h2 {text-align: center;
    color:#F8CC00}

#amenities table, th, td {border: 0; color: white;}

.center1 {
    margin-left:auto; 
    margin-right:auto;
    width:70%;
  }

.center {
    
    margin-left:auto; 
    margin-right:auto;
   
  } 
  
  .center4 td{
    margin-left:auto; 
    margin-right:auto;
    width:260px;
}
  
.center2 td{
    column-width:160px;
}
  
.events table, th, td {
    table-layout:fixed;
    margin-left:auto; 
    margin-right:auto;
    padding:10px;
    border: 0px;
   border-collapse: collapse;
    font: Times, serif;
  }