DIV {
	/*border: black 1px solid;*/

}
BODY {
	margin-left: 5%;
	margin-right: 5%;
	margin-top: 2em;
	background-color: /* #FFCC99; */
			/* #FFCCCC; */
			/* #ccccff; */
			/* #cccccc; */
			/* #cccc99; */
			/* #cc9999; */
			/* #cc9966; (not really)*/
			/* #999999; */
			/* #999933; */
}	
H1 {
	/*width: 80%;
	text-align: left;*/
	border-bottom: black 1px solid;
	font-family: Georgia, Chicago, serif;
	/* font-weight: lighter; */
	padding-bottom: .3em;
	margin-bottom: 0;
}
H3 {
	font-family: Georgia, Chicago, serif;
	/* font-weight: lighter; */
	margin-top: .2em;
	/* border-top: solid black 1px;
	border-right: solid black 1px;*/
}
.content {
	float: left;
	width: 55%;
	padding-right: 5%;
	padding-left: 5%;
	/*margin-left: 5%;*/
	margin-right: 3%;
	border-right: black 1px solid;
	/* height: 500px;  this is a kludge to keep the UL, which currently contains an image, all on the right side of the page: isn't necessary when there is sufficient content in the left-hand DIV to go down far enough. */
}
.nav {
	text-align: left;
	font-size: larger;
	list-style: none;
	/* width: 60%;
	margin-left: 2em;
	padding-left: 1em;
	border: black 1px solid; */
}
.nav LI {
	font-family:   Verdana, "Palatino Linotype", "Microsoft Sans Serif", "Trebuchet MS", "Century Gothic", Arial, Georgia, Chicago, serif;
	link-style: plain;
}
DIV.header {
	font-weight: bold;
	font-family: Georgia, serif;
}
DIV.event_header {
	font-weight: bold;
	font-family: Georgia, Garamond, serif;
}
DIV.parag {
	margin-bottom: 1em;
}
DIV.upcoming_events {
	border-top: blue 1px solid;
	border-left: blue 1px solid;
	border-bottom: blue 1px solid;
	margin-left: -1em;
	padding-left: 1em;
}
DIV.date_time {
	font-family: Trebuchet, "Arial Narrow", sans-serif;
	font-size: smaller;
	color: blue;
}

/* DIV.clearbottom {
	clear: both;
	text-align: right;
} */
DIV.about {
	margin-top: 1em;
}