/* This css file is used by warindex.html, warintro.html, warmap.html */

body { background-color: teal; color: black; font-family: Verdana, sans-serif; }

header, footer { display: block; background-color: #fff7df; text-align: center; 
padding: 1em 2% 1em 2%; border: medium solid #804000;}

.lefty { float: left; margin: 1em; height: 2em; width: auto;}
.righty { float: right; margin: 1em; height: 2em; width: auto;}
.arrow { font-size: 1.5em; }

span.minus { color: red; vertical-align: 0.5em; font-style: italic; font-size: 1em; font-weight: bold; }
span.m40 { color: blue; font-size: 2em; font-weight: bold; }
span.info { color: #006600; font-size: 1em; font-weight: bold; }

header a:link, header a:visited { text-decoration: none; padding: 1em 0.2em; }
header a:hover, header a:active { border: thin solid red;  }

footer a:link, footer a:visited { padding: 1em; }
footer a:hover, footer a:active { border: thin solid red; }
footer hr { border: thin solid #006600; }

.breadcrumb a { padding: 0.5em; }
.breadcrumb a:hover, .breadcrumb a:active { background-color: #f3fff3; border: thin solid red; }

h1, h2, .byme { text-align: center; } 
h1 { color: #804000; margin-bottom: 0em; }
.byme { color: navy; margin-top: 0em; margin-bottom: 2em; }
h2 { color: #804000; }
hr { border: medium solid #ff9000; margin: 2em 0;}

.cariboubox { text-align: center; margin: 0 4px; }
.cariboubox img { width: 100%; height: auto; }

.boxmain { display: block; background-color: white; border: medium solid #804000; padding: 1em; }

.bannertxt { font-size: 120%; font-weight: normal; text-align: left; color: navy; background-color: white; border: thick double green; padding: 1em; margin: 1em 1% 2em 1%; }

.forcolumns { display: block; }
.forcolumns p { text-indent: 2em; } 

dt { display: inline-block; padding: 0.7em 0; background-color: #ffffcc; font-size: 1.2em; }
dt a:hover, dt a:active { border: thin solid red; padding-top: 0.7em; padding-bottom: 0.7em; }
dd { margin-bottom: 1em; }

.warmap img { width: 100%; height: auto; }
	
@media screen and ( min-width: 790px )	{
	body { padding-left: 2em; padding-right: 2em; }
	.boxmain { padding: 2em; } 
	.boxinside { border: medium solid #804000; padding: 1em 2em 2em 2em; }
	header, footer {  padding: 1em 3em 1em 3em; border: thick solid #804000;}
	span.m40 { font-size: 3em; }
	.lefty { margin-right: 2em; height: 4em; width: auto;}
	.righty { margin-left: 2em; height: 4em; width: auto;}
	header a:link, header a:visited { padding: 2em 0.2em 1em 0.2em;}
	}

@media screen and ( min-width: 1000px )	{
	.bannertxt { margin-left: 5%; margin-right: 5%; }
	.forcolumns { -moz-column-width: 26em; -webkit-column-width: 26em; column-width: 26em;
	  -moz-column-gap: 5em; -webkit-column-gap: 5em; column-gap: 5em;
      -moz-column-rule: medium dotted #a06000;
      -webkit-column-rule: medium dashed #a06000;
       column-rule: medium dashed #a06000;
	   margin: 2em 0; } 
	.forcolumns p { text-indent: 2em; text-align: left; } /* warintro.html */
	.first { margin-top: 0em; }}

@media screen and ( min-width: 1114px )	{
	.cariboubox img { text-align: center; width: auto; height: auto; }}

@media screen and ( min-width: 1205px )	{
	dl { margin-left: 5%; margin-right: 3%; } }
	
@media screen and (min-aspect-ratio: 1374/972 )
	{ .warmap img { display: block; height: 98vh; width: auto; margin-left: auto; margin-right: auto; }}
		
@media print {
	body { background-color: white; font-size: 10pt; margin-left: 8%; margin-right: 8%; }
	header, footer { border: medium double #006600; background-color: white; }
	.boxmain, .boxinside { border-style: none; padding: 0; }
	p { page-break-inside: avoid; }}