body {
      font-family: "Segoe UI";
      margin: 0;
      padding: 0;
    }
    
    #container {
      display: flex;
    }
    
    #sidebar {
      visibility: hidden;
      font-size: 1.4em;
      width: 0px;
      background-color: #f1f1f1;
      padding: 0px;
    }

    #startmenu {
      padding-left: 20px;
    }
    
    #content {
      flex: 1;
      padding: 10px;
    }
    
    ul {
      list-style-type: none;
      padding: 0;
      margin: 0;
    }
    
    li {
      margin-bottom: 10px;
    }
    
    a {
      text-decoration: underline;
      font-size: 0.8em;
      color: #1100ff;
    }
    
    a:hover {
      color: #008cff;
    }

    .startmenustyle {
      text-decoration: none;
      font-size: 1em;
      font-weight: bold;
      color: #000000;
    }
        
    .submenu {
      visibility: hidden;
      font-size: 0.7em;
      padding: 3px;
      margin-left: 12px;

    }
    
    .submenu li {
      visibility: hidden;
      margin-bottom: 5px;
    }
    
    .submenu a {
      visibility: hidden;
      text-decoration: none;
      font-size: 1em;
      color: #000000;
    }

    #banner {
      visibility: hidden;
      background-color: #303c49;
      color: #afafaf;
      font-size: 0.01em;
      padding: 0px;
      padding-left: 0px;
      width: 100%;
      box-sizing: border-box;
    }

	  table, th, td {
      font-size: 0.93em;
	    border: thin solid; 
	    border-collapse: collapse;
	    padding: .2em;
      padding-left: .5em;
      padding-right: .5em;
	  }

    table.tbcenter th, table.tbcenter td {
      text-align: center;
 
    }

    table.tbleft th, table.tbleft td{
      text-align: left;
     
    }