body {
	margin:0px;
	padding:0px;
	background-color: #336666;
}

div#nav {position:absolute; left:0px; top:0px; width:100px;
				padding:.0em 0 0 0; margin:22px 0 0 15px; 
				}
	
div#content {
	margin:20px 0 0 160px;
	padding: 0 1em;
	text-align: center;
}
div#content p {
	color: #00bfff;
	font-weight: normal;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	padding-bottom: 6px;
	text-align: center;
}
div#content li {font-size:.75em;}
/*text formatting*/

h1      {
	color: #f0e68c;
	font-weight: bold;
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	word-spacing: normal;
	letter-spacing: normal;
	text-align: center;
}

a:hover { color: #b3986d; font-weight: bold;  font-size: 11px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: underline }
a    { color: #C8B595; font-weight: bold; font-size: 11px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
vlink { color: purple }
.copywrite {
	font-size: 9px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none 
}


/* CSS Document */
.menu1, .menu2, .menu3, .menu4 {
      margin: 0px;
      padding: 0px;
      background: none;
      height: 472px;
	  width: 100px;
	
    }
    .menu1 ul, .menu2 ul, .menu3 ul, .menu4 ul {
      margin: 0;
      padding: 0;
      list-style-type: none;
	  float: right;
	  height: 67px;
    }
   .menu1 li, .menu2 li, .menu3 li, .menu4 li {
      margin: 0;
      padding: 0;
      float: left;
	  height: 67px;
	  /*width: 102px;*/
    }/*makes it horizontal because markup is li */
	
    .menu4 a {
      display: block;
      width: 100%;
      font: bold 1pt verdana, sans-serif; color:#000000;
	  text-decoration: none;
	  height: 67px;
    }

.menu4 li#menuhome a {
	height: 67px;
	width:100px;
	background:  url("images/navigation/rollover_home.jpg") 0px 0px no-repeat #000;
	background-color: #000;
	background-image: url("images/navigation/rollover_home.jpg");
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.menu4 li#menuhome a:hover {
	  height: 67px;
	  width:100px;
background:  url("images/navigation/rollover_home.jpg") 0px -67px no-repeat #000;
}

.menu4 li#menuabout a {
	height: 67px;
	width: 100px;
	background-color: #000;
	background-image: url("images/navigation/rollover_about.jpg");
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.menu4 li#menuabout a:hover {
	  height: 67px;
width: 100px;
background:  url("images/navigation/rollover_about.jpg") 0px -67px no-repeat #000;
}

.menu4 li#menufacilities a {
	height: 67px;
	width: 100px;
	background:  url("images/navigation/rollover_facilities.jpg") 0px 0px no-repeat #000;
	background-color: #000;
	background-image: url("images/navigation/rollover_facilities.jpg");
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.menu4 li#menufacilities a:hover {
background: #ff9 none;
	  height: 76px;
	  width: 100px;
background:  url("images/navigation/rollover_facilities.jpg") 0px -67px no-repeat #000;
}

.menu4 li#menuactivities a {
	height: 67px;
	width: 100px;
	background:  url("images/navigation/rollover_activities.jpg") 0px 0px no-repeat #000;
	background-color: #000;
	background-image: url("images/navigation/rollover_activities.jpg");
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.menu4 li#menuactivities a:hover {
background: #ff9 none;
	  height: 67px;
	  width: 100px;
background:  url("images/navigation/rollover_activities.jpg") -0px -67px no-repeat #000;
}

.menu4 li#menutariffs a {
	height: 67px;
	width: 100px;
	background:  url("images/navigation/rollover_tariff.jpg") 0px 0px no-repeat #000;
	background-color: #000;
	background-image: url("images/navigation/rollover_tariff.jpg");
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.menu4 li#menutariffs a:hover {
background: #ff9 none;
	  height: 67px;
	  width: 100px;
background:  url("images/navigation/rollover_tariff.jpg") 0px -67px no-repeat #000;
}

.menu4 li#menugallery a {
	height: 67px;
	width: 100px;
	background:  url("images/navigation/rollover_gallery.jpg") 0px 0px no-repeat #000;
	background-color: #000;
	background-image: url("images/navigation/rollover_gallery.jpg");
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.menu4 li#menugallery a:hover {
background: #ff9 none;
	  height: 67px;
	  width: 100px;
background:  url("images/navigation/rollover_gallery.jpg") 0px -67px no-repeat #000;
}

.menu4 li#menucontact a {
	height: 67px;
	width: 100px;
	background:  url("images/navigation/rollover_contact.jpg") 0px 0px no-repeat #000;
	background-color: #000;
	background-image: url("images/navigation/rollover_contact.jpg");
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.menu4 li#menucontact a:hover {
background: #ff9 none;
	  height: 67px;
	  width: 100px;
background:  url("images/navigation/rollover_contact.jpg") 0px -67px no-repeat #000;


}

.date {
	color: #993300;
	font-size: 10px;
}
#gallery {
	height: 550px;
}