html, body {
  margin: 0px;
  padding: 0px;
  border: 0px;
	
        scrollbar-base-color:#008000;
        scrollbar-arrow-color: #ffffff;
        scrollbar-darkshadow-color: #000000;
        scrollbar-track-color: #004000;
	margin: 0px;
	padding: 0px;
	border:0px;	
        background-color:#ffffff;}


 
#header     { position:absolute; top:0px; left:0px; width:75%; height:80px; background-color:#ffffff;}





         

#nav {  position:absolute; left:0px; top:80px; width:75%; height:50px; 
              background-color:#ffffff; } 


#navcontainer
{
background: #ffffff;
margin: 0 auto;
padding: 1em 0 0 0;
font-family: georgia, serif;
text-transform: lowercase;
}

/* to stretch the container div to contain floated list */
#navcontainer:after
{
content: ".";
display: block;
line-height: 1px;
font-size: 1px;
clear: both;
}

ul#navlist
{
list-style: none;
padding: 0;
margin: 0 auto;
width: 90%;
font-size: 0.8em;
}

ul#navlist li
{
display: block;
float: left;
width: 12%;
margin: 0;
padding: 0;
}

ul#navlist li a
{
display: block;
width: 100%;
padding: 0.4em;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: #ffffff;
text-decoration: none;
background: #008000;
}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a
{
background: #f0e7d7;
color: #ffffff;
}

ul#navlist li a:hover, ul#navlist li#active a:hover
{
color: #008000;
background: #ffffff;
border-color: #aaab9c #fff #fff #ccc;
}










#enter  { position:absolute; left:25%; top:590px; width:50%; height:20%; 
              background-color:#ffffff; } 

#first  {  position:absolute; left:2%; top:140px; width:20%; height:60%; 
              background-color:#ffffff;text-align:justify; } 

#second {  position:absolute; left:24%; top:300px; width:75%; height:70%; 
              background-color:#ffffff;text-align:justify; } 

#photos {  position:absolute; left:2%; top:280px; width:96%; height:80%; 
              background-color:#ffffff; } 
#folk   {  position:absolute; left:24%; top:300px; width:70%; height:80%; 
              background-color:#ffffff;text-align:justify; } 

#third  {  position:absolute; right:0px; top:0px; width:25%; height:300px; 
              background-color:#ffffff;background-image:url("img/leaves.jpg"); background-repeat:no-repeat;} 

  
#text  {  position:absolute; left:75%; top:300px; width:23%; height:350px; 
              background-color:#ffffff;text-align:center; } 


#snow {  position:absolute; left:75%; top:0px; width:25%; height:300px; 
              background-color:#ffffff; text-align:justify;background-image: url("img/white.jpg"); background-repeat:no-repeat;} 


#fourth   {  position:absolute; left:27%; top:140px; width:40%; height:350px; 
              background-color:#ffffff;text-align:justify; } 


#ftr {  position:absolute; left:27%; top:700px; width:40%; height:50px;
              background-color:#ffffff; text-align:center;}

#ftr2 {  position:absolute; left:27%; top:120%; width:40%; height:50px;
              background-color:#ffffff; text-align:center;}


h2 {font: bold italic 1em "Times New Roman", "MS Serif", "New York", serif;
color: #008000;
} 

h1 {
font: bold italic 140% "Times New Roman", "MS Serif", "New York", serif;
color:#008000;
}








.title  { color: #8080ff; font: 110%  Arial, Helvetica, Sans-serif; } 

.sub  { color: #8080ff; font: 100%  Arial, Helvetica, Sans-serif; } 

.main   { color: #778899; font: 85%  Arial, Helvetica, Sans-serif  }

.time { color:#00c000; font: 90% Arial, Helvetica, Sans-serif  }

.copy { color: indigo; font: 80% Arial, Helvetica, Sans-serif  }

.copyright   { color:#008000; font: 16px perpetua, arial ; font-weight: bold; }

.first  { color:#008000; font: 80% Arial, Helvetica, Sans-serif  ; font-weight: bold; }

.contact { color:#008000; font: 18px perpetua, arial ; font-weight: bold; }

.phone   { color:#778899; font: 18px perpetua, arial ; font-weight: bold; }

.guest   { color:#778899; font: 20px perpetua, arial ; font-weight: bold; }