body {
margin: 20px;
padding: 0;
font-size: 17px;
font-family: "Times New Roman", Times, serif;
}

h1 {
font-family: "Caslon 540", "Times New Roman", Times, serif; 
font-size: 26px;
margin: 0 0 16px 0;
padding: 0;
font-weight: normal;
}

p {
font-family: "Times New Roman", Times, serif; 
margin: 16px 0 0 80px;
padding: 0;
line-height: 1.1em;
}

span {
font-family: "Times New Roman", Times, serif; 
font-size: 17px;
margin: 0 0 16px 0;
padding: 0;
color: #A99071;
}

a {
color: black;
text-decoration: none;
}

a:link {
color: black;
}

a:visited {
color: black;
}

a:hover {
color: #A99071;
}

.content {
position: relative;
width: 540px;
top: 160px;
left: 190px;
background-color: white;
padding-bottom: 30px;
z-index: 5;
}

.navigation {
position: absolute;
width: 600px;
top: 60px;
left: 210px;
background-color: white;
padding-bottom: 30px;
z-index: 5;
}

.contentindex {
position: relative;
width: 540px;
top: 511px;
left: 200px;
background-color: white;
padding-bottom: 30px;
z-index: 5;
}


#indexpic {
position: absolute;
width: 480px;
top: 740px;
left: 290px;
padding-bottom: 30px;
z-index: 5;
; clip:    rect(   )
}

#indexpictext1 {
position: absolute;
width: 100px;
top: 300px;
left: 87px;
z-index: 5;
}

#indexpictext2 {
position: absolute;
width: 100px;
top: 300px;
left: 310px;
z-index: 5;
}

#logo {
position: absolute;
width: 600px;
top: 140px;
left: 260px;
background-color: white;
padding-bottom: 30px;
z-index: 5;
; clip:  rect(   )
}

#rectopbutton {
position: absolute;
width: 38px;
top: 2800px;
left: 770px;
background-color: white;
padding: 0;
z-index: 5;
clip:         rect(   );
}

#porttopbutton {
position: absolute;
width: 38px;
top: 2970px;
left: 770px;
background-color: white;
padding: 0;
z-index: 2;
clip:   rect(   );
}

#caption {
position: absolute;
width: 200px;
top: 119px;
left: 290px;
background-color: white;
padding: 0;
z-index: 4;
}

#letter {
position: absolute;
width: 105px;
top: 60px;
left: 180px;
background-color: white;
padding: 0;
z-index: 4;
}

#captionindex {
position: absolute;
width: 500px;
top: 480px;
left: 300px;
background-color: white;
padding: 0;
z-index: 4;
}

#letterindex {
position: absolute;
width: 105px;
top: 421px;
left: 190px;
background-color: white;
padding: 0;
z-index: 5;
}

#backbutton {
position: absolute;
width: 56px;
top: 115px;
left: 705px;
background-color: white;
padding: 0;
z-index: 2;
}


#next {
position: relative;
width: 100px;
left: 348px;
z-index: 5;
font-family: "Times New Roman", Times, serif; 
font-size: 14px; 
color: #A99071; 
text-align: right;
clip:       rect(   ); 
top: auto;
}

#nextstone {
position: relative;
width: 100px;
left: 320px;
z-index: 5;
font-family: "Times New Roman", Times, serif; 
font-size: 14px; 
color: #A99071; 
text-align: right;
clip:          rect(   ); 
top: auto;
}

#pic {
position: absolute;
width: 460px;
top: 0px;
left: 76px;
background-color: white;
padding-bottom: 0;
z-index: 2;
}

#scroll00 {
position: absolute;
width: 53px;
top: 34px;
left: 0px;
background-color: white;
padding: 0;
z-index: 4;
clip:     rect(   );
}

#scroll30 {
position: absolute;
width: 53px;
top: 52px;
left: 0px;
background-color: white; 
padding: 0;
z-index: 4;
clip:    rect(   );
}

#scroll50 {
position: absolute;
width: 53px;
top: 72px;
left: 0px;
background-color: white;
padding: 0;
z-index: 4;
clip:     rect(   );
}

#scroll90 {
position: absolute;
width: 53px;
top: 91px;
left: 0px;
background-color: white;
padding: 0;
z-index: 4;
clip:    rect(   );
}

#movie {
position: absolute;
width: 465px;
top: 0px;
left: 80px;
background-color: white;
padding: 0 0;
z-index: 3;
clip:          rect(   ); 
margin: 0px 0px; 
height: auto; 
font-family: "Times New Roman", Times, serif; 
line-height: 1.1em; 
border-style: none; 
}#indextopbutton { position: absolute; width: 38px; top: 1080px; left: 770px; background-color: white; padding: 0; z-index: 2; clip:       rect(   ); }