/* for all devices (until the @media block)  -- halfway thru changing this */
body {background-color:#5A9600; box-sizing:border-box;}
img {max-width:100%; height:auto; border:0px;}
#container486 {position:relative; width:100%; max-width:536px; margin:0 auto; box-sizing:border-box;}

/* mobile first: navigation links start out across the top, above content */
#leftcol {float:left; width:100%; box-sizing: border-box; }
#content {float:left; width:100%; padding:1px 20px; box-sizing:border-box; 
	font-size: 20px; background-color:#FFFFFF; margin-bottom:20px;}

@font-face {
	font-family: "AdLib";
  	src: url("fonts/ADLIB.eot");  /* IE9 Compat Modes */
	src: url("fonts/ADLIB.woff") format("woff"), url("fonts/ADLIB.woff2") format("woff2"); /* Modern Browsers */
	font-weight: normal;
	font-style: normal;
}

h1 {font-family:'AdLib'; font-size:28px; text-align:center;}
ul#menu {margin: 15px 0px 0px -42px;}
ul#menu li {display: inline-block; margin-bottom: 1rem;}
ul#menu li a {
    background-color: white;
    color: black;
    padding: 6px 10px 3px 10px;
    margin: 10px 10px 0px 10px;
    text-decoration: none;
    font-family:"AdLib"; font-size:18px; 
}
ul#menu li a:hover {background-color: orange; }

.big {font-size:24px; font-weight:bolder; }
.centered {text-align:center;}
.caption {margin-top:3px; font-family:Arial, sans-serif; font-size:16px;}
hr.art {clear:both; margin:0px -20px; display:block; height:12px; border:none; box-shadow:inset 0 12px 12px -12px rgba(0,0,0,0.5);}
.rightMB {float:right;}
.boxed {padding:7px 8px 5px 8px; border-style:solid; border-width:thin; margin:5px; background-color:#FFFFCC;}
.bigbase {margin-bottom:1.5em;}

/* only for screens wider or equal to 734 pixels + 15 pixels for scrollbar */
@media (min-width: 749px) {
  /* only for screens wider or equal to 734 pixels + 15 pixels for scrollbar */
  /* wider than that, put navigation links in left column */
  #container486 {max-width:900px;}
  #leftcol {width:180px;}
  #content {max-width:536px; }
}