<STYLE type="text/css">

/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on March 23, 2024 */
@font-face {
    font-family: 'fira_sansbook';
    src: url('fonts/firasans-book.woff2') format('woff2'),
         url('fonts/firasans-book.woff') format('woff');
    font-weight: normal;
    font-style: normal			}

@font-face {
    font-family: 'josefin_sanssemibold';
    src: url(fonts/'josefinsans-semibold-webfont.woff2') format('woff2'),
         url('fonts/josefinsans-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;			}

body {	font-family: Arial, sans-serif;
  	font-size: 12px;
	color: black;	
	padding: 0;
	margin: auto;
	width: 557;
	max-width: 100%;			}

div.cream	{
	background-color: fff1d0;
	border: thin solid black;	margin: 0;				}

div.bookbit          {	margin: 20;	}

div.linkbar	{
	max-width: 517;
	height: 105;
	padding: 0 0 0 10;
	position: sticky;
	top: -50;	background-color: #cc8830;
	background-image: url(toplinks/toplinks00.jpg);
	background-position: left;						}

div.linkbar-c	{
	max-width: 517;
	height: 50;
	padding: 0 0 0 10;	background-color: #cc8830;			
	display: none;}

div.button {
	display: block;
	height: 25; width: 65;
	float: left;
	margin: 64 9 5 9;	background: white;	font-family: josefin_sanssemibold, Arial, sans-serif;	font-weight: bold;	font-size: 1em;
	line-height: 200%;	color: black;	text-align: center;
	text-decoration: none;
	padding: 0;			}

img.leftpic {
	border: 0px solid green;
	float: left;
	margin: 1% 2% 2% 0;
	width: 30%;
	max-width: 114;
		}

p.righttext {
	border: 0px solid green;
	float: right;
	width: 380;
	text-align: left;
	}

/* On screens that are 600px wide or less, remove menu buttons 4,5,6 etc*/
/* And reformat thumbnail-text pages with text flowing around image*/

	@media screen and (max-width: 600px) {

	div.button	{font-size: 1.2em; height: 30; width: 80}
  	#button4, #button5, #button6 {display: none}
	div.linkbar-c	{display: block	}
	#button7, #button8, #button9 {margin: 9 9 5 9; }

	p.righttext {
	border: 0px solid green;
	float: none;
	width: 100%;
	text-align: left;	}

	}
	
/* On screens that are 500px wide or less, resize all buttons down again */
	@media screen and (max-width: 500px) {
	div.button	{font-size: 12px; height: 25; width: 65}
	div.button-c	{font-size: 12px; height: 25; width: 65}
	}
	
p.box	{
	border: 2px solid brown;
	padding: 10px;			
	margin: 10px 0;}

h2	{
	margin: 1.2em 0 1em 0;
	font-family: josefin_sanssemibold, Arial, sans-serif;	font-weight: bold;	font-size: 1.3 em;
	color: #cc8830;		}

h3	{
	margin: 1em 0 0.5em 0;
	font-family: josefin_sanssemibold, Arial, sans-serif;	font-weight: bold;	font-size: 1.3 em;
	color: black;		}

h4	{
	margin: 1em 0 0.5em 0;
	font-family: josefin_sanssemibold, Arial, sans-serif;	font-weight: bold;	font-size: 1.2 em;
	color: black	}

p	{margin: 0 0 0.5em 0	}
img.left	{
	float: left;
	padding: 0px 10px 5px 0px	}

img.right	{
	float: right;
	padding: 0px 0px 5px 10px	}

img.left-p	{
	float: left;
	padding: 10px 10px 5px 0px	}

img.right-p	{
	float: right;
	padding: 10px 0px 5px 10px	}

strong	{
	font-family: Arial, sans-serif;	font-weight: bold;	font-size: 1.1 em;
	color: #cc8830;	}
a:link 		{color: #006600		}
<!--a:visited  	{color: #669966		}	-->
a:hover		{color: white		}
a.no-uline  {
	text-decoration: none;
	font-weight: bold;		}

</style>
