#peaceful
{
    position:absolute;
    left:371px;
    top:178px;
    width:293px;
    height:160px;
    background-image:url(../Images/script_peaceful_large.gif);
    background-repeat:no-repeat;
    background-position:left top;
    z-index:1600;
}

#tranquil
{
    position:absolute;
    left:689px;
    top:558px;
    width:249px;
    height:140px;
    background-image:url(../Images/script_tranquil_large.gif);
    background-repeat:no-repeat;
    background-position:left top;
}

#mainText
{
    left:85px;
    top:280px;
    width:368px;
    height:240px;
    overflow:auto;
    z-index:1500;
    background-color:#fdfbe5;
}
 
#poemTitle
{
    font-weight:bold;
    padding-bottom:1.2em;
    padding-left:10px;
    border-left:solid 1px #cccccc;
}

#poem
{
    font-style:italic;
    line-height:1.25em;
    padding-left:10px;
    border-left:solid 1px #cccccc;
}

#poet
{
    margin-top:0.6em;
    text-align:right;
    font-size:12px;
    font-weight:bold;
}

/* Ensure the email link is not overlapped (and wont work) */
/* by the script text */
#email
{
    z-index:2000;
}

#hiddenText
{
    /* This link is JUST inside the horizontal boundaries */
    /* of the main text so the border on the left of the */
    /* main text will stay visible when the z-indexes are */
    /* changed on hovering over the link */
    position:absolute;
    left:86px;
    top:280px;
    width:357px;
    height:205px;
    padding-left:10px;
    padding-top:55px;
    overflow:auto;
    z-index:1499;
    background-color:#fdfbe5;
    color:#333333;
    background-image:url(../Images/more.gif);
    background-position:right bottom;
    background-repeat:no-repeat;
    text-decoration: none;
    /* Avoid making this LOOK like a link */
    cursor:default;
    /* Seem to have to specify the font family and size */
    /* again for Opera 7.23, even though set in body */
    /* does NOT seem to inherit from body!! */
    font-family:arial, helvetica, sans-serif;
    font-size:14px;
} 

#mainTextHidden a:link
{
	
}

#mainTextHidden a:visited
{
	
}

#mainTextHidden a:hover
{	
	/* The border below is invisible, but IE seems */
	/* to need a border somewhere to display correctly */
	border:solid 0px #fdfbe5;
	z-index:1550;
	background-image:url(../Images/more_point_up.gif);
    background-position:right bottom;
    background-repeat:no-repeat;
}	

#mainTextHidden a:active
{
	/* The border below is invisible, but IE seems */
	/* to need a border somewhere to display correctly */
	border:solid 0px #fdfbe5;
	z-index:1550;
	background-image:url(../Images/more_point_up.gif);
    background-position:right bottom;
    background-repeat:no-repeat;
}

/* Ensure the email link is not overlapped (and wont work) */
/* by the script text */
#email
{
    z-index:2000;
}

/* blank div to allow covering up parts of the underlying link */
/* due to its higher z-index */
#coveringDiv
{
    position:absolute;
    left:85px;
    top:520px;
    width:300px;
    height:20px;
    background-color:transparent;
    z-index:5000;
}