@font-face {
    font-family: 'Open Sans';
    font-style: light;
    src: local('OpenSans'), url(/OpenSans-Light.ttf) format('truetype');
  }
  
  body { font-family:'Open Sans'; font-size: 1.1rem; background-color: rgba(64, 64, 32, 0.3); }
  h1 { font-family:'Open Sans'; font-size: 2rem; }
  pre { font-family:'courier'; font-size: 9pt; font-weight: normal;
	padding-left: 8px;
	background-color: rgba(220, 220, 64, 0.3); }

.w3-content { max-width:980px; background-color: #fff; }
.w3-row { max-width:980px }
.w3-half { min-width:490px }


img.lws-logo {position: absolute; top: 8px; left: 8px; width: 90%; margin-bottom:10px; }
table.tb { text-align:center; font-size: 14pt; margin-left:auto; margin-right:auto; padding:5px }
div.rp {position: relative;}
td.g { color:rgba(128, 255, 96, 1.0); }
td.r { color:red }

.bg1 { height:600px;background: #fffff8; position: relative; }
.bg2 { height:600px;background: rgba(255, 255, 247, 0.95); position: relative; overflow: hidden}
.bg2:after {
	content: "㊜";
	position: absolute;
	overflow: hidden;
	top: -285px;
	right: -135px;
	font-size: 700px;
	color: #888;
	z-index: -1;
	transform: rotate(-10deg);
}
.bg3 { min-height:600px;background: #fffffa; position: relative; }
.bg4 { min-height:600px;background: #fffffa; position: relative; }
.bg5 { min-height:600px;background: #fffffc; position: relative; }
.bg6 { min-height:600px;background: rgba(255, 255, 247, 0.95); position: relative; overflow: hidden}
.bg6:after {
	content: "㊝";
	position: absolute;
	overflow: hidden;
	bottom: -250px;
	left: -100px;
	font-size: 700px;
	color: #888;
	z-index: -1;
	transform: rotate(10deg);
}

.w3footer { background-color: rgba(192, 192, 96, 0.5); }
.bg7 { min-height:600px;background: #fffffc; position: relative; }


.ib { text-align: left; color: black; position: absolute; left: 50px; right:50px }
a { color: blue; padding-left: 8px; padding-right: 8px; background-color: rgba(186, 186, 240, 0.3); }