/*

	stylesheet for http://www.camp-wireless.org/

	$Id: campwireless.css,v 1.3 2020/06/11 21:11:23 koos Exp $

*/

body {
	background-image: url(/images/tile.jpg);
	background-color: green;
	color: black;
	font-family: Verdana,helvetica,sans-serif;
	margin-top: 0px;
	margin-left: 2px;
	margin-right: 2px;
	margin-bottom: 2px;
	padding: 0px;
}
a:link {
	color: blue;
}
a:link:hover,
A:visited:hover {
	color: red;
}
a:focus {
	color: #000000;
	background: #ffffff;
}
address {
	margin-left: 2px;
	margin-right: 2px;
	background-color: rgb(126,192,238);
	color: black;
	border: solid white;
	border-width: 1px;
	padding: 1px 1px;
}
.bigcaption { font-size: 1.2em; }
.middlebox {
	width: 50%;
}
/* css hack to make it centered in all css browsers */
div.centered {
	text-align: center;
}
div.centered table {
	margin: 0 auto;
	text-align: left;
}
div.adbox {
	margin: 1px auto;
	background-color: white;
	color: black;
	border: solid gray;
	border-width: 1px;
	padding: 1px 1px;
	text-align: left;
	width: 490px;
}
div.adbox img {
	vertical-align: top;
}
div.adbox {
	text-align: center;
}
div.googleadbox {
	margin: 1px auto;
	background-color: white;
	color: black;
	border: solid gray;
	border-width: 1px;
	padding: 1px 1px;
	text-align: left;
	width: 302px;
}
div.siteaffiliates {
	float: right;
	padding: 2px 2px;
	border-width: 1px;
	background-color: white;
}
.textbox {
	background-color: rgb(126,192,238);
	color: black;
	border: solid white;
	border-width: 1px;
	padding: 2px 2px;
	margin: 5px 2px; 
}
.textbox hr {
	clear: right;
	visibility: hidden;
}
.textbox H1 {
	margin: 8px 0px;
}
.textbox H2 {
	margin: 8px 0px;
}
.textbox H3 {
	margin: 4px 0px;
}
.infotextbox {
	background-color: rgb(126,192,238);
	color: black;
	border: solid white;
	border-width: 1px;
	padding: 3px 3px;
	margin: 2px;
}
.infotextbox H1 {
	margin: 8px 0px;
}
.infotextbox H2 {
	margin: 6px 0px;
}
.infotextbox H3 {
	margin: 2px 0px;
}
.centtextbox {
	background-color: rgb(126,192,238);
	color: black;
	border: solid white;
	border-width: 1px;
	padding: 1px 1px;
	text-align: center;
}

.smaller {
	font-size: smaller;
}
.displayonly {
}
.printonly {
	display: none;
}
div.breadcrumb {
	display: inline;
}
div.campsitemap {
	float: right;
	border: 2px solid white;
	height: 30ex;
	width: 25em;
	margin: 1px;
}
div.smalltime {
	font-size: 6pt;
	color: #a0a0a0;
	float: right;
	line-height: 1em;
}
.topbox {
	display: block;
}
.sitedirectory {
	display: table-cell;
	width: 15%;
}
.sitecontent {
	display: table-cell;
	width: auto;
}
.searchbox {
	display: table-cell;
	width: 15%;
}
.infofooter {
	display: block;
	clear: both;
}

.pageblock {
	display: grid;
	grid-template-columns: [menucol] 1fr [main] 50% [info] 1fr [righthand];
	grid-template-rows: [toprow] min-content [multirow1] min-content [multirow2] 1fr [blockend];
	grid-gap: 0;
}

.topblock {
	margin-bottom: 0px;
	grid-column-start: menucol;
	grid-column-end: righthand;
	grid-row-start: toprow;
	grid-row-end: multirow1;
}

.mainblock {
	grid-column-start: main;
	grid-column-end: main;
	grid-row-start: multirow1;
	grid-row-end: blockend;
}

.menublock {
	grid-column-start: menucol;
	grid-column-end: menucol;
	grid-row-start: multirow1;
	grid-row-end: blockend;
}

.infoblock {
	grid-column-start: info;
	grid-column-end: info;
	grid-row-start: multirow1;
	grid-row-end: multirow2;
}

.adblock {
	grid-column-start: info;
	grid-column-end: info;
	grid-row-start: multirow2;
	grid-row-end: blockend;
}