body {	
	/* position: absolute; */ /* this causes right-hand nav bar to move to the left in Mozilla */
	margin-left: 5%;
	margin-right: 5%;
	margin-top: 2em;
	padding: 0;
	/* test: */
	font-family: Georgia, Chicago, serif; 
}
H1, H2, H3 {
	font-family: Georgia, Chicago, serif;
}
h1#top {
  border-bottom: 1px solid black; 
  padding-bottom: .1em;
  margin-bottom: 0;
  padding-top: .3em;
  margin-top: .1em;
/*  border-top: 1px solid black; */
}
h3.top {
	/* border-bottom: 1px solid black; */
	margin-top: .2em;
	margin-bottom: 0; 
	padding-bottom: 25px;
}
p {
	margin-top: 0;
	margin-bottom: 1em;
}


/* (not being used)
div#top {
	position: absolute;
	top: 0px;
	height: 100px;
}*/
/* testing what it's like without a div#middle
div#middle {
	position: relative;
} */

/************* navbar settings */
div#links {	
	position: absolute;
	/* top: 100px; */
	right: 5%; 
	width: 100px;
	/* border: 1px solid black; */
	/* padding-top: 10px; */
	z-index: 100; /* nope */
}
div#links ul { 
  list-style-type: none;
  padding: 0;
  margin: 0;
}
div#links li { 
  font-size: 1em;
  padding: 3px 0px;
  margin: 0 0 2px;
}
/*
div#links a {
	display: block;
	text-align: left;
	font-size: 1em;
	padding: 3px 0px;
	margin: 0 0 2px;
	border-width: 0;
}*/
div#links img {
	position: absolute;
	top: 220px;
	/* padding-top: 50px; */
}
div#links ul ul { 
  list-style-type: disc;
  font-size: 70%;
  margin-left: 0px;
  padding-left: 15px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}
div#links ul ul li { 
  padding: 0px;
  margin-bottom: 2px;
}
div#links ul li { 
  margin-bottom: 2px;
}
img#quirk { 
  margin-right: 10px;
}

a.a_thispage { 
  text-decoration: underline;
  font-weight: bold; 
}
a:visited { 
  color: gray;
}
a:visited.a_thispage { 
  color: black;
}

/* experimental 'hover' settings for displaying 'explanatory' spans under nav links */
/* so far can't get it to work in IE 7.1, even though Eric Meyer's page at
   http://www.meyerweb.com/eric/css/edge/popups/demo.html
   does work in IE 7.1.  
   Maybe try LI instead of A...? */
/* 
div#links a:hover {
	text-decoration: none;
}
div#links a span {display: none;}
div#links a:hover span {
	display: block; 
//	text-decoration: none; oops, doesn't work on span 
	position: absolute; 
	top: 120px; 
	left: 0; 
	width: 100px; 
	padding: 0; 
	margin: 0px;
	z-index: 100;
	color: #333;
	// background: black;
	font: 10px Verdana, sans-serif; 
	text-align: left;
}
*/


img#left_pic {
  /* this section commented out 2003-05-31 to test what effect it will have for Ron regarding bug #11 (removing this code has no visible effect in Mozilla or IE on my machine) */
	/* position: relative;
	left: 0px; */
}
div#content {
	/* position: relative; */
	/* top: 100px; */
	/* left: 150px; */
	/* right: 120px; */
	margin-left: 130px;
	margin-right: 120px; 
	border-right: 1px solid black;
	padding-left: 2em;
	padding-right: 2em;
	/* border: 1px solid black; */	
}
div#upcoming_events {
	/* margin-top: */ 
	margin-left: -1em;
	padding-left: 1em;
	border-left: 1px solid blue;
	border-top: 1px solid blue;
	border-bottom: 1px solid blue;
}
div#bottom a {
	display: block;
	text-align: right;
	font-size: 7pt;
	padding: 2px 0px;
}
a#memorious {
	text-decoration: none;
	color: gray;
}


/************* event settings */

DIV.date_time {
	/* font-family: "Trebuchet MS", Trebuchet, "Arial Narrow", sans-serif; */
	font-size: 80%;
	color: blue;
}
h4.event_header {
	font-weight: bold;
	font-family: Georgia, Garamond, serif;
	margin-top: 1px;
	margin-bottom: 1px;
}
p.event_blurb {
	/* nothing to add to p setting */
}
.venue,.cal-venue {
	font-size: 80%;
}


/*************** calendar page */

div#calendar-contents { 
  margin-right: 120px;
  border-right: 1px solid black;
}

div.calend-event-1 { 
  /* odd-numbered, I think */
  margin-bottom: 2em;
  padding-bottom: 1em;
  clear: both;
}
div.calend-event-2 { 
  /* even */
  margin-bottom: 2em;
  padding-bottom: 1em;
  clear: both;
}

div.calend-event-1 .cal-event-pic { 
  float: left; 
/*  position: relative; */
  margin-right: 10px;
}

div.calend-event-2 .cal-event-pic { 
  float: right; 
  margin-right: 10px;
}

div.calend-event-2 div.cal-event-text { 
  padding-right: 10px;
}

div.calend-event-1 div.cal-event-text { 
/*  padding-left: 1em; */
/*  float: right; */
/*  clear: none; */
/*  position: relative; */
  margin-left: 1em;
  padding-left: 10px;
  padding-right: 10px;
}

div.calend-event-1 div.cal-event-text-nopic { 
  padding-top: 1em; 
  padding-bottom: 1em;
  /* this is inconsistent and could lead to problems  
     - see the div.calend-event-1 margin settings above... */
  /* Why does this have to be inside a calend-event-1 div??? */
}
.cal-sponsors { 
  font-size: 80%;
  text-indent: 2em;
}
.cal-venue { 
  text-indent: 2em;
}



/********************* other pages */
h4#site { 
  margin-bottom: 0;
  margin-top: -.3em;
  padding-top: 0em;
  padding-bottom: 0em;
/*  border: 1px solid black; */
}
h1#title { 
  margin-top: 0;
  border-bottom: 1px solid black;
  padding-bottom: 0em;
  margin-bottom: 0;
}

span.topnav {
/*  font-family: Times; */
  font-size: x-small;
}