/**************************************************************************/
/***   Copyright © 2005-2007 Michael D. Griffin, All Rights Reserved    ***/
/**************************************************************************/
/*** NOTE:  This stylesheet defines the basic site-wide style settings. ***/
/**************************************************************************/

/********************************/
/*** Import site 'as of' date ***/
/********************************/

@import url("site_update.css");

/*********************************/
/*** Define page-wide settings ***/
/*********************************/

body
	{
	color: #000000;
	background-color: #dfffff;
	font-family: "Times New Roman", Times, serif;
	margin: 0;
	padding: 0;
	width: 100%;
	}

/**********************************************************************/
/*** Divide page into three columns                                 ***/
/**********************************************************************/
/*** Note:  Left and right columns should be laid out before center ***/
/***        column in any HTML using this column structure.         ***/
/**********************************************************************/

#left_column
	{
	position: fixed;
	top: 0;
	left: 0;
	width: 200px;
	border-right: 4px solid #000000;
	}

#center_column
	{
	margin-right: 200px;
	margin-left: 200px;
	border-right: 4px solid #000000;
	border-left: 4px solid #000000;
	}

#short_center_column
	{
	height: 768px;
	margin-right: 200px;
	margin-left: 200px;
	border-right: 4px solid #000000;
	border-left: 4px solid #000000;
	}

#right_column
	{
	position: fixed;
	top: 0;
	right: 0;
	width: 200px;
	border-left: 4px solid #000000;
	}

/*******************************************************/
/*** Define classes common to left and right columns ***/
/*******************************************************/
.column_image
	{
	height: 150px;
	display: block;
	border-bottom: 4px solid #000000;
	}

.column_title
	{
	color: #000000;
	background-color: #0fffff;
	font-size: 20px;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	display: block;
	padding: 2px;
	border-bottom: 4px solid #000000;
	}

.column_subtitle
	{
	color: #000000;
	background-color: #0fffff;
	font-size: 16px;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	display: block;
	padding: 2px;
	border-bottom: 1px solid #000000;
	}

/**************************************************/
/*** Define classes for left column (site menu) ***/
/**************************************************/
.current_page
	{
	color: #f00000;
	font-size: 14px;
	font-family: "Times New Roman", Times, serif;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	padding: 2px 2px 2px 4px;
	border-bottom: 1px solid #000000;
	}
.current_page:after { content: " <<<" }

.current_last
	{
	color: #f00000;
	font-size: 14px;
	font-family: "Times New Roman", Times, serif;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	padding: 2px 2px 2px 4px;
	border-bottom: 3px solid #000000;
	}
.current_last:after { content: " <<<" }

.menu_item a
	{
	font-size: 14px;
	font-family: "Times New Roman", Times, serif;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	display: block;
	padding: 2px 2px 2px 4px;
	border-bottom: 1px solid #000000;
	}
.menu_item a:link    { color: #000000 }
.menu_item a:visited { color: #f00000 }
.menu_item a:hover   { color: #0000f0; background-color: #0fffff }

.last_item a
	{
	font-size: 14px;
	font-family: "Times New Roman", Times, serif;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	display: block;
	padding: 2px 2px 2px 4px;
	border-bottom: 3px solid black;
	}
.last_item a:link    { color: #000000 }
.last_item a:visited { color: #f00000 }
.last_item a:hover   { color: #0000f0; background-color: #0fffff }

/******************************************************/
/*** Define page banner (center column) identifiers ***/
/******************************************************/
#page_banner
	{
	color: #000000;
	font-size: 42px;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: bold;
	line-height: 42px;
	text-align: center;
	padding-bottom: 5px;
	border-bottom: 2px solid #000000;
	}
#page_banner a:link    { color: #000000; text-decoration: none }
#page_banner a:visited { color: #000000; text-decoration: none }
#page_banner a:hover   { color: #0000f0; text-decoration: underline }

#dates
	{
	font-size: 9px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 11px;
	width: 100%;
	border-bottom: 4px solid #000000;
	}

#site_date
	{
	text-align: left;
	width: 50%;
	}

#page_date
	{
	text-align: right;
	width: 50%;
	}
	
/******************************************************/
/*** Define page footer (center column) identifiers ***/
/******************************************************/
#page_footer
	{
	font-size: 12px;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: bold;
	text-align: center;
	border-top: 4px solid #000000;
	}

#fine_print { font-size: 10px }

/*****************************************************************/
/*** Define primary (center column) classes and pseudo-classes ***/
/*****************************************************************/
.center { text-align: center }

.center_image { border: ridge 12px #0fffff }

hr.ninety { width: 90% }

.small { font-size: small }
.large { font-size: large }

.book_title
	{
	font-weight: bold;
	text-decoration: underline;
	}

a:link    { color: #000000 }
a:visited { color: #f00000 }
a:hover   { color: #0000f0 }

p
	{
	margin-left: 8px;
	margin-right: 8px;
	}

p.indented
	{
	margin-left: 20px;
	margin-right: 16px;
	}

p img.left_image  { float: left; margin-right: 8px }
p img.right_image { float: right; margin-left: 8px }

br.end_left_image  { clear: left }
br.end_right_image { clear: right }