body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #FFFFFF;
    width: 100%;
    margin: 0em;
    padding: 1em 0 0 0;
}
div#sidebar {
    float: left;
    width: 75px;
    height: auto;
    text-align: left;
    background-color: #FFFFFF;
    margin: 55px 5px 10px 25px;
}

div#title{
	display: block;
	float: left;
	position:relative;
	width: 100%;
	margin: 15px 0px 0px 25px;
	z-index: 10;
	/*background-color:orange;*/
}

div#infobox
{
float:left;
position:relative;
width:100%;
/*background-color:blue;*/
vertical-align:middle;
text-align:center;
margin: 10px 0px 10px 0px;
z-index:44;}

#infobox p
{
margin: 0px 0px 0px 0px;
font-size: 12px;
vertical-align:middle;
color:grey;
}

#infobox a:link, a:visited{
border:none;
text-decoration:none;
}


#infoboxleft{
display:block;
float:left;
position:relative;
width:40%;
/*background-color:blue;*/
height:50px;}

#infoboxleft p
{
text-align: right;
}

#infoboxright p
{
text-align: left;
}

#infoboxcenter{
float:left;
display:block;
position:relative;
width:20%;
/*background-color:red;*/
/*height:50px;*/
vertical-align:middle;
}


#infoboxright{
float:left;
display:block;
position:relative;
width:40%;
height:50px;
/*background-color:yellow;*/}

#displaybox {
	position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
	width:100%;
	min-width:220px;
	margin:0px 0px 0px 0px;
	/*background-color:red;*/
	/*padding:10px;*/
	z-index:3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
	text-align: center;
	}
#displaybox p {
    color:#666666;
    text-align: center;
    font-size: 14px;
    font-family: Verdana, Georgia, sans-serif;
}

#bottombar {
	position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
	width:100%;
	min-width:220px;
	margin:0px 0px 0px 0px;
	/*background-color:red;*/
	/*padding:10px;*/
	z-index:3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
	text-align: center;
	color:#666666;
    text-align: center;
    font-size: 12px;
    font-family: Verdana, Georgia, sans-serif;}
#bottombar p {
    
}
#bottombar a:link,#bottombar a:visited,#bottombar a:hover,#bottombar a:active {
    font-weight: normal;
    text-decoration: none;
    color:#666666;
    font-size: 10px;
    font-family: Verdana, Georgia, sans-serif;
}


#nextPageImage {
	position:absolute;
	top:175px;
	right:10px;
	width: 75px;
	height: 90px;
	/*padding:10px;*/
	z-index:4;
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
}
#nextPageImage p {
    color:#666666;
    text-align: center;
    font-size: 10px;
    font-family: Verdana, Georgia, sans-serif;
}
#prevPageImage {
	position:absolute;
	top:175px;
	left:10px;
	width: 75px;
	height: 90px;
	/*padding:10px;*/
	z-index:4;

/* Here is the ugly brilliant hack that protects IE5/Win from its own stupidity. 
Thanks to Tantek Celik for the hack and to Eric Costello for publicizing it. 
IE5/Win incorrectly parses the "\"}"" value, prematurely closing the style 
declaration. The incorrect IE5/Win value is above, while the correct value is 
below. See http://glish.com/css/hacks.asp for details. */
	voice-family: "\"}\"";
	voice-family:inherit;
}

#prevPageImage p {
    color:#666666;
    text-align: center;
    font-size: 10px;
    font-family: Verdana, Georgia, sans-serif;
}
#sidebar a:link,#sidebar a:visited,#sidebar a:hover,#sidebar a:active {
    font-weight: normal;
    text-decoration: none;
}
#content {
	position:relative;
	float:left;
    width: 100%;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 25px 0px;
    overflow: visible;
    /*background-color:black;*/
}
#topnavbar {
	position:relative;
    float: left;
    width: 100%;
    background-color: #FFFFFF;
    font-size: 17px;
    line-height: 22px;
    font-weight: bold;
    font-variant: small-caps;
    font-family: Georgia, Trebuchet, serif;
    border-bottom: 1px solid #000000;
    margin: 0 0 8px;
    padding: 0.2em 0 0.2em 0;
}
#topnavbar a {
    text-decoration: none;
    margin: 0em 1em 0em 1em;
    background-color: #FFFFFF;
    color: #CC0000;
    font-weight: bold;
    padding: 0em 0.5em 0.10em 0.5em;
}
#topnavbar a span {
    text-decoration: none;
    margin: 0 0 0 0;
    background-color: #FFFFFF;
    color: #000000;
    font-weight: bold;
    padding: 0 0 0 0;
}
#topnavbar a:hover {
    background-color: #FFFFFF;
    font-size: 17px;
    font-weight: bold;
    color: #000000;
}
#workhierarchy {
	position:relative;
    float:left;
    width: 100%;
    /*background-color: #FFFFFF;*/
    border-bottom: 0px solid #000000;
    font-family: Georgia, Trebuchet, serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 17px;
    margin: 0px 0px 4px 0px;
    padding: 0.2em 0 0.1em 0em;
    z-index:12;
}
#workhierarchy a {
    color: #000000;
    text-decoration: none;
    margin: 0em 2em 0em 1em;
    padding: 0.25em 0em 0.01em 0em;
}
#workhierarchy a:hover {
    font-family: Georgia, Trebuchet, serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 17px;
    color: #CC0000;
    text-decoration: none;
}

