/* 
	#adcebd light green
	#4a7b63 dark green
	#355747 darker green
*/

#container2 {
	width: 1000px;
	margin: 0px auto 0px auto;
	text-align: center;
    background-color: transparent;	
}

#container {	
	float: left;
	width: 850px;
    border: none;
    background-color: white;
    background-image: url('images/green_background.gif');
	background-repeat: repeat-y;	
	margin: 0px -300px 0px 0px;
}

#header {
	text-align: left;
	margin: 0px 0px 10px 0px;
}

#sidebar {
	float: left;
	width: 140px;
	text-align: right;
	background-color: transparent;
	margin: 0px 0px 0px 0px;
}

#sidebar2 {
	float: right;
	width: 140px;
	text-align: left;
	background-color: transparent;
	margin-left: -140; 
}

#spacer {
	float: left;
	width: 125px;
	height: 1000px;
	background-color: transparent;
	margin: 0px 0px 0px 0px;
}

#content {
	float: left;
	width: 550px;
	text-align: left;
	margin: 0;
	background-color: transparent;
	padding: 0 0 25px 0;
}

/*
#illustration {
	float: right;
	width: 300px;
	height: 400px;
	margin: 75px 0px 0px 0px;
	background-color: transparent;
}
*/

#illustration {
	position: relative;
	top: 75px;
	left: 700px;
	width: 300px;
	height: 400px;
	background-color: transparent;
}

#illustration img {
	position: absolute;
	top: 0px;
	left: 0px;
	
	/* css3 - drop shadow - works in firefox and safari, but not in ie or opera */
	-o-box-shadow: 10px 10px 5px #000;
	-icab-box-shadow: 10px 10px 5px #000;
	-khtml-box-shadow: 10px 10px 5px #000;
	-moz-box-shadow: 10px 10px 5px #000;
	-webkit-box-shadow: 10px 10px 5px #000;
	box-shadow: 10px 10px 5px #000;
	*/
	
	/* ie - doesn't look the same, shadow is solid */
	-ms-filter: "progid:DXImageTransform.Microsoft.dropShadow(color=black,offX=10,offY=10,positive=true)";
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=black,offX=10,offY=10,positive=true);
}

/*#illustration img {*/
	
	/* css3 - drop shadow - does not work in ie */
	/*
	-o-box-shadow: 10px 10px 5px #000;
	-icab-box-shadow: 10px 10px 5px #000;
	-khtml-box-shadow: 10px 10px 5px #000;
	-moz-box-shadow: 10px 10px 5px #000;
	-webkit-box-shadow: 10px 10px 5px #000;
	box-shadow: 10px 10px 5px #000;
	*/
	
	/* ie - doesn't look the same, shadow is solid */
	/*
	-ms-filter: "progid:DXImageTransform.Microsoft.dropShadow(color=black,offX=10,offY=10,positive=true)";
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=black,offX=10,offY=10,positive=true);
	*/
/*}*/

#footer {
	clear: both;
	text-align: center;
	margin: 0;
	padding: 0;
}

body {
	background-color: #355747;
	margin: 0;
	padding: 0;
	font-family: thorndale, 'times new roman', serif;
	color: black;
	text-align: center;
	/*background-image: url('images/pinstripe.gif');*/	
	background-image: url('images/greenback.gif');
	background-position: top left;
	background-repeat: repeat-all;
}

a {
	color: #000099;
	text-decoration: none;
	border-bottom: #969696 1px dotted;
}

a:active {
	color: #6699cc;
	text-decoration: none;
	border-bottom: #969696 1px dotted;
}

a:link {
	color: #000000;
	text-decoration: none;
	border-bottom: #969696 1px dotted;
}

a:visited {
	color: #000000;
	text-decoration: none;
	border-bottom: #969696 1px dotted;
}

a:hover {
	color: #000000;
	text-decoration: none;
	border-bottom: #969696 1px dotted;
}

a.imagelink {
	text-decoration: none;
	border: none;
}

a.poemlink {
	text-decoration: none;
	border: none;
}

#footer p {
	color: white;
	font-size: 75%;
}


#sidebar p {	
   	font-family: verdana,arial,helvetica,helv;
   	font-size: 12pt;
   	font-weight: bold;
   	color: white;
}

#sidebar a:link {
   	font-family: verdana,arial,helvetica,helv;
   	font-size: 12pt;
   	font-weight: bold;
   	color: #a9c9b9;
   	text-decoration: none;
   	border: none;
}

#sidebar a:visited {
   	font-family: verdana,arial,helvetica,helv;
   	font-size: 12pt;
   	font-weight: bold;
   	color: #a9c9b9;
   	text-decoration: none;
   	border: none;
}

#sidebar a:hover {
   	font-family: verdana,arial,helvetica,helv;
   	font-size: 12pt;
   	font-weight: bold;
   	color: #a9c9b9;
   	text-decoration: underline;
   	border: none;
}

#sidebar2 p {	
   	font-family: verdana,arial,helvetica,helv;
   	font-size: 8pt;
   	color: white;
}

#sidebar2 a:link {
   	text-decoration: none;
   	border: none;
   	color: white
}

#sidebar2 a:visited {
   	text-decoration: none;
   	border: none;
   	color: white
}

#sidebar2 a:hover {
   	text-decoration: underline;
   	border: none;
   	color: white
}

.toc_author {
	font-weight: bold;
	color: #456f5c;
	font-size: 14pt;	
	margin-bottom: 0;
}

.toc_title {
	font-size: 10pt;
	margin: 0 0 0 15px;
	padding: 0;
	list-style-type: none;
}

.toc_title a {
	text-decoration: none;
	border: none;
}

.toc_title a:active {
	text-decoration: none;
	border: none;
}

.toc_title a:link {
	text-decoration: none;
	border: none;
}

.toc_title a:visited {
	text-decoration: none;
	border: none;
}

.toc_title a:hover {	
	text-decoration: underline;
	border: none;
}

.prev_next_link {
	font-size: 200%;
}

p {
	font-size: 12pt;
	margin-top: 12px;
	margin-bottom: 17px;
}

h1 {
   font-size: 24pt;
   font-weight: bold;
   color: #000000;
   margin-top: 0;
}

/*
.poemtitle {
    font-size: 10pt;
    color: #000000;
    margin-left: 50px;
    font-weight: normal;
}
*/


/* styles for poem pages */

.poem_body {
	background-color: white;
	background-image: url('images/green_background.gif');
	background-repeat: repeat-y;
	font-family: thorndale, times new roman, times, serif;
	font-size: 10pt;
	font-color: #000000;
	margin-bottom: 50px;
}

.poem {
	font-size: 12pt;
	margin-top: 12px;
	margin-bottom: 17px;
	background-image: url("images/flourish.jpg");
	background-repeat: no-repeat;
	background-position: bottom left;
	padding-bottom: 75px;
}

.author {
    font-size: 10pt;
    margin-bottom: 25px;
    margin-top: 25px;
    margin-left: 40px;
}

.epigraph {
    font-size: 10pt;
    margin-bottom: 25px;
    margin-top: 25px;
    font-style: italic;
}

.footnote {
    font-size: 10pt;
    margin-bottom: 25px;
    margin-top: 40px;
}

.previous {
    font-size: 10pt;
    margin-bottom: 25px;
    margin-top: 40px;
    font-style: italic;
}

.previous a {
	text-decoration: none;
	border-bottom: #969696 1px dotted;	
}

	