body {
	color: #000000;
	background-color: #ffffff;
	font-family: sans-serif;
  max-width: 50em;
  margin-left: auto;
  margin-right: auto;
	text-align: justify;
}

table {
	font-family: sans-serif;		/* like most non-flowed text, table text is sans-serif */
	margin: 1em;					/* margins keep them from riding the window edge */
	border-collapse: collapse;		/* collapsed borders create a clean, simple look */
}

tr.header th {						/* when an entire row is used for a header, its th elements' 
									 * contents are centered */
	text-align: center;
}

th, td {							/* all cells have a very thin border and a tiny padding */
	border: 1px black solid;
	padding: 0.2em;
}

th {								/* header cells */
	background-color: #99CCFF;
	text-align: left;				/* most UA's center th cells, which looks bad when th's are
									 * used for row names;  see tr.header above */
}

td {
	background-color: #eeeeee;
}

td.null, th.null {					/* this class lets us make irregularly-shaped tables by hiding
									 * the border and background-color of 'null' or empty cells;
									 * content in these cells can be used like annotation or labels
									 */
	border: none;
	background-color: #ffffff;
}

tr.r0 td {							/* tr.r0 and tr.r1 are used for tables with alternating-color 
									 * rows */
	background-color: #ffffaa;
}

tr.r1 td {
	background-color: #ddddaa;
}

div#header {
	border: solid black thin;
}

div#content {
}

div#footer {
	border-top: thin black solid;
}

div#footer table {
	font-size: x-small;
	background-color: transparent;
}

div#footer table td, div#footer table th {
	border: none;
	background-color: white;
}

a {
	color: #0000ff;
	background-color: transparent;
	text-decoration: none;
}

a:hover {
	color: #ff0000;
	background-color: transparent;
}

a:visited {
	color: #aa00aa;
}

a:visited:hover {
	color: #ff00ff;
}

h1 {
	background-color: #000000;
	color: #ffffff;
	font-variant: small-caps;
	margin: 0;
  padding: .5% 1% 0;
}

h1.sitehdr {
	color: #ffffff;
	font-family: serif;
	font-size: 200%;
	font-variant: normal;
	padding-top: .25ex;
	padding-bottom: .25ex;
	padding-left: 0;
	text-align: center;
}

h2 {
	background-color: #808080;
	color: #ffffff;
	margin-bottom:0;
	margin-top:0;
  padding: .5% 1% 0;
}

h3, h4 {
	padding-left: .5em;
	font-weight: bold;
}

cite {
	text-decoration: none;
	font-style: normal;
}

cite.book {
	text-decoration: underline;
}

cite.movie {
	font-style: italic;
}

cite.tvshow {
	font-style: italic;
}

cite.website {
	font-style: italic;
}

p, ul, dl {
	margin-left: 1em;
	margin-right: 1em;
}

dl {
}

.def {
	font-style: italic;
}

.sidebar {
	border: 1px black solid; 
	background-color: #eeeeee; 
	padding: .5em 1em;
}

ul.mainmenu {
	margin-left: 25%;
	margin-right: 25%;
	list-style-type: none;
}

ul.mainmenu li {
	text-align: center;
  background-color: #ddd;
	border: 1px black dashed;
	padding: .5em 1em;
	margin: 1em 0;
}

ul.mainmenu li a {
	text-decoration: none;
}

ul.mainmenu li a:hover {
	color: #ff0000;
}

blockquote {
	background-color: #dddddd;
	padding: 1em;
	margin-bottom: 0;
}

blockquote p {
	margin: 0;
}

blockquote.chat em {
	font-style: normal;
	font-weight: bold;
}

blockquote.chat span.u0 {
	color: #ff0000;
}

blockquote.chat span.u1 {
	color: #0000ff;
}

blockquote.code {
	font-family: monospace;
	white-space: pre;
	background-color: #000000;
	color: #cccccc;
	padding-left: 1em;
}

div.cite {
	font-size: small;
	font-style: italic;				
	text-align: right;
	margin-right: 5.5em;
}