/* CSS Document */

	body
	{
	padding: 0;
	font-family: arial,helvetica,sans;
	color: #000;
	background-color: #FFFFCC;
	text-align: center;		
	}
	
	*
	{
		margin: 0;
		padding: 0;
	}
	
	div#container
	{
	margin: .5em auto 3em auto;
	width: 750px;
	text-align: left;
	}
	
	div#header
	{
		background-color: #fff;
		border-bottom: 1px solid #333;
		text-align: center;
		vertical-align: top;
	}
	
	div#contentarea
	{
	width: 750px;
	margin: 0;
	padding: 0 0 20px 0;
	background-color: #FFFFFF;
	}
	
	div#column1
	{
		width: 500px;
		float: left;
		margin: 0 10 0 0px;
		padding: 10px 0px 10px 30px;
	}
	
	div#column2
	{
		width: 160px;
		float: right;
		border: 1px; 
		padding: 30px 10px 0 30px;
		margin: 0 10px 0 10px;
		
	}
	
	
	div#footer
	{
		width: 750px;
		background-color: #Fff;
		text-align: center;
		border-width: 1pt 0 0 0;
		border-style: solid;
		padding: 5px 0 5px 0;
	}
	
	/* "no-extra-markup" clearing method  */
	.clearfix:after
	{
		content: ".";
		/* the period is placed on the page as the last thing before the div closes */
		display: block;
		/* inline elements don't respond to the clear property */
		height: 0;
		/* ensure the period is not visible */
		clear: both;
		/* make the container clear the period */
		visibility: hidden;
		/* further ensures the period is not visible */
	}
	
	.clearfix { display: inline-block; }
	
	/* a fix for IE Mac */
	/* next a fix for the dreaded Guillotine bug in IE6 */
	/* Hides from IE-mac \*/
	* html .clearfix { height: 1%; }
	.clearfix { display: block; }
	
	/* End hide from IE-mac */
	/* end of "no-extra-markup" clearing method */


	div#column1	a:link
	{
	text-decoration: none;
	color: #330066;
	}
	
	div#column1	a:visited { text-decoration: none; }
	
	div#column1	a:hover
	{
		text-decoration: underline;
		color: teal;
	}
	
	div#column1	a:active { text-decoration: none; }
	
	
	div#column2	a:link
	{
		text-decoration: none;
		color: #333333;
	}
	
	
	div#column2	a:visited {
	text-decoration: none;
	color: #8B4513;
}
	
	div#column2	a:hover
	{
		text-decoration: underline;
		color: #000000;
	}
	
	div#column2	a:active { text-decoration: none; }
	
	
	
	
	.bodytext
	{
		font-size: 0.75em;
		line-height: 2em;
		margin: 1em 0 0 0;
	}
	
	.bodytext_sub {
	font-size: .80em;
	line-height: 2em;
	font-weight: bold;
	margin: 1em 0em 0em;
	color: #333333;
	border-bottom: 1px solid #333;
}
	
	
	.bodytext_small { font-size: 0.6em; }
	
	.bodytext_qoute
	{
	font-size: 0.85em;
	line-height: 2em;
	font-style: italic;
	color: #666666;
	font-weight: bold;
	}
	
	.bodytext_qouteauthor
	{
	font-size: 0.65em;
	line-height: 2em;
	font-style: italic;
	color: #666666;
	font-weight: bold;
	text-align: right;
	}
	
		.colum2_links
	{
	font-size: 0.75em;
	line-height: 1.5em;
	margin: 1em 0 0 0;
	color: #666666;
	}
	
	
.colum2_links p { margin: 1em 0 0 0; }

.pagename {
	font-size: 1em;
	color: #333333;
	font-weight: bold;
	margin: 20px 0px 0px;
}

.column_sub {
	font-size: 0.8em;
	line-height: 1.5em;
	font-weight: bold;
	font-style: italic;
	color: #333333;
}
.topofpage {
	font-size: 0.6em;
	line-height: 1.25em;
	text-align: right;
	margin-top: 1em;
}
.credits {
	font-size: 0.6em;
	text-decoration: none;
	color: #999999;
	line-height: 1em;
	text-align: center;
	margin-top: 1em;
}