html {
	height: 100%;
}
body {
        text-align: center;
        background-color: #CCD1D1;
	height: 100%;
}

#holder{
    min-height: 100%;
    position:relative;
}

#body{
    padding-bottom: 100px;    /* height of footer */
}

h3 {
        text-align: center;
        font-size: 20px;
	color: red;
}
h2 {
        text-align: center;
        font-size: 30px;
	color: black;
}
h1 {
        text-align: center;
        color: maroon;
        margin-left: 40px;
}

pre {
        text-align: left;
        font-size: 16px;
}

table, tr  {
        border: 1px solid black;
	max-width: 100%;
#        overflow: scroll;
}

table td, table th { overflow-wrap: anywhere; }

a:link {
  text-decoration: none;
}

tr {
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
}

.tborder table, tr, td{ 
	
   border: 1px solid black;

        max-width: 100%;
 #       overflow: scroll;
}
.nmap {
        text-align: center;
        margin-right: 16%;
        margin-left: 16%;
	background-color: #FDEDEC;
}
.left {
	position: absolute;
        left: 0px;
#	  width: 300px;
#  border: 3px solid #73AD21;
#  padding: 10px;
//        margin: auto;
}
.right {
	position: absolute;
        right: 0px;
#	  width: 300px;
#  border: 3px solid #73AD21;
#  padding: 10px;
//        margin: auto;
}
.center {
        text-align: center;
        margin: auto;
}

.lallign {
display: inline-block; 
	text-align: left;
//	margin: auto;
//	float: center;
}
.ssl {
column-count: 4;
//column-count: auto;
}
#container {
  display: flex;                  /* establish flex container */
  flex-direction: row;            /* default value; can be omitted */
  flex-wrap: nowrap;              /* default value; can be omitted */
  justify-content: center; /* switched from default (flex-start, see below) */
//  background-color: lightyellow;
}
#container > div {
  width: 500px;
  height: 100px;
// border: 2px dashed red;
}
#footer {
//    position: absolute;
//    bottom: 30px;
text-align: center;
//    width: 100%;
//}