#edob{
text-align:right;

margin-top:-16px;
font-family: Georgia, Trebuchet, serif;
}

#edob a:link,#edob a:visited,#edob a:hover,#edob a:active {
text-decoration:none;
font-size:16px;
padding:0px;
margin:0px;
padding-right:10px;}

#workhierarchy span a:hover{
font-size:16px;
text-align:right;}

#workhierarchy span {
text-align:right;
font-size:16px;}
body.work #work {
    background-color: #FFFFFF;
    color: #CC0000;
    font-size: 16px;
    font-weight: bold;
    font-variant: small-caps;
    padding: 5px 0 5px 0;
}
body.edition #edition {
    background-color: #FFFFFF;
    color: #CC0000;
    font-size: 16px;
    font-weight: bold;
    font-variant: small-caps;
    padding: 5px 0 5px 0;
}
body.object #object {
    background-color: #FFFFFF;
    color: #CC0000;
    font-size: 16px;
    font-weight: bold;
    font-variant: small-caps;
    padding: 5px 0 5px 0;
}
body.images #images {
    background-color: #FFFFFF;
    color: #CC0000;
    font-size: 16px;
    font-weight: bold;
    font-variant: small-caps;
    padding: 5px 0 5px 0;
}
#footer {
    float: left;
    width: 100%;
    background-color: #FFFFFF;
    font-size: 18px;
    line-height: 22px;
    font-weight: normal;
    font-family: Georgia, Trebuchet, serif;
    border-top: 1px solid #000000;
    margin: 30px 0 30px 0;
    padding: 0 0 0;
}
#footer a {
    text-decoration: none;
    margin: 0em 2em 0em 2em;
    color: #FFFFFF;
    padding: 0.25em 0.5em 0.10em 0.5em;
}
#footer a:hover {
    background-color: #FFFFFF;
    font-size: 18px;
    font-weight: normal;
    color: #CCOOOO;
}
#footer h1 {
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    text-align: right;
    padding: 0 1em 0 0;
}
/* typography */
.value {
    color: #CC0000;
    font-size: 14px;
    padding: 0em 0.5em 0em 0em;
}
.field {
    color: #CC0000;
    font-size: 16px;
    padding: 0em 0.5em 0em 0em;
}
h1 {
    color: #000000;
    font-size: 11px;
    padding: 0em, 0.5em, 0em;
}
h2 {
    color: #333333;
    font-size: 12px;
    padding: 0em 0.5em 0em 0em;
}
#caption {
    color:#666666;
    text-align: center;
    font-size: 14px;
    font-family: Verdana, Georgia, sans-serif;
}
#sidebar h1 {
    font-size:17px;
    color:#CC0000;
    font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
    padding: 0 0 0 0;
    font-weight: normal;
}
#sidebar p {
    color: #333333;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-align: left;
    margin: 3px 0 3px 5px;
    padding: 0 0 0 0;
}
#content h1 {
    font-size: 32px;
    font-family: Georgia, Trebuchet, serif;
    font-weight: normal;
    color: #CC0000;
    text-align: left;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
#content h2 {
    font-size: 22px;
    font-family: Georgia, Trebuchet, serif;
    font-weight: normal;
    color: #333333;
    text-align: left;
    margin: 0 0 5px 0;
    padding: 0 0 5px 0;
}
#pageimages {
    background:#FFFFFF;
    margin: 10px 10px 10px 10px;
}
#scrollbox {
    width: 75%;
    background:#FFFFFF;
    overflow:auto;
    border:none;
    margin: 10px 10% 10px 10%;
}
#scrollbox p {
    color:#666666;
    font-size: 11px;
    font-family: Verdana, Georgia, sans-serif;
    margin-top: 2px;
}
#scrollbox a {
    text-decoration: none;
    color: #666666;
}
img a {
    border: none;
}