body
{
height: 100%;
z-index: 1;
padding: 0px;
margin: 0px;
color: #2a2528;
background-color: #d89cdb;
font-family: sans-serif, "century gothic";
}

#header {
position: relative;
background-image: URL("images/backgroundheader.jpg");
width: 100%;
z-index: 2;
padding: 0px;
margin: 0px;
height: 123px;
}

#nonFooter {
position: relative;
top: 20px;
left: 250px;
width: 700px;
min-height: 100%;
background-color: #d89cdb;
margin: 0px;
}

#nonFooter p {
position: relative;
vertical-align: text-top;
top: 0px;
left: 50px;
width: 600px;
padding: 0px;
margin: 0px;
}

* html #nonFooter{
height: 100%;
}

#footer
{
position: relative;
background-image: URL("images/backgroundfooter.jpg");
width: 100%;
padding: 0px;
margin-top: 40px;
float: left;
bottom: 0px;
}

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

a:hover {
background-color: #e9c5ea;
}
a.highlight{
position: relative; 
top: 30px;
color: white;
background-color: #745476;
}
a.highlight:hover{
background-color: #e9c5ea;
}
a.poemtitle {
font-size: 120%;
position: relative;
top: 30px;
}
#explanation {
width: 400px;
}
div.content {
position: relative;
left: 0px;
top: 30px;
font-style:italic;
}
ul {
position: absolute;
top: 150px;
left: 50px;
padding: 0px;
margin: 0px;
list-style: none;
width: 150px;
z-index: 6000;
border-bottom: 1px solid #745476;
}

ul li {
position: relative;
top: 0px;
z-index: 6000;
}

li ul {
position: absolute;
left: 149px;
display: none;
z-index: 6000;
top: 0px;
}

ul li a {
display: block;
text-decoration: none;
color: white;
background: #fff;
padding: 5px;
border: 1px solid #745476;
border-bottom: 0;
background-color: #745476;
z-index: 6000;
}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

li:hover ul, li.over ul { 
display: block;
z-index: 6000;
border: 1px solid #745476; 
}

/* force "layout" for menu items */
ul, li, li a {
box-sizing:content-box; 
vertical-align:bottom;
z-index: 6000;
}
h4 {
position: relative;
left: 50px;
}
div.information {
position: relative;
left: 50px;
}

img.favicon {
float: left;
vertical-align:baseline;
background-color: #C697F8;
}

.figure {
margin: 0.5em;
padding: 0.5em;
border: thin red solid;
height: 190px;
float: left;
}

.figure img{
display: block;
margin-left: auto;
margin-right: auto;
height: 150px;
color: #2a2528;
background-color: #d89cdb;
text-align: center;
}
.bookmark {
height: 480px;
}
.bookmark img{
height: 400px;
}
.excerptphoto {
margin: 0.5em;
padding: 0.5em;
border: thin red solid;
height: 190px;
float: right;
}

.excerptphoto img{
display: block;
margin-left: auto;
margin-right: auto;
height: 150px;
color: #2a2528;
background-color: #d89cdb;
text-align: center;
}
.caption {
font-style: italic;
font-size: smaller;
text-indent: 0;
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.floatright {
float: right;
}
.floatleft {
float: left;
}
#links {

}
#linkslist {
list-style: none;
}
#linkslist li {
padding-top: 20px;
}
#linkslist a {
border: 1px;
border-style: solid;
border-color: red;
}
#currentpage {
position: absolute;
font-size: 75%;
}
#mediaclips {
width: 300px;
float: left;
border: 1px;
border-style: solid;
border-color: red;
padding: 10px;
}