/*
 * This leaves the scrollbar on-screen at all times.  It's sort of peculiar,
 * but it keeps all of our centered stuff from shifting when we switch to a
 * page with longer content.
 *
 * This is a CSS3 feature, but it's not a big deal if the browser doesn't
 * happen to support it.
 */
html {
	overflow-y: scroll;
}

/*
 * Overall look and feel.
 */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;	/* recommended for mobile */
	padding: 0px;
	margin: 0px;
}
.small {
  font-size: 12px; /* 75% of the baseline */
}

.large {
  font-size: 20px; /* 125% of the baseline */
}

#container {
	background-color: #FFFFFF;
}
#main-content {
	/* keep a small margin, so we're not right up against edge of window */
	margin: 10px 10px 10px 10px;
	position: relative;
}

/*
 * Bits and pieces.
 */
.opener {
	font-size: larger;
	font-weight: bold;
}
.floatimg {
	float: left;
	margin-right: 5px;
}

/*
 * Top menu cells.
 */
.header-cell-style {
	width: 33%;
	border-style: none;
	border-width: thin;
	text-align: center;
	background-color: #5f5f5f;
	color: white;
	font-size: larger;
	font-weight: bold;
}
.header-cell-style a {
	color: white;
	text-decoration: none;
}

.header-cell-style a:hover {
	color: yellow;
}