/* <style type="text/css" media="screen"> */

/*  For screen use: */
@media screen
{
	body
	{
		margin: 0;
		padding: 0;
		font: 110% garamond, times, roman, serif;
		/*font: 90% arial, helvetica, sans-serif; */
		background: #BDC;	/* #387A9B; #BDC;  */
		color: #333;
	}
	
	h1
	{
		background: #9D6; /* green, or #D36832;  (brick-red) */
		color: red;		/* #FFF; */
		margin: 0;
		padding: 0.8em ;
		text-align: center;
		border-bottom: 5px solid #387A9B;
		font-weight: bolder;
		font-size: 140%;
	}

	h1 img
		{margin:10px 10px 0px 10px; }
			
	a:link, a:visited, a:active #33
	{
	text-decoration: none;
	color: yellow;
	font-weight: normal;
	font-size:70%;
	margin-top:15px;
	}
	
	a:hover #33
	
	{
	text-decoration: none;
	text-transform: uppercase;
	background-color: silver;
	padding: 5px;
	color: red;
	font-weight: bold;
	}
	
	p	
	{
	/*	font-family: "Columbus MT", Times, serif;
		font-size:14pt;
	*/	
	margin: 0.8em  8em 0 8em;
	padding: 0.1em 0;
	text-align: justify;
	font-size: 110%;
	color: black;
	}

	h3			/* subhead, small caps */
	{
	text-align: center;
	font-size: 100%;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 3pt;
	margin: 1em ;
	}
	
	.parahead			/* Minor heading, leads para */
	{
	font-size: 100%;
	font-weight: bold;
	text-transform: uppercase;
	color: blue;
	text-align: center;
	padding: 5px;
	}
	
	.quoted
	{
	margin: 0  10em 0 12em;			/* Note that these em are 90% size so equivalent to 10em in main text */
	padding: 0.5em 0;
	text-align: justify;
	font-size: 90%;			/* Note: BODY text is set at 110%; so is P text, so P in QUOTED is actually 110*0.9*1.1 ie  109%  */
	color: black;
	}
	
	ol 
	{
	list-style-type: none;
	font-size: 90%;
	}

	li 
	{
	/* margin: 15px 0px ; */
	padding: 5px 0px;
	color: blue;
	background-color: silver;
	padding: 8px;
	}
		
	.note 	
	{ 
	font-size: 90%; 
	margin: 0.5em 12em;
	color: blue; 
	border-bottom: 2px;	
	text-align: justify;
	}
	
	ul
	{
	text-decoration: none;
	margin-left: 6em;
	margin-right: 6em;
	font-size: 90%;
	}
		
	p a:link, p a:visited, p a:active
	{
	text-decoration: none;
	color: blue;
	font-weight: bold;
	}
	
	p a:hover 
	
	{
	text-decoration: none;
	text-transform: uppercase;
	background-color: silver;
	padding: 5px;
	color: red;
	font-weight: bold;
	}
	
	p img
	{
	margin: 0px 0px 5px 10px;
	}

	.copy
	{
	margin-top: 12px;
	font-size: 60%; 
	font-style: italic; 
	text-align: center; 
	color: blue;		/* #FFF; */
	}
	
	.scaps
	{
		font-variant:small-caps;
	}
	
	#footer
	{
		margin-top: 20px;
		clear: both;
		background: #9D6; /* green, or #D36832;  (brick-red) */
		/* background: #387A9B;		= 48A?  or 489 dark blue */
		color: blue;		/* #fff; */
		padding: 5px 10px;
		text-align: center;
		font-size: 80%;
		/* border-top: 5px solid #387A9B;  This won't work...  */
	}

}           /* end of @ media screen */


/*  for printed versions ================================================= 
		====================================================================== */
@media print
{
	body
	{
		margin: 0;
		padding: 0;
		font: 90% arial, helvetica, sans-serif;
	}
	
	h1
	{
		margin: 0;
		padding: 0.8em ;
		text-align: center;
		border-bottom: 2px solid #000;
		font-weight: normal;
		font-size: 120%;
	}
	
	p	
	{
	margin: 0.8em  6em;
	padding: 0;
	text-align: justify;
	font-size: 110%;
	color: black;
	}

	h3			/* subhead, small caps */
	{
	text-align: center;
	font-size: 100%;
	/* font-weight: bold; */
	text-transform: uppercase;
	margin: 1em;
	}
	
	.parahead			/* Minor heading, leads para */
	{
	font-size: 100%;
	font-weight: bold;
	text-transform: uppercase;
	}
	
	.note 	{ 
	font-size: 80%; 
	margin-right: 12em; 
	margin-left: 12em; 
	color: black; 
	border-bottom: 2px;	
	text-align: justify;
	}
	
	.quoted
	{
	margin: 0  12em;			/* Note that these em are 90% size so equivalent to 10em in main text */
	padding: 0;
	text-align: justify;
	font-size: 90%;
	color: black;
	}

	.copy
	{
	margin-top: 12px;
	font-size: 70%; 
	font-style: italic; 
	text-align: center; 
	}
	
	#footer
	{
		margin-top: 20px;
		clear: both;
		background: #387A9B;		 /* dark blue */
		color: #fff;
		padding: 5px 10px;
		text-align: center;
		font-size: 80%;
	}
	
}

/* end */