body
{
background-image: url('website_bg.png');
background-repeat: no-repeat;
overflow: hidden;
z-index: -1;
position: relative;
margin-left: 10px;
} 


div#links
{
position: absolute;
top: 100px;
left: 50px;
}


div#links ul
{
color: white;
z-index: 1;
margin: 0;
padding: 0;
white-space: nowrap;
}



div#links li
{
list-style-type: none;
display: inline;
padding: 0;
margin: 0;
float: left;
}



#header
{
font-size: 22pt; 
font-family: "Edwardian Script ITC";
color: #6666CC; 
position: absolute;
left: 100px;
top: 150px;
z-index: 1;
}

#other
{
font-size: 16pt; 
font-family: "Garamond";
color: #6666CC; 
position: absolute;
left: 100px;
top: 150px;
z-index: 1;
}


div#rightbar
{
font-size: 10pt;
font-family: "Garamond";
color: blue;
position: absolute;
left: 600px;
top: 170px;
z-index: 1;
}

div#textblock
{
font-size: 11pt;
font-family: "Garamond";
color: #339999;
position: absolute;
left: 100px;
top: 190px;
width: 450px;
z-index: 0;
}


div#textblock2
{
font-size: 11pt;
font-family: "Garamond";
position: absolute;
left: 100px;
top: 230px;
width: 550px;
height: 465px;
color: #339999; 
z-index: 1;
overflow: auto;
background-color: #F8FFF8;
}


#poetry
{
font-size: 12pt;
font-family: "Garamond";
text-align: center; 
color: #339999; 

width: 550px;
height: 450px;

background-color: #F8FFF8;

position: absolute;
left: 80px;
top: 220px;
bottom: 0px;
overflow: auto;
z-index: 1;
}


#archive
{
width: 1000;
height: 700;
position: relative;
left: 80px;
top: 115px;
overflow: auto;
z-index: 1;
}


#scrollbox
{
font-size: 12pt;
font-family: "Garamond";
text-align: left; 
color: #6666CC; 

width: 150px;
height: 250px;

background-color: #F8FFF8;

position: absolute;
left: 600px;
top: 180px;
bottom: 0px;
overflow: auto;
z-index: 1;
}


#showcase
{
font-size: 12pt;
font-family: "Garamond";
text-align: left; 

width: 750px;
height: 475px;

position: absolute;
left: 100px;
top: 220px;
bottom: 0px;
overflow: auto;
z-index: 1;
}