body{
  text-align: center;
  background-color:rgb(15,38,0); 
  margin:0; 
  padding:0; 
  font-family:Trebuchet MS,  Verdana, Helvetica,
  sans-serif;
  font-size:100%;
  line-height: 0.9em;
}




#maincontainer{
  position: relative; top: 0px; left: 0px;  
  width: 840px;
  height: 1400px;
  margin-right: auto;
  margin-left: auto;
  text-align: left;
  background-color:rgb(15,38,0); 
  color:rgb(255,255,255); 
  padding:0px 0px 0px 0px;  
  overflow:auto
}



#finalactbody{
  position: relative; top: 0px; left: 0px;  
  width: 1366px;
  height: 600px;
  margin-right: auto;
  margin-left: auto;
  text-align: left;
  background: url('images\MistyMorning1366(2).jpg') no-repeat;
  padding:0px 0px 0px 0px;  
  overflow:auto
}


#finalactmaincontainer{
  position: relative; top: 0px; left: 20%;  
  width: 840px;
  height: 690px;
  margin-right: auto;
  margin-left: -10px;
  text-align: left;
  color:rgb(255,0,255); 
  padding:0px 0px 0px 0px;  
  overflow:auto
}

#head1 {
  font-family:Trebuchet MS,  Verdana, Helvetica,
  sans-serif;
  font-weight:bold;
  font-size:2em;
  width:100%;
  text-align:center;
}




#head2 {
  font-family:Trebuchet MS,  Verdana, Helvetica,
  sans-serif;
  font-weight:bold;
                          font-size:1.2em
}


#menu{
  position: absolute; top: 3.5%; left: 0%;  
  margin:0em,0em,0em,0em;
  width:12%;
  font-family:Trebuchet MS,  Verdana, Helvetica,  sans-serif;
  font-size:1em;

}



#pmenu { 
  color:rgb(255,0,0);
  font-weight:bold;
  line-height:100%;
  width:100%; 
  text-align:left; 
  text-decoration:none;
  margin:0% 0% 0% 0%
}

#psubmenu { 
  color:rgb(255,0,0);
  font-weight:bold;
  line-height:125%;
  width:100%; 
  text-align:left; 
  text-decoration:none;
  margin:0% 0% 0% 0%
}

#IndexPageExternalLinks {
  position: absolute; top: 10%; right: 0%;  
  width:30%;
  height:30%;
  padding: 1%;
  text-align: center; 
  font-family:Trebuchet MS,  Verdana, Helvetica,
  sans-serif;
  font-weight:bold;font-size:1.2em
}


.vertical-menu {
  width: 200px;
}

.vertical-menu a {
  background-color: #eee;
  color: black;
  display: block;
  padding: 12px;
  text-decoration: none;
}

.vertical-menu a:hover {
  background-color: #ccc;
}

.vertical-menu a.active {
  background-color: #04AA6D;
  color: white;
}




a.walk:link   {color:rgb(255,0,0);text-decoration:none;}  /*  */
a.walk:visited {color:rgb(255,200,200);text-decoration:none;}  /* mouse over link */
a.walk:hover {color:rgb(200,200,255);text-decoration:none;}  /* mouse over link */
a.walk:active {color:rgb(255,255,255);text-decoration:none;}/* selected link */

a.main:link{color:rgb(255,255,255);text-decoration:none;}  /*  "main" stands for "main menu"*/
a.main:visited{color:rgb(255,255,255);text-decoration:none;}    /* mouse over link */
a.main:hover{color:rgb(255,0,0);text-decoration:none;} /* mouse over link */
a.main:active{color:rgb(255,0,0);text-decoration:none;}  /* selected link */

a:link{color:rgb(0,0,255);text-decoration:none;}  
a:visited{color:rgb(255,200,200);text-decoration:none;}  
a:hover{color:rgb(255,0,0);text-decoration:none;}
a:active{color:rgb(255,0,0);text-decoration:none;}  

#textcontent1 {
  position: absolute; top: 10%; left: 16%;  
  width:50%;
  font-family:Trebuchet MS,  Verdana, Helvetica,
  sans-serif;
  text-align: justify;
  font-size:.9em;
  height:80%;
}


#textcontent2 {
  position: absolute; top: 32%; left: 14%;  
  width:50%;
  height:20%;
  font-family:Trebuchet MS,  Verdana, Helvetica,
  sans-serif;
  font-size:.9em;
}

#textcontent3 {
  position: absolute; top: 3.5%; left: 14%;  
  color:rgb(255,255,0);   
  width:50%;
   font-family:Trebuchet MS,  Verdana, Helvetica,
  sans-serif;
  text-align: justify;
  font-size:.9em;
  height:80%;
}


