/*
li {
	list-style-type: none;
	list-style-position: inside;
	text-indent: 0;
}

li:before {
	display: none;
	marker-offset: 0em;
	width: 0em;
}

*/

* {
	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;
	}

#navigation hr {
	padding: 2px;
	color: #000000;
	background: #E89015;
	}

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

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

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

p.center {
	text-align: center;
	}

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

img.topflow {
	margin: 3px 3px 3px 3px;
	vertical-align: text-top;
}

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

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

img.rplain {
	border-style: none;
	margin: 3px 3px 3px 3px;
        float: right;
}

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

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

p.box {
	border: black solid thin;
	padding: 3px 3px 3px 3px;
}