/************************
 * Dropcap code
 * There must be a cleaner way to do this than all this repetition
 * and still stick with only CSS1?
 */ 
.dropcap {
	font-size: 1px;
	color: #fff;
	display: block;
	float: left;
	width: 45px;
	height: 45px;
	background-repeat: no-repeat;
	margin-right: 5px;
}

.e { background-image: url(/images/dropcaps/e.gif); }
.s { background-image: url(/images/dropcaps/s.gif); }
.t { background-image: url(/images/dropcaps/t.gif); }
.a { background-image: url(/images/dropcaps/a.gif); }
.m { background-image: url(/images/dropcaps/m.gif); }
.h { background-image: url(/images/dropcaps/h.gif); }
.b { background-image: url(/images/dropcaps/b.gif); }
.n { background-image: url(/images/dropcaps/n.gif); }
.p { background-image: url(/images/dropcaps/p.gif); }
.w { background-image: url(/images/dropcaps/w.gif); }