#textcontent4 {
  position: absolute; top: 10%; left: 60%; 
  color:rgb(0,255,0);   
  width:50%;
    font-family:Trebuchet MS,  Verdana, Helvetica,
  sans-serif;
  text-align: center;
  font-size:1.0em;
  height:80%;
}


#textcontentfinalact {
position: absolute; top: 3.5%; left:14%;  
  color:rgb(255,255,255);   
  width:86%;
   font-family:Trebuchet MS,  Verdana, Helvetica,
  sans-serif;
  text-align: justify;
  font-size:.9em;
  height:80%;
}


#footnote {
  font-family:Trebuchet MS,  Verdana, Helvetica,
  sans-serif;
  font-size:.7em;
}


#hotellistcontainer{
position: absolute; top: 8.5%; right: 0%;  
  width:50%;
}


#hotellist
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:100%;
border-collapse:collapse;
color:rgb(255,255,255);
}

#hotellist td, #hotellist th 
{
font-size:1em;

padding:3px 7px 2px 7px;
}

#hotellist th 
{
font-size:1.1em;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#A7C942;
color:rgb(255,255,255);
}




#textphotofootnote {

  font-family:Trebuchet MS,  Verdana, Helvetica,  sans-serif;
  color:rgb(255,255,255); 
  font-size:.6em;
}


#photoboxindex {
  position: absolute; top: 30%; right: 35%;  
  width:50%;
  height:15%;
  padding: 0px;
}



#photoboxbiopic {
  position: absolute; top:10%; right: 0%;  
  width:30%;
  height:30%;
  padding: 5px;
}

#photoboxfinalact {
  position: absolute; top:15%; left:14%;  
  width:98%;
  height:25%;
  padding: 5px;
}

#photoboxhistory {
  position: absolute; top: 10%; right: 0%;  
  width:30%;
  height:30%;
  padding: 1%;
}



#photoboxMeetAgain1 {
  position: absolute; top:7%; right: 0%;  
  width:30%;
  height:15%;
  padding: 5px;
}


#photoboxMeetAgain2 {
  position: absolute; top:22%; right: 0%;  
  width:30%;
  height:15%;
  padding: 5px;
}


#photoboxMeetAgain3 {
  position: absolute; top:22%; right: 30%;  
  width:56%;
  height:15%;
  padding: 5px;
}


#photoboxMap {
  position: absolute; top: 8%; right: 38%;  
  width:48%;
  height:36%;

  padding: 0px;
}


#photoboxart{
  position: absolute; top: 10%; right: 0%;  
  width:28%;
  height:30%;
  padding: 0%;
}



#photoboxPlacesToEat {
  position: absolute; top: 10%; right: 0%;  
  width:42%;
  height:28%;

  padding: 5px;
}


#photoboxviews1 {
  position: absolute; top: 10%; right: 0%;  
  width:30%;
  height:32%;
  padding: 0px;
}


#photoboxviews2 {
  position: absolute; top: 10%; right: 44%;  
  width:30%;
  height:32%;
  padding: 0px;
}

#photoboxviews3 {
  position: absolute; top: 38%; right: 44%;  
  width:30%;
  height:32%;
  padding: 0px;
}


#photoboxviews4 {
  position: absolute; top: 38%; right: 0%;  
  width:30%;
  height:32%;
  padding: 0px;
}


#photoboxTrail1 {
  position: absolute; top: 9.5%; right: 0%;  
  width:32%;
  height:29%;

  padding: 5px;
}


#photoboxrest {
  position: absolute; top: 7%; right: -10%;  
  width:40%;
  height:30%;

  padding: 0px;
}

#photoboxhotel {
  position: absolute; top: 20%; right: 0%;  
  width:37%;
  height:20%;

  padding: 0px;
}


#photoboxcaravan {
  position: absolute; top: 10%; right: 0%;  
  width:45%;
  height:18%;

  padding: 0px;
}

#photoboxbandb {
  position: absolute; top: 6%; right: 0%;  
  width:30%;
  height:18%;

  padding: 0px;
}


#photoboxlocation {
  position: absolute; top: 15%; right: 0%;  
  width:30%;
  height:15%;

  padding: 5px;
}


#photoboxwalks1 {
  position: absolute; top: 15%; right: 0%;  
  width:30%;
  height:15%;

  padding: 5px;
}

#photoboxwalks2 {
  position: absolute; top: 62%; right: 0%;  
  width:30%;
  height:15%;

  padding: 5px;
}


#map {
  position: absolute; bottom: 4%; left: 14%;
}