body
{
	background-image: url('../images/misc/lightmarble.jpg');
	background-color: #8FFFFB;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 5px 0;
	padding: 0;
	/* Need to set body margin and padding to get consistency between browsers. */
	text-align: center;
	width: 100%
} 
 
/*	A #-symbol represents an "id" in HTML/CSS it occurs once in a page like a navigation section as 
	opposed to a . (dot-symbol), or "class", which can occur many times like a paragraph or heading style.
*/

#top_level_layout
{
	position: absolute;
	width: 600px;
	margin: 0 auto;
	/* Right and left margin widths set to "auto" */
	text-align: left;
	/* Counteract IE5/Win Hack */
	padding: 0px;
/*
	border: 1px solid #000;
	background-color: #fff;
*/
	background-color: transparent;
}

#nav_buttons
{
	margin: .25em 0 1em 0;
	padding: 0;
}

#nav_buttons img
{
	border: 2px solid #C3C;
	width: 88px;
	height: 25px;
}

h2
{
	margin: 0;
	padding: 0;
}

.commentary
{
	width: 600px;
	margin: 0 auto;
	/* Right and left margin widths set to "auto" */
	text-align: left;
	/* Counteract IE5/Win Hack */
	padding: 0px;
	background-color: #FFFFFF;
	
}

.commentary p
{
	background-color: #FFFFFF;
	margin: .5em 1em;
	padding: .5em;
	text-align: left;
}

.hilite
{
	color: #990099;
	font-size: 1.2em;
	font-weight: 900;
	text-align: center;
}

.sig
{
	font: small sans-serif;
}

a
{
	text-decoration: none;
	color: blue;
/*
	color: #CA1BA6;
*/
}

a:link
{
	background-color: transparent;

}

a:visited
{
	background-color: transparent;
	color: #CA1BA6;

}

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

a:active
{
	background-color: transparent;
	color: #000;
}

#bottom_nav
{
	font: bold  14px tiffany;
}