<!--
/* Some older Netscape Navigator browsers have a bug that causes the 
 * first style in a style sheet to be ignored.  This is a workaround.
 */
.emptyStyleBugFixNotUsed {font-family: Verdana; }

body {	background: #ffffff; 
	font-family: Verdana, Helvetica, sans-serif;
	<!--color: #000066; -->
	<!--margin-left: 2%; -->
	<!--margin-right: 4%; -->
}

.mainContent { 
  background: #ffffff; 
  padding-left: 1.0em;
  padding-right: 1.0em;
  padding-top: 1.0em;
}

/* Background color is same as body background color. I don't see why
 * this is necessary, but validators complain if you have a color 
 * property without a background color property. I guess this makes
 * sure you've thought about avoiding black text on a black background,
 * but it seems like it makes things harder to maintain.
 */
h1, h2, h3, h4 {
	color: #993300;
	background: #ffffff; 
}

.pageTop { 
  font-size: x-large;
  font-weight: bold;
  color: #b8643c;
  background: #002e55;
  padding-bottom: 0.5em;
  padding-left: 0.5em;
  padding-top: 0.5em;
}

.leftNav { 
  background: #002e55;
  font-size: larger;
  padding-left: 0.5em;
  padding-top: 1.0em;
  padding-bottom: 0.5em;
}

.selectedPage { 
  color: #a2643c;
  background: #ffffff; 
  padding-bottom: 0.5em;
  padding-left: 0.5em;
  padding-right: 1.0em;
  padding-top: 0.5em;
}

.otherPage { 
  color: #a2643c;
  background: #002e55; 
  padding-bottom: 0.5em;
  padding-left: 0.5em;
  padding-right: 1.0em;
  padding-top: 0.5em;
}

A.leftNavLink { text-decoration: none }
A.leftNavLink:link { color: #a2643c; }
A.leftNavLink:visited { color: #a2643c; }


ul {font-family: Verdana, Helvetica, sans-serif;}

/* For the title at the top of a page */
.topBanner {
	background: #fbb167;
	color: #993300;
	padding-bottom: 0.2em;
	padding-left: 0.5em;
	margin-top: 0.2em;
}

/* A bar of navigation links at the bottom of the page */
.bottomNav {
        text-align: center;
	background: #fbb167;
	color: #000066; 
	margin-top: 1em;
	margin-bottom: 1em;
	padding-top: 0.2em;
	padding-bottom: 0.3em;
}

/* An area for icons at the bottom of the page */
.bumperSticker {
	background: #fbfae4;
	color: #000066; 
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 0.2em;
	border: thin solid black;
	font-size: smaller
}

.subhead {
		font-weight: Bold;
		}

.plain {
		font-weight: normal;
		font-style: normal;
		}

.strong {	font-weight: Bold;
		}

.centered {	text-align: center
}

/* For divs that shouldn't have any extra space around them. Gleaned
 * from a usenet message.
 */
.compactDiv {
  margin: 0em;
  padding: 0em;
  border-width: 0em;
}
-->
