body,
html
{
	margin:0;
	padding:0;
	color:#000;
	background-color: #e0e5dc;
	background-image: url(img/body-bg-new.jpg);
	background-repeat: repeat-y;
	background-position: center;
	font-family: Georgia, "Times New Roman", serif;
}
#container
{
	width:960px;
	margin:0 auto;
}
#header
{
	background-image:url(img/banner-new.jpg);
	background-repeat: no-repeat;
	height:205px;
}
#sidebar
{
	float:left;
	width:260px;
	padding:188px 0 0 0;
	background-image: url(img/sidebar-top-new.jpg);
	background-repeat: no-repeat;
	font-size: 14px;
}
#menu
{
	background-image: url(img/sidebar-bottom-new.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
}
#menu ul
{
	list-style-type: none;
	padding: 0 20px 20px 50px;
	background-image: url(img/sidebar-mid-new.jpg);
	background-repeat: repeat-y;
	margin: 0;
}
#menu ul ul
{
	background-image: none;
	height: 1%; /* ie hack */
	position: relative;  /* ie hack */
	padding: 0;
}
html>body #menu ul>ul
{
	height: auto;  /* un ie hack */
}
#menu ul li 
{
	position: relative;
	padding-left: 10px;
	margin: 0;
}
#ads
{
	margin: 0 0 20px 0;
	background-image: url(img/sidebar-mid-new.jpg);
	background-repeat: repeat-y;
}
#ad0
{
	margin: 0;
	padding: 60px 20px 10px 70px;
	background-image: url(img/sidebar-split-new.jpg);
	background-repeat: no-repeat;
}
#ad1
{
	margin: 0;
	padding: 60px 10px 10px 70px;
	background-image: url(img/sidebar-split-new.jpg);
	background-repeat: no-repeat;
}
#ad2
{
	margin: 0;
	padding: 60px 10px 40px 70px;
	background-image: url(img/sidebar-bottom-new.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
}
#adfoot 
{
	margin-top: 20px;
}
#main
{
	float:right;
	width:680px;
	padding:50px 10px 0 10px;
	background-image: url(img/mainbanner-new.jpg);
	background-repeat: no-repeat;
}
#footer
{
	clear:both;
	margin: 0 0 0 241px;
	padding:50px 10px 45px 50px;
	background-image: url(img/footer-bg-new.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	background-color: #e0e5dc;
}
#footer p
{
	margin:0;
}
* html #footer
{
	height:1px;
}

h1, h2, h3 { text-align: center; clear: both; }

a { text-decoration: none; color: #396;}
a:visited { color: #066; }
a:hover { text-decoration: underline; }

.menutitle { 	padding-top: 16px; }
.menutitle span
{
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
}
#menuwelcome 
{
	background: url(img/menuwelcome.gif) top left no-repeat;
}
#thesonnets 
{
	background: url(img/thesonnets.gif) no-repeat;
}
#other 
{
	background: url(img/other.gif) no-repeat;
}

li.menutoggle { cursor:pointer; color: #396; display: none; /*enable in functions.js */ }

.separator
{
	margin: 4em auto;
	border-top: 1px solid #000;
	width: 33%;
}

.mainimg
{
	float: right;
	border: solid #000 1px;
}

p.image { text-align: center; }
p.caption { text-align: center; font-style: italic;}

#dedicationimg { margin: auto; text-align: center;}
.topimg { display: block; margin: auto; }
.keyline { border: solid #000 1px; }

.callout { float: right; margin: 1em; padding: 1em; background-color: #ffc; width: 300px; }
.clearboth { clear: both; }

p#quartotext { font-weight: bold; }

p#quartotext:first-letter
{
	font-size: 280%;
	float: left;
}

.title
{
	text-align: center;
	position: relative;
	left: -20px;
}

#endnotes { clear: both; }

h1 span, h2 span
{
	position: absolute;
	width:100%;
	height: 100%;
	left: 0;
}
#welcometitle span { background: url(img/welcome.gif) no-repeat top center; }
#introtitle span { background: url(img/introduction.gif) no-repeat top center; }
#firstlinestitle span { background: url(img/firstlines.gif) no-repeat top center; }
#quartotitle span { background: url(img/quartoversion.gif) no-repeat top center; }
#commentarytitle span { background: url(img/commentary.gif) no-repeat top center; }
#facsimilestitle span { background: url(img/textfacsimiles.gif) no-repeat top center; }
#dedicationtitle span { background: url(img/dedication.gif) no-repeat top center; }
#complainttitle span { background: url(img/complaint.gif) no-repeat top center; }
#venustitle span { background: url(img/venus.png) no-repeat top center; }
#notestitle span { background: url(img/notes.gif) no-repeat top center; }
#titletitle span { background: url(img/titlepage.gif) no-repeat top center; }
#alltitle span { background: url(img/allsonnets.gif) no-repeat top center; }
#dedication2 span { background: url(img/onliebegetter.gif) no-repeat top center; }

div#complainttoggle { text-align: right; font-style: italic; cursor: pointer; }
div#venustoggle { text-align: right; font-style: italic; cursor: pointer; }

dl dd { margin-bottom: 1em; }

dt { font-style: italic; margin-bottom: 1em; clear: both; }

dl#dedicationcomm dt { font-weight: bold; }

pre.wyatt { white-space: pre-wrap; font-family: Georgia, "Times New Roman", serif; font-size: 10pt; }

div.wyatt-text-1 { float: left; }
div.wyatt-text-2 { float: right; }
h3.wyatt-notes { clear: both; }

.lclinenum { float: right; font-size: smaller; }

img.commentImage { float: left; clear: both; margin: 1em 1em 1em -2em; border: solid black 1px;}

.firstlines-linenum { width: 50px; float: left; }


.firstlines { text-align: right; }
div.center, p.centred { margin: auto; text-align: center; }
#linenum { padding-right: 50px; }
.inline-right { float: right; }

div#loggedin { position: absolute; top: 0; right: 0; background-color: #aaa; }