body {
background-color: #81A7BD;
margin: 0;
}

a:link {
font-family: Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
}

a:hover {
font-family: Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: underline;
}

a:visited {
font-family: Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
}

.container{
width: 750px;
margin: 0 auto 0 auto;
background: url(../images/bg.gif) repeat-y;
}

.container-inner {
width: 700px;
margin: 0 25px 0 25px;
background-color: #311C04;
border-left: 5px solid #311C04;
border-right: 5px solid #311C04;
}

.banner {
text-align: center;
}

 #navcontainer ul
 {
 padding: 0;
 margin: 0;
 background-color: #96A210;
 color: #fff;
 float: left;
 width: 100%;
 font: bold small Arial, Helvetica, sans-serif;
 }

 #navcontainer ul li { 
 display: inline;

 background-color: #96A210;
 }

 #navcontainer ul li a
 {
 padding: 0.5em 0.7em 0.5em 2.6em;
 color: #311C04;
 text-decoration: none; 
 background-image: url(../images/palm-tree.gif);
 background-repeat: no-repeat;
 background-position: left;
 float: left;
}

 #navcontainer ul li a:hover, #current a:link
 {
 background-color:#878A0E;
 color: #311C04;
  background-image: url(../images/palm-tree-hover.gif);
 background-repeat: no-repeat;
 background-position: left;
 }
 
#active
 {
 background-color:#878A0E;
 color: #311C04;
  background-image: url(../images/palm-tree-hover.gif);
 background-repeat: no-repeat;
 background-position: left;
 }

#active a:link
 {
 background-color:#878A0E;
 color: #311C04;
  background-image: url(../images/palm-tree-hover.gif);
 background-repeat: no-repeat;
 background-position: left;
 }
 
 #active a:hover
 {
 background-color:#878A0E;
 color: #311C04;
  background-image: url(../images/palm-tree-hover.gif);
 background-repeat: no-repeat;
 background-position: left;
 }
 
  #active a:visited
 {
 background-color:#878A0E;
 color: #311C04;
  background-image: url(../images/palm-tree-hover.gif);
 background-repeat: no-repeat;
 background-position: left;
 }
 
  
.block1 {
float: left;
width: 660px;
font: normal small Arial, Helvetica, sans-serif;
color: #fff;
background-color: #311C04;
padding: 20px;
margin: 0 auto 0 auto;
}

.block1 h2{
font: bold xx-large Arial, Helvetica, sans-serif;
color: #81A7BD;
margin: 0;
}

.block1 h3{
font: bold large Arial, Helvetica, sans-serif;
color: #81A7BD;
margin: 0;
}

.block1-float-r {
float: right;
width: 250px;
margin: 0 0 0 10px;
}

.block2 {
float: left;
width: 660px;
font: normal small Arial, Helvetica, sans-serif;
color: #fff;
background-color: #81A7BD;
padding: 20px;
margin: 0 auto 0 auto;
}

.block2 h2{
font: bold xx-large Arial, Helvetica, sans-serif;
color: #311C04;
margin: 0;
}

.block2 h3{
font: bold large Arial, Helvetica, sans-serif;
color: #311C04;
margin: 0;
}

.block2-float-r {
float: right;
width: 250px;
margin: 0 0 0 10px;
}

.block3 {
float: left;
width: 660px;
font: normal small Arial, Helvetica, sans-serif;
color: #fff;
background-color: #311C04;
padding: 20px;
margin: 0 auto 0 auto;
}

.block3 h2{
font: bold xx-large Arial, Helvetica, sans-serif;
color: #96A210;
margin: 0;
}

.block3 h3{
font: bold large Arial, Helvetica, sans-serif;
color: #96A210;
margin: 0;
}

.block3-float-r {
float: right;
width: 250px;
margin: 0 0 0 10px;
}

.block4 {
float: left;
width: 660px;
font: normal small Arial, Helvetica, sans-serif;
color: #fff;
background-color: #96A210;
padding: 20px;
margin: 0 auto 0 auto;
}

.block4 h2{
font: bold xx-large Arial, Helvetica, sans-serif;
color: #311C04;
margin: 0;
}

.block4 h3{
font: bold large Arial, Helvetica, sans-serif;
color: #311C04;
margin: 0;
}

.block4-float-r {
float: right;
width: 250px;
margin: 0 0 0 10px;
}

.block5 {
float: left;
width: 660px;
font: normal small Arial, Helvetica, sans-serif;
color: #fff;
background-color: #311C04;
padding: 20px;
margin: 0 auto 0 auto;
}

.block5 h2{
font: bold xx-large Arial, Helvetica, sans-serif;
color: #96A210;
margin: 0;
}

.block5 h3{
font: bold large Arial, Helvetica, sans-serif;
color: #96A210;
margin: 0;
}

.block5-float-r {
float: right;
width: 250px;
margin: 0 0 0 10px;
}



.home-txt {
width: 520px;
margin: 0 0 0 135px;
}

.pic {
float: left;
width: 125px;
margin: 0;
}


.pic1 {
padding: 0 4px 4px 0;
}

.pic2 {
padding: 0 0 4px 4px;
}

.pic3 {
padding: 4px 4px 0 0;
}

.pic4 {
padding: 4px 0 0 4px;
}

.table1 {
 background-color:#7A850B;
 color: #333333;
 padding: 10px;
    border-right: 1px solid #311C04;
   border-bottom: 1px solid #311C04;
 }

.table2 {
 background-color: #96A210;
  color: #333333;
   padding: 10px;
   border-right: 1px solid #311C04;
   border-bottom: 1px solid #311C04;
 } 

.table3 {
   background-color: #81A7BD;
   color: #333333;
   padding: 10px;
   border-right: 1px solid #311C04;
   border-bottom: 1px solid #311C04;
 }
 
 .calendar1 {
 background-color: #96A210;
  color: #333333;
   padding: 2px;
   border-right: 1px solid #311C04;
   border-bottom: 1px solid #311C04;
 } 
 
  .calendar2 {
   background-color: #81A7BD;
  color: #333333;
   padding: 2px;
   border-left: 10px solid #311C04;
   border-right: 1px solid #311C04;
   border-bottom: 1px solid #311C04;
 } 
 
  .calendar3 {
   background-color: #96A210;
   color: #333333;
   padding: 2px;
   border-left: 10px solid #311C04;
   border-right: 1px solid #311C04;
   border-bottom: 1px solid #311C04;
 } 
 
  #booked {
 background-color: #CCFF33;
  color: #333333;
   padding: 2px;
 } 
 
   .calendar4 {
   background-color: #fff;
   color: #333333;
   padding: 2px;
   border-left: 10px solid #311C04;
   border-right: 1px solid #311C04;
   border-bottom: 1px solid #311C04;
 } 

.form {
float: right;
width: 300px;
margin: 0 0 0 0;
}