/*
Theme Name: 
Theme URI: 
Description: 
Version: 1.0
Author: 
Author URI: 
*/

/* reset styles */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { 
	margin: 0; padding: 0;  border: 0; outline: 0; font-size: 100%; 
	vertical-align: baseline; background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

body {
	color: #000000;
    background-color: rgb(255, 204, 102);
}

IMG.centered {
    display: block;
    margin-left: auto;
    margin-right: auto 
}

h1 {
    text-align: center;
    font-size: 24pt;
}

table, th, td {
   border: 1px solid #ffff00;  
}

td, th{
    padding: 5px;
}

/* container - place inside each section or around the entire page depending on your layout */
.container {
	width: 85%;
	margin: 0 auto;
	text-align: left;
	position: relative;
    text-align: center;
}

.container-left {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}


/* for clearing any floats <br class="clearfloat" /> */
.clearfloat { 
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/*--- header section - put whatever you want here ---*/
#header {
}

/*--- horizontal "block" menu ---*/
#menu { 
	float: left;	
}
#menu li {
	display: block;
	float: left;
}
#menu li a {
	display: block;
	text-decoration: none;
	height: 50px;
	width: 125px;
	padding: 5px 10px 5px 10px;
}
/* wordpress specific menu stylings */
#menu li.current_page_item a {
}
#menu li.first a {
}
#menu li.last a {
}

/*--- content section - put whatever you want here ---*/
#content {
	font: 1.3em "Times New Roman", Times, serif;
}

/*--- footer section - put whatever you want here ---*/
#footer {
}

/*-------------------------------------------------------------*/
/*--- flex grid system for front page pictures --*/
.row {
  display: flex;
  flex-wrap: wrap;
  padding: 0 4px;
}

/* Create four equal columns that sits next to each other */
.column {
  flex: 24%;
  max-width: 24%;
  padding: 0 4px;
}

.column img {
  margin-top: 8px;
  vertical-align: middle;
  width: 100%;
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 700px) {
  .column {
    flex: 50%;
    max-width: 50%;
  }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 500px) {
  .column {
    flex: 100%;
    max-width: 100%;
  }
}
/*--------------------------------------------------------------------*/
/*
     FILE ARCHIVED ON 09:14:02 May 05, 2025 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 12:04:21 Jul 31, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.371
  exclusion.robots: 0.039
  exclusion.robots.policy: 0.032
  esindex: 0.007
  cdx.remote: 20.45
  LoadShardBlock: 83.939 (3)
  PetaboxLoader3.datanode: 64.413 (4)
  PetaboxLoader3.resolve: 61.122 (3)
  load_resource: 47.022
*/