/* page */
html, * {
	padding:0;
	margin:0;
}
body {
	background-color:#D7D6D6;
	font-family: "Palatino Linotype", Palatino, Georgia, Verdana, sans-serif;
	font-size:1.0em;
	margin:0 auto;
	padding:20px 0;
}

/* headers */
h1.mainhdr, h2.mainhdr {
	color:#FFFFFF;
	text-align:center;
}
h1 {
	font-size:2.9em;
}
h2 {
	font-weight:normal;
}
h1,h2,h3,h4,h5,h6 {
        text-align: center; /* all headings centered */
        clear: both; }
h3 {
	font-size:1.3em;
}
h4 {
	margin-bottom:3px;
	border-bottom:1px solid #E2E2E2;
}
hr	{
	margin: auto;
	margin-top: 3em;
	margin-bottom: 3em;
	text-align: center;
	}

sup	{
	color: purple;
	font-size: 8pt;
	}
/* paragraphs */
p {
	margin: auto;
	padding: 5px;
	line-height:1.4em;
	text-align:justify;
}
p.center { text-align: center; }
p.indent { margin-left: 10%; margin-right: 10%; text-align: justify; }
p.leftindent { margin-left: 10%; margin-right: 5%; text-align: justify; }
p.lindentsm { font-size: .8em; margin-left: 10%; margin-right: 5%;text-align: justify; }
p.left { margin-left: 5%; margin-right: 5%; text-align: left; }
p.right { margin-left: 5%; margin-right: 5%; text-align: right; }
p.smaller { font-size: .8em; margin-left: 5%; margin-right: 5%; text-align: justify; }
p.smallcenter { font-size: .8em; text-align: center; }
p.smallright { font-size: .8em; text-align: right; }
p.none { margin:5px 5px 10px 5px; }
p.first:first-letter {
	font-family: "Times New Roman", Helvetica, Verdana, Arial, sans-serif;
	font-size: 500%;
	float: left;
	height: 1em;
	line-height: 0.6em;
	/*margin-left: -0.3em;*/
	margin-right: .0em;
	margin-top: 0.07em;
	}
p.first1:first-letter {
	font-family: "Times New Roman", Helvetica, Verdana, Arial, sans-serif;
	font-size: 330%;
	float: left;
	height: 1em;
	line-height: 0.6em;
	/*margin-left: -0.3em;*/
	margin-right: .0em;
	margin-top: 0.1em;
	}
p.first2:first-letter {
	font-family: "Times New Roman", Helvetica, Verdana, Arial, sans-serif;
	font-size: 625%;
	float: left;
	height: 1em;
	line-height: 0.6em;
	/*margin-left: -0.3em;*/
	margin-right: .0em;
	margin-top: 0.05em;
	}
p.first3:first-letter {
	font-family: "Times New Roman", Helvetica, Verdana, Arial, sans-serif;
	font-size: 400%;
	float: left;
	height: 1em;
	line-height: 0.6em;
	/*margin-left: -0.3em;*/
	margin-right: .0em;
	margin-top: 0.09em;
	}
p.first4:first-letter {
	font-family: "Times New Roman", Helvetica, Verdana, Arial, sans-serif;
	font-size: 220%;
	float: left;
	height: 1em;
	margin-right: 0.1em;
	margin-top: 0.15em;
	}

/* links */
a, a:visited {
	color:#688AB6;
}
a:hover {
	color:#486997;
}

a.annot 	{
	color: blue;
	text-decoration: none;
	}

/* lists */
ul {
	list-style:square;
	margin:4px 0 4px 20px;
}
ol {
	margin:4px 0 4px 27px;
}

/* forms */
form {
	padding:5px;
	margin:4px;
	background-color:#E1D3C1;
}
form label {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:0.8em;
}
form input, form textarea {
	background-color:#E1D3C1;
	border:none;
	border-bottom:1px solid #D3BFA5;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	padding:3px;
}
form textarea {
	border:1px solid #D3BFA5;
}
form input.button {
	padding:3px;
	border-right:2px solid #D3BFA5;
	border-bottom:2px solid #D3BFA5;
	border-top:1px solid #CDB798;
	border-left:1px solid #CDB798;
}

/* code */
code {
	display:block;
	background-color:#E1D3C1;
	border-bottom:1px solid #D3BFA5;
	border-top:1px solid #D3BFA5;
	padding:6px;
	margin:5px;
	color:#A37E4E;
}

/* wrapper, header & nav */
div#wrap {
	width:70%;
	background-color:#FFFFFF;
	margin:0 auto;
	padding:10px;
}
div#header {
	background-color:#A6A3A3;
	padding-top:25px;
	padding-bottom:25px;
	border:1px solid #6F6E6E;
	background-image:url('images/header_background.jpg');
	background-repeat:repeat-x;
	/*height:124px;*/
}
div#nav {
	background-color:#688AB6;
	margin:5px 0;
	width:100%;
	height:30px;
}
div#nav ul {
	list-style:none;
	margin:0;
	padding:0;
}
div#nav ul li {
	float:left;
}
div#nav ul li a {
	float:left;
	padding:5px 10px;
	height:20px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	display:block;
}
div#nav ul li a:hover {
	background-color:#486997;
}
div#nav ul li a.selected, div#nav ul li a.selected:hover {
	background-color:#92AACB;
}
/* content */
div#content {
	margin:3px 3px 3px 3px;
}
/* fullpage - no sidebar */
div#fullpage {
	width:97%;
