body {
    overflow: hidden;
    background: #ffff99;
    margin:0;
    padding: 0;
    border:0;
		font: 14px/21px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
   
   .container {
     height: 100vh;
     width: 100vw;
     display: grid;
     grid-template-columns: auto 1fr 1fr 1fr;
     grid-template-rows: 30px 1fr 30px;
     grid-template-areas:
        "head head head head"
        "side main main main"
        "foot foot foot foot";
   }
   
   .header {
     border-bottom: 1px solid lightgrey;
     grid-area: head;
   }
   
   .centre {
    display: grid;
    grid-template-columns: 1fr 3fr;
    overflow: hidden;
  }
  .tcentre {
    text-align: center;
  }
  .allevents {
    display: grid;
    /* Display as many events as possible on one line
       with a minimum width of '200px' */
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 5px;
  }
  .oneevent {
    padding: 5px;
    border:2px solid black;
  }
  .sidebar {
    border-right: 1px solid lightgrey;
    grid-area: side;
  }
  
  .main {
     overflow-y: scroll;
     padding: 20px;
     grid-area: main;
   }
   
  .footer {
       border-top: 1px solid lightgrey;
       grid-area: foot;
   }
   
   /*p {
     max-width: 600px;
   }*/
   
   .button {
     background: #fc0; /* Old browsers */
     background: #fc0 -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */
     background: #fc0 -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */
     background: #fc0 -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */
     background: #fc0 -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */
     background: #fc0 -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */
     background: #fc0 linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */
     border: 1px solid #aaa;
     border-top: 1px solid #ccc;
     border-left: 1px solid #ccc;
     /*padding: 4px 12px;*/
     -moz-border-radius: 3px;
     -webkit-border-radius: 3px;
     border-radius: 3px;
     color: #444;
     display: inline-block;
     font-size: 11px;
     font-weight: bold;
     text-decoration: none;
     text-shadow: 0 1px rgba(255, 255, 255, .75);
     cursor: pointer;
     margin-bottom: 20px;
     line-height: normal;
     padding: 8px 10px;
     font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }
 
   .button:hover {
     color: #222;
     background: #fc3; /* Old browsers */
     background: #fc3 -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */
     background: #fc3 -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */
     background: #fc3 -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */
     background: #fc3 -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */
     background: #fc3 -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */
     background: #fc3 linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* W3C */
     border: 1px solid #888;
     border-top: 1px solid #aaa;
     border-left: 1px solid #aaa; }
 
   .button:active {
     border: 1px solid #666;
     background: #ff0; /* Old browsers */
     background: #ff0 -moz-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(10,10,10,.4) 100%); /* FF3.6+ */
     background: #ff0 -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.35)), color-stop(100%,rgba(10,10,10,.4))); /* Chrome,Safari4+ */
     background: #ff0 -webkit-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Chrome10+,Safari5.1+ */
     background: #ff0 -o-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Opera11.10+ */
     background: #ff0 -ms-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* IE10+ */
     background: #ff0 linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* W3C */ }
 
    ul.topmenu , ul.submenu{
    font-family: Arial, Verdana;
    font-size: 14px;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  ul.topmenu li {
    display: inline-block;
    position: relative;
    width: 140px;
  }
  ul.submenu { 
    display: none; 
    position: absolute;   /*Keeps topmenu items at top when submenu open*/
  }
  ul.topmenu li a {
    display: block;
    text-decoration: none;
    color: #FFFFFF;
    border-top: 1px solid #ffff99;
    padding: 5px 15px 5px 15px;
    background: #FF6600;
    margin-left: 1px;
    white-space: nowrap;
  }
  ul.submenu li {
    float: none;
    /*font-size: 14px;
    margin: 0;*/
  }
  ul.topmenu li a:hover { 
    background: #F38033; }
  
  ul.topmenu li:hover a, 
  ul.submenu li:hover a { 
      background: #F38033; }
  
  ul.topmenu li:hover ul.submenu {
    display: block;
    position: absolute;
  }  
  ul.submenu li a:hover { 
    background: #F6A066; 
  }
	h1 {
		/*margin-bottom: 20px;*/
		letter-spacing: -1px;
		/*font-weight: bold;*/
    font-size: 35px;
		color: #FF6600		}