.container {  position:relative; background: transparent; 
              width: 96%;
			  height:100%;
			 // min-width:320px;
              margin-left: auto;  margin-right: auto ; 
			  margin-bottom:0px;
			  margin-top:0px;
			  z-index: 1; }
			  
.header { position:relative; z-index:2; text-align:center; width:100%;
          background-color:brown; color:white; top:5px; }
.navbar { position:relative; z-index:3; margin-top:.25em; width:100%; background-color:#5e6018; color:white; height:2em; border-style:solid; border-width:1px; border-color:black;}
.navitem {position:absolute; width:4.5em; text-align:left; z-index:100; }


a {color:white; }
a:hover {color:black; }
.fastlink a {color:white; display:block; text-decoration:none; }
.fastlink a:hover {background-color:brown; color: white; display:block; text-decoration:none;}
.menuitem a { color: white; display:block; text-decoration:none; }
.menuitem a:hover { background-color:black; color: white; display:block; text-decoration:none;}

body {  font-family: Arial, Helvetica, sans-serif;
        margin:0;
        padding:0;
		height:100%;
        background-color: #5e6018;
        background-image: url(images/acorns.jpg); 
        background-repeat: repeat;
        background-position: center top;
     }
	 
.display { 
		   position:relative;
		   width: 100%;
		   display:block;
		   height:93%;
           background-color: #ccccff;
		   border-width:0px;
		   padding:0px;
		   margin:0px;
		   z-index:50;
         }

.footer { width: 100%; position:absolute; z-index:990; bottom:0px; background-color: brown; color: white; font-size:small;  display: block; }
.time   		{ position: relative; font-size: x-small; width: 15em; text-align: center; }
.pageTitle  	{ position: relative; font-size: x-small; width: 20em; text-align: center; }
.modDate 	{ position: relative; font-size: x-small; width: 15em; text-align: right; }
.hits  		{ position: relative; font-size: x-small; width: 15em; text-align: center; }
.pageName 	{ position: relative; font-size: x-small; width: 30em; text-align: center;  }		

.frame  { 
		 position: relative;
		 margin-top: 5px;
         background-color: transparent;
		 height:85%;
		 padding:0px;
		 margin-bottom:0px;
		 overflow:hidden;
       }
		
.menulist {  position:relative;
             background-color:brown;
			 top:-1em;
			 color:white;
			 width:5em;
			 text-align:center;
			 left:0em;
			 z-index:99;
             visibility:hidden;
             display:block;	

             list-style-type: none;
             margin-left:0px;  padding-left: 0px;
			 margin-bottom:0px; padding-bottom:0px;
          }		
		

.menuitem 
        { 
			position:relative;
			z-index:100;
			width:100%;
			display:block;
			border-style: solid; border-color: black; font-size:large;
			border-left-width: 0px;   border-right-width: 0px;  border-top-width: 0px; border-bottom-width: 2px;
			text-indent: 0px; margin:0; padding:0;		   
        }

td 		{
			position:relative; background-color:brown; color:white; 
		}
		
body, html {
  margin: 0px;
  overflow:hidden;
  padding:0px;
  height:100%
}

/* Smartphones (landscape) ----------- */
@media only screen and (max-width : 800px) {
  .tablet-hidden { display: none; }  
}