/*	float:left;*/
}
/* page - left hand column */
div#page {
	width:67%;
	float:left;
	border-right:1px solid #DDDDDD;
}
/* sidebar - right hand column */
div#sidebar {
	float:right;
	width:30%;
	margin:3px 3px 3px 3px;
	padding:4px;
	color:#354E6E;
}
div#sidebar ul {
	list-style:none;
	padding:0;
	margin:5px 0;
}
div#sidebar ul li {
	padding:0;
	margin:0;
	display:block !important;
	display:inline; /* for ie */
}
div#sidebar ul li a {
	display:block;
	padding:4px 0 4px 2px;
	margin:0;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}
div#sidebar ul li a:hover {
	color:#FFFFFF;
	background-color:#486997;
	text-decoration:none;
}
div#sidebar p, div#sidebar ul {
	margin-bottom:20px;
}
/* footer */
div#footer {
	clear:both;
	border-top:1px solid #DDDDDD;
}
div#footer p {
	font-size:0.8em;
	text-align:center;
}
/* boxed div for ads in The Globe */
div#borderbox {
	border:solid windowtext 1.0pt;
	padding:1.0pt 4.0pt 1.0pt 4.0pt;
}

span.dropcaps3 { 
		display: block; 
		float: left; 
		font-size: 5em; /* 5 elements - 3 rows and 2 line spaces */
		line-height: .75em; 
		height: 1em; 
		margin-right: .05em; 
		margin-bottom: -.25em; /* This and line height seem to work in conjunction? */
	}
span.dropcaps2 { 
		display: block; 
		float: left; 
		font-size: 3em; /* 3 elements - 2 rows and 1 line space */
		line-height: .8em; 
		height: 1em; 
		margin-right: .05em; 
		margin-bottom: -.2em; /* This and line height seem to work in conjunction? */
	}
span.left {
	text-align: left;
}
span.center {
	text-align: center;
}
span.right {
	text-align: right;
}
span.bold  {
	font-weight: bold;
	}
span.smallcaps  {
	font-size: 110%;
	font-variant: small-caps;
	}
span.smaller  {
	font-size: smaller;
	}
span.larger  {
	font-size: larger;
	}
span.closer  {
	letter-spacing: -0.01em;
	}

/* generic classes */
.bold {
	font-weight:bold;
}
.indentl3  {
	margin-left: 3%;
	}

.indentl5  {
	margin-left: 5%;
	}

.indentl10 {
	margin-left: 10%;
	}

.indentl25  {
	margin-left: 25%;
	}

.contents1  {
	position: absolute;
	left: 20%;
	}

.contents2  {
	position: absolute;
	left: 40%;
	font-size: 95%;
	font-style: italic;
	}

.navig  {
	margin-top: 4em;
	text-align: right;
	}

.poemnav {
	font-family: verdana, sans-serif;
	background: transparent;
	border-style: solid;
	border-width: thin;
	border-color: #486997; /*#006400;*/
	font-size : 110%;
	font-weight: bold;
	color: #486997; /*#006400;*/
	padding: .05em .25em 
	}

.poemnav:hover {
	background-color: #92AACB; /*#00bf00;*/
	color: #486997; /*#006400;*/
	}

.chapter  {
	font-weight: lighter;
	letter-spacing: 0.015em;
	}

.clear	{
	clear: both;
	margin-bottom: 1.2em;
	}

.column1  {
	left: 20%;
	line-height: 1.2em;
	}

.column2  {
	position: absolute;
	left: 48%;
	margin-right: 19%;
	margin-top: 0.07em;
	text-indent: -2%;
	line-height: 1.2em;
	}

.column2a  {
	position: absolute;
	left: 50%;
	margin-right: 20%;
	margin-top: 0.07em;
	text-indent: -2%;
	line-height: 1.2em;
	}

.italic  {
	font-style: italic;
	}

.standout  {
	float: left;
	width: 38%;
	margin-left: 0%; 
	margin-top: 0em; 
	margin-bottom: 0em; 
	margin-right: 5%; 
	font-style: italic; 
	text-align: left;
	}

.standout h1, h2, p {
	font-weight: normal;
	margin-top: 0em;
	margin-bottom: 0em;
	}

.standout h1  {
	font-size: 225%;
	}

.standout h2  {
	font-size: 125%;
	margin-top: 0.5em;
	}

.standout p  {
	font-size: 105%;
	text-align: justify;
	margin-top: 0.75em;
	}

#contents  {
	margin-top: 4em;
	line-height: 1.5em;
	}
#main {
  position:relative;
  top:100px;
  padding-bottom:80px;
}
#top {
  position:absolute;
  top: 0px;
  height:110px;
  width:100%;
  background-color: #ccc;
}
#bottom {
  position:absolute;
  bottom: 0px;
  height:30px;
  width:100%;
  padding-top:5px;
  background-color: #ccc;
}