body {
			margin: 0;
			padding: 0;
			overflow: hidden;
			height: 100%;
			max-height: 100%;
			font-family:Sans-serif;
			line-height: 1.5em;
		}

		#header {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 135px;
			overflow: hidden;  /* mDisables scrollbars on the header frame. To enable scrollbars, change "hidden" to "scroll" */
			background: #a6db3b;
		}

		#nav {
			position: absolute;
			top: 135px;
			left: 0;
			bottom: 0;
			width: 230px;
			overflow: auto; /* Scrollbars will appear on this frame only when there's enough content to require scrolling. To disable scrollbars, change to "hidden", or use "scroll" to enable permanent scrollbars */
			background: #a6db3b;
		}

		#logoleft {position: absolute;
			    img src="Malowa.bmp";	
			    width: 230px;
			    height:135px;
    			    background: url(Malowa.bmp);
    			    background-size: cover;
		}

		#logo {
			padding:10px;
		 	height:135px;
		 	background: #a6db3b ;
		 	font-color: blue;
		}

		main {
			position: fixed;
			top: 135px; 			/* Set this to the height of the header */
			left: 230px;
			heigth: 50%;
			right: 0;
			width: 100%;
			bottom: 10px;
			overflow: auto;
			background: #DAE9BC;
			overflow-y: auto;
			overflow-x: auto;
		}

		.innertube {
			margin: 15px; /* Provides padding for the content */
			   }
					  
		#bottom 		
		   	{
			position: absolut;
			  width: 99%;
			  bottom: 0;
			  left:0;
			  border: 3px solid #8AC007;
			} 
		
		nav ul {
			list-style-type: none;
			margin: 0;
			padding: 0;
		}

		nav ul a {
			color: darkgreen;
			text-decoration: none;
		}
		
		
		submit {
			padding:10px;
		 	height:135px;
		 	background: #ffa500 ;
		 	font-color: blue;
		 	}

		submit_s {
			padding:150px;
		 	height:135px;
		 	background: blue;
		 	font-color: blue;
		 	}
			

		/*IE6 fix*/
		* html body{
			padding: 100px 0 0 230px; /* Set the first value to the height of the header and last value to the width of the nav */
		}

		* html main{
			height: 100%;
			width: 100%;
		}
   		
   		div.wrapper {
			padding: 10px;
			display: block;
			overflow: auto;
			text-align: left;
			width: auto;
		}
		table.scroll {
			width: 100%;
			background-color: #fff;
			min-width: 600px;
			width:auto;
			table-layout: fixed;
			border-collapse: collapse;
			border:2px solid black;
  			margin-left:calc(50% - 300px);
			
			
		}
		table.scroll thead {
			width: 100%;
			background: #5dd39e;
			
		}
		table.scroll thead tr:after {
			content: '';
			overflow-y: scroll;
			visibility: hidden;
		}
		table.scroll thead th {
			flex: 1 auto;
			display: block;
			color: #fff;
		}
		table.scroll tbody {
			overflow-y: auto;
			height: auto;
			text-align-left;
			max-height: 200px;
		}
		table.scroll thead tr,
		table.scroll tbody tr {
			display: flex;
			text-align-left;
		}
		table.scroll tbody tr td {
			flex: 1 auto;
			word-wrap: break;
			text-align-left;
		}
		table.scroll thead tr th,
		table.scroll tbody tr td {
			width: 25%;
			padding: 5px;
			text-align-left;
			border-bottom: 1px solid #eee;
}
   		
   		table{
                     border-collapse: collapse;
                     width:  75%;
                     height: 250px;
                       }
                       th {
                            height: 50px;
                          }
                       th, td {
                                text-align: center;
                                padding: 8px;
                              }

                       tr:nth-child(even) {background-color: #f2f2f2;}
			}

		

		.dropbtn {
		  background-color: #4CAF50;
		  color: white;
		  padding: 16px;
		  font-size: 16px;
		  border: none;
		  cursor: pointer;
		}

		.dropbtn:hover, .dropbtn:focus {
		  background-color: #3e8e41;
		}

		#myInput {
		  box-sizing: border-box;
		  background-image: url('searchicon.png');
		  background-position: 14px 12px;
		  background-repeat: no-repeat;
		  color: blue;
		  padding: 14px 20px 12px 20px;
		  border: none;
		  border-bottom: 1px solid #ddd;
		}

		#myInput:focus {outline: 3px solid #ddd;}

		.dropdown {
		  position: relative;
		  display: inline-block;
		  min-width: 500px;
		  min-height: 800px;
		  resize: both;
		  overflow: auto;
						}

		.dropdown-content {
		  display: none;
		  position: absolute;
		  background-color: #f6f6f6;
		  min-width: 500px;
		  overflow: auto;
		  border: 10px solid #ddd;
		  z-index: 1;
		  resize: both;
		  }

		.dropdown-content a {
		  color: black;
		  text-decoration: none;
		  display: block;
		  min-width: 500px;
		}

		.dropdown a:hover {background-color: #ddd;}
		
				.show {display: block;}