body {
		font:12px/1.4em Verdana, sans-serif;
		color:#333;
		background-color:#fff;
		padding:0;
		margin: 0;
		display: flex;
		flex-flow: column wrap;
		height: 100vh; /* key rule; this tells flex items where to wrap
                    to form second column */
	}
 
	a {
		color:#326EA1;
		text-decoration:underline;
		padding:0 1px;
	}

	li {
	    font-size: 18px;
	    margin-left: 10px;
	 }

 
	a:hover {
		background-color:#333;
		color:#fff;
		text-decoration:none;
	}
 
	div.header {
		border-bottom:1px solid #999;
	}
 
	div.item {
		align="Center";
		padding:5px 0;
		border-bottom:1px solid #999;
	}
	
	table.center {
		margin-left: auto;
		margin-right: auto;
		font-family: 	Arial, Verdana, sans-serif;
		font-size:	28px;
	}
	
	

#wrapper {
  height:100%;

  .rcolmn {
    width: 50%;
    height:100%;
    float:left;
  }
  .lcolmn {
    background-color: red;
	align=center;
  }
  .rcolmn {
    background-color: blue;
	align=center;
  }
}
}