* {	font-family: serif; 
	}

#bg  {	
	position: fixed;
	top: 40%;
	left: 10%;
	}

#content {
	position: absolute;
       	top: 0px;
	right: 4px;
	left: 20%; 
}

#navigation {
	/* If the list gets long, change the following to absolute
	   or figure out something better!  */
	position: fixed;
	top: 0%;
	left: 0%;
	width: 19%;
	}

#navigation a {
	display: block;
	margin: 0.3em 0.3em 0.1em 0.1em;
	}

#navigation img {
	display: block;
	margin: 1px 1px 1px 1px;
	}

#footer {
         clear: both;
         width: 100%;
         left: 0%;
	}

hr {
	padding: 4px;
	color: #000000;
	background: #E0E0E0;
	}

hr.w0 {
	width: 100%;
	color: #000000;
	background: #CCEEDD;
	}

/* set a different hr inside the navigation div */

p.center {
	text-align: center;
	}

p.box {
	border: black solid thin;
	/*	padding: 5px 5px 5px 5px; */
	/*	margin: 5px 5px 5px 5px; */
}

div.verse {
	position: relative;
	left: 3em;
}

div.box {
	border: black solid thin;
	/*	padding: 5px 5px 5px 5px; */
	/*	margin: 5px 5px 5px 5px; */
}

img.lp {
	border: black solid thin;
	margin: 4px 4px 4px 4px;
        float: left;
}

img.bordered {
	border: black solid thin;
	margin: 4px 4px 4px 4px;
}

img.rp {
	border: black solid thin;
	margin: 4px 4px 4px 4px;
        float: right;
}

img.rplain {
	margin: 3px 3px 3px 3px;
        float: right;
}

tt {
	font-family: monospace;
	/*font-size:   large;*/
}

pre {
	font-family: monospace;
	color: green;
	/*font-size:   large;*/
}

p.title1 {
	font-family: monospace;
	font-weight:  bold;
	/*font-size:   large;*/
}

p.title2 {
	font-variant: small-caps;
	font-weight:  bold;
	font-size:    small;
}

p.it {
	font-style:  italic;
}

p.quote {
	padding-left:  4em;
	padding-right: 4em;
}