hr
{
    color: #9F9F71;
}

img.counter
{
    border: none;
}

a img.counter
{
    border: none;
}

a:hover img.counter
{
    border: none;
}

a img.about
{
    border: 1px;
    border-color: #FFFFFF;
}

a:hover img.about
{
    border: 1px;
    border-color: #000000;
}

a img
{
    border: 1px solid #A0A0A0;
    margin: 2px;
    padding:2px;
}

a:hover img
{
    border: 1px solid #4F3A31;
    margin: 2px;
    padding:2px;
}

body
{
	margin: 5px;
	padding: 0px;
	/*
	background: #FFF;
	*/
	font-family: tahoma, verdana, arial, helvetica, sans-serif;
	font-size: 90%;
	color: #52543D;
}

a:active, a:visited, a:link
{
	color: #000;
	text-decoration: none;
}

a:hover
{
	color: #4F3A31;
	text-decoration: none;
}

.brick {float:left; overflow: hidden; position: relative; width: 130px; height: 100px; z-index:1;}
a.brick {display: block; margin:6px; padding:1px; border:solid 1px rgb(150,150,150); background-position:center; background-repeat:no-repeat;}
a.brick:hover {border:solid 1px rgb(220,220,220);}

blockquote 
{
	background: #e6e5e0; 
	padding: 5px;
}
/*
a.outer {
    background: url(/img/win.png) no-repeat 100% 5px;
    padding-right: 15px;
   }
*/

a[href^="http"]:not([href*="a-n-a"]):after { 
	content: url("/img/win2.png");
	padding-left: 5px;
   }

a[href^="http"]:not([href*="o-n-a"]):after { 
	content: url("/img/win2.png");
	padding-left: 5px;
   }

#container
{
	margin: 0px auto;
}

#header
{
	height: 60px;
	border:1px solid #9F9F71;
	background: #FAFAF8 url('/img/header.jpg');
	border-bottom: 0px;
	text-align: right;
	padding-top: 15px;
	padding-right: 10px;
}

#menu
{
	padding: 5px 10px;
	border:1px solid #9F9F71;
	margin-bottom: 3px;
	text-align: right;
	background: #FAFAF8;
}

#container2
{
	border:1px solid #9F9F71;
	background: #FAFAF8;
}

#content
{
	line-height: 130%;
}

h1
{
	border: 1px solid #9F9F71;
	padding: 3px 3px 3px 3px;
	margin: 3px 0 3px 0;
	font-family: arial;
	font-weight: 80 bold;
	letter-spacing: 2px;
	background: #DEDFD1;
	font-size: 120%;
}

h2
{
	padding: 3px 3px 3px 3px;
	margin: 3px 0 3px 0;
	font-family: arial;
	font-weight: 60 bold;
	letter-spacing: 1px;
	font-size: 100%;
}

h3
{
	padding: 3px 3px 3px 3px;
	margin: 3px 0 3px 0;
	font-family: arial;
	font-weight: 40 bold;
	letter-spacing: 2px;
	font-size: 80%;
}

h4
{
	padding: 3px 3px 3px 3px;
	margin: 3px 0 3px 0;
	font-family: arial;
	font-weight: 20 bold;
	letter-spacing: 1px;
	font-size: 60%;
}

#content h1
{
	border-bottom: 1px solid #808080;
	font-family: arial;
	font-weight: 80 bold;
	padding: 3px 5px;
	letter-spacing: 2px;
	background: #DEDFD1;
	font-size: 120%;
}

#content h2
{
	border-bottom: 1px solid #808080;
	font-family: arial;
	font-weight: 60 bold;
	padding: 3px 5px;
	letter-spacing: 2px;
	background: #DEDFD1;
	font-size: 100%;
}

#content h3
{
	border-bottom: 1px solid #808080;
	font-family: arial;
	font-weight: 40 bold;
	padding: 3px 5px;
	letter-spacing: 1px;
	background: #DEDFD1;
	font-size: 80%;
}

#content h4
{
	border-bottom: 1px solid #808080;
	font-family: arial;
	font-weight: 20 bold;
	padding: 3px 5px;
	letter-spacing: 1px;
	background: #DEDFD1;
	font-size: 60%;
}

.overflow
{
	overflow: auto;
}

#textpadding
{
	padding: 1px 1px;
}

#footer
{
	padding: 1px 1px 1px 1px;
	border:1px solid #9F9F71;
	margin-top: 2px;
	text-align: right;
	/*background: #FAFAF8;*/
	background: #FAFAF8 url('/img/header.jpg');
}

.grecaptcha-badge {
	visibility: hidden;
}

div.reading { text-indent: 20px; text-align: justify; }

img.imgRead {
	cursor: pointer;
}

/*figReadXXXX*/
.figReadLeft {
	float: left;
	text-align: center;
	margin: 10px 10px 10px 10px;
	border: 1px #A0A0A0 solid;
	padding: 1px;
}
.figReadLeft:hover {
	border: solid 1px #4F3A31;
}

.figReadRight {
	float: right;
	text-align: center;
	margin: 10px 10px 10px 10px;
	border: 1px #A0A0A0 solid;
	padding: 1px;
}
.figReadRight:hover {
	border: solid 1px #4F3A31;
}

.figReadCenter {
	text-align: center;
	margin: 10px 10px 10px 10px;
	border: 1px #A0A0A0 solid;
	padding: 1px;
}
.figReadCenter:hover {
	border: solid 1px #4F3A31;
}

/*readTable2*/

.readTable2 {
  position: relative;
  border-collapse: collapse;
  width: 100%;
}

.readTable2 td, th {
  padding: 0.25em;
}

.readTable2 thead th {
  position: -webkit-sticky; /* for Safari */
  position: sticky;
  top: 0;
  background: #000;
  color: #FFF;
}

.readTable2 thead th:first-child {
  left: 0;
  z-index: 1;
}

.readTable2 tbody th {
  position: -webkit-sticky; /* for Safari */
  position: sticky;
  left: 0;
  background: #FFF;
  border-right: 1px solid #CCC;
}

.readTable2 tfoot th {
  position: -webkit-sticky; /* for Safari */
  position: sticky;
  bottom: 0;
  background: #000;
  color: #FFF;
}

.readTable2 tfoot th:first-child {
  left: 0;
  background: #000;
  z-index: 1;
}

/*readTable*/
.readTable { 
	border-collapse: collapse; 
}
.readTable tr:hover { 
	background-color: #d1d0bc;
}

/*readTableAuto*/
.readTableAuto { 
	border-collapse: collapse;
	border-spacing: 1px;
}

.readTableAuto th { 
	background-color: #dcddcd;
	vertical-align: middle;
  	text-align: center;
	position: sticky;
	top: 0px;
	left: 0px;
	border: 0.5px solid #9F9F71;
}

/*
.readTableAuto td { 
	position: sticky;
	left: 0px;
}
*/

.readTableAuto th span 
{
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  white-space: nowrap;
  font-weight: bold;
  white-space: nowrap;
  text-align: center;
}

.readTableAuto td span 
{
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  white-space: nowrap;
  font-weight: bold;
  white-space: nowrap;
  text-align: center;
}

.readTableAuto tr:nth-child(2n) { 
	background-color: #e7e7df;
}
.readTableAuto tr:nth-child(2n+1) { 
	background-color: #ffffff;
}
.readTableAuto tr:hover { 
	background-color: #d1d0bc;
}