body
{
	margin: 4ex auto;
	font: 12px/16px Lucida Grande,Baskerville,serif;
	text-align: justify;
	color: #111;
	background: #F0F0E7;
}

td
{
	/* Match the body font by default. */
	font: 12px Lucida Grande,Baskerville,serif;
}

h1
{
	font: 24px Futura,sans-serif;
	margin: 0px;
	margin-top: 0.5ex;
	padding: 0px;
	text-align: left;
}

h2
{
	font: 16px Futura,sans-serif;
	text-align: left;

	padding: 0.25ex 0.5em;
	margin-top: 2ex;

	background: #F0F0E7;
	border: 1px solid #A0A090;

	/* This is primarily so the H2 heading clears the page icon. */
	clear: left;
}

h3
{
	font: 14px Futura,sans-serif;
	text-align: left;

	/* Align with indentation of h2 */
	margin-left: 1ex;
}

h4
{

	/* Use same indentation as body text, but em for the heading is a bit
		wider than em for the body, so we reduce it by a bit. */
	font: 12px Futura,sans-serif;
	margin-left: 1.8em;
	text-align: left;
}

h5
{
	font-size: 10px;
	font-weight: bold;
	margin-left: 2em;
	text-align: left;

	/* Hug the following body text to make the heading subordinate. */
	margin-bottom: 0ex;
}

h6
{
	font-size: 10px;
	font-weight: normal;
	font-style: italic;
	margin-left: 2em;
	text-align: left;

	/* Hug the following body text to make the heading subordinate. */
	margin-bottom: 0ex;
}

p
{
	margin-left: 1.5em;
	margin-right: 1.5em;
}

table
{
	margin-left: 2em;
	margin-right: 2em;
}

th
{
	font: bold 12px Lucida Grande,sans-serif;
}

td
{
	font: 12px Lucida Grande,sans-serif;
}

tr.alternateRow, td.alternateRow, div.alternateRow
{
	background: #F7F7F0;
}

caption
{
	font: bold 13px Lucida Grande,sans-serif;
	border-top: 1px #CCCCD7 solid;
	border-bottom: 1px #CCCCD7 solid;
	padding-top: 0.2ex;
	padding-bottom: 0.2ex;
	margin-bottom: 1ex;
}

img
{
	/* FireFox stupidly assumes all imgs in anchors have borders. */
	border: 0pt;
}

#ad_top
{
	margin-bottom: 3ex;
}

#ad_bottom
{
	margin-top: 4ex;
	margin-bottom: 4ex;
}

#ad_right
{
	margin-top: 2ex;
	padding: 1ex 1em;
	float: right;
	display: none;
}

#page
{
	/* Baka-IE for Windoze still doesn't support margin:auto, so without
		a margin-left rule, the page hugs the left edge of the window. */
	margin-left: 5em;

	width: 55em;
	margin: auto;
	background: white;
	border: 1px solid black;
}

#pageHeader
{
	background: #E0E0D7;
	border-bottom: 1px solid black;
	font: 15px Futura,sans-serif;
	padding: 0.2em;
	padding-left: 0.5em;
}

#pageHeader a
{
	text-decoration: none;
	color: black;
}

#pageHeader a:hover
{
	text-decoration: underline;
}

#pageContent
{
	padding: 2em;
	padding-top: 2ex;
	padding-bottom: 2ex;
	border: none;
}

#footer
{
	font: 12px Lucida Grande, sans-serif;

	/* Start the footer after all floating elements. */
	clear: both;

	margin: 3ex;
	text-align: center;
}

#footer a
{
	text-decoration: none;
}

#footer a:hover
{
	text-decoration: underline;
}

#footer p
{
	margin: 0.25em;
}

#copyright
{
	font-size: 11px;
	text-align: center;

	/* Prevent from hugging bottom of page. */
	margin-bottom: 2ex;
}

a.inline
{
	/* Anchors embedded in paragraphs look cluttered when they have been
		underlined, so only underline those links when hovered. */
	text-decoration: none;
}

a.inline:hover
{
	text-decoration: underline;
}

ul li
{
	list-style-type: square;
}

ol li
{
	/* Indent the same amount that a paragraph is indented so they line up. */
	margin-left: 1.5em;
	margin-right: 1.5em;
}

.fineprint
{
	font: 11px Lucida Grande,Geneva,Arial;
}

.footnote
{
	font-size: 11px;
	margin-left: 4em;
	margin-right: 4em;
	text-indent: -1.5em;
}

.label
{
	font: 11px Lucida Grande,Geneva,Arial;
}

/* The timestamp caption appears at the bottom of a page to inform the
	user when the page was last updated. */

p.timestamp
{
	font: 12px Lucida Grande,Geneva,Arial;
	color: #888;
	margin-top: 4ex;
	text-align: center;
}

p.timestamp:before
{
	content: "Last Update: ";
}

/* A shortcut is a paragraph with a single item, an anchor that points to
	another page within the site. */

p.shortcut
{
	font: 12px Lucida Grande,Geneva,Arial;
	text-align: center;
}

p.shortcut:before
{
	content: "[ ";
}

p.shortcut:after
{
	content: " ]";
}

p.shortcut a
{
	/* Anchors embedded in paragraphs look cluttered when they have been
		underlined, so only underline those links when hovered. */
	text-decoration: none;
}

p.shortcut a:hover
{
	text-decoration: underline;
}


/* The icon that appears under the page's H1 heading. */
img.pageIcon
{
	float: left;
	margin-top: 2ex;
	margin-bottom: 2ex;
	margin-right: 2ex;
}

/* Default Table-List Formatting */
table.listing
{
	margin: auto;
	border-spacing: 0ex;
}

table.listing th
{
	padding: 1em;
	padding-top: 0.5ex;
	padding-bottom: 0.5ex;
	border-bottom: 2px solid black;
	text-align: left;
}

table.listing td
{
	padding: 1em;
	padding-top: 0.5ex;
	padding-bottom: 0.5ex;
	border-bottom: 1px solid lightgray;
	text-align: left;
}

table.listing a
{
	text-decoration: none;
}

table.listing a:hover
{
	text-decoration: underline;
}

table.listing tr.alternateRow
{
	background: #F7F7F0;
}