@charset "UTF-8";
/* CSS Document */

body {
    width: 94%; max-width:1440px;
	color: #413F3D; /* black olive */
	font-family: Verdana, sans-serif; 
	/* media queries may override this, below */
	
	background-color: #D8CFDO;
	
	/* #F2F1EF; isabelline */ 
	/* #D8CFDO light gray */
	/* #413F3D black olive */
	/* #B1A6A4 quick silver */
	/* #697184; aurometalsaurus */
	margin-right:auto;
	margin-left:auto;
	margin-top:1em;
	margin-bottom:1em;
	line-height:1.5;  
}

h1, h2, h3 {
	color: #413F3D; /* black olive; color: #669900;  mossy green  #669999 red #cc0000 teal #697184;  aurometalsaurus */
	
	font-family: 'Arial Narrow', sans-serif;
}

a:link, a:visited {
 color: #669900 /* mossy green */ ; 
}

h1 > a:link, h1 > a:visited {color: #413F3D; /* black olive */ text-decoration:none; }

a:hover {color: #582081; /* a purple */ color: darkorange;}

th {
	text-align:left
}

img {
	border:1px solid black; max-width:100%; 
  
}

img.mushroom {border-radius: 20px;}
img, img.book {border-radius: 0;}

.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}


div.divFloatingImageRight {float:right;text-align:center;margin-left:1em;margin-bottom:1em;margin-top:1em;}
div.divFloatingImageLeft {float:left;text-align:center;margin-right:1em;margin-bottom:1em;margin-top:1em;}

button {color:red;font-weight:bold;font-size:medium;background-color:white;}

#divWarning {outline:1px solid black;margin-bottom:1em;padding:.5em;cursor:pointer;}
        
ul.menu {/* list-style-type: none; */ line-height:2; }

ul.menu > li { /* hanging indent for menu items that occupy 2 lines, e.g. on mobile */ 
  padding-left: 2em ;
  text-indent: -2em ;
}

a.uparrow {clear:both;text-decoration:none;float:right;padding:1em 2em;} 
a.uparrow:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Media Queries: Large Screens */
@media screen and (min-width:1061px) and (max-width: 3000px) {
a {white-space:nowrap;}
}

/* Media Queries: Tablets */
@media screen and (min-width: 601px) and (max-width: 1060px) {
a {white-space:nowrap;}
}

/* Media Queries: Mobile */
@media screen and (max-width: 800px) { 
    h1 {line-height:normal;};
    a {white-space:normal;}
/* Images are centered on phones, not floated to right or left (inside a div). */
div.divFloatingImageRight {float:none;max-width:100%;text-align:center;margin:1em auto;clear:both;}
div.divFloatingImageLeft  {float:none;max-width:100%;text-align:center;margin:1em auto;clear:both;}
/* div.divFloatingImageRight:after, div.divFloatingImageLeft:after {clear:both;} */
}

@media screen and (orientation: landscape) {body {border:0px solid green} };
/* CSS Document */

