body {background-color: #ccccff;

	max-width: 1400;
	
            width: 100%;
            margin: 0px auto;
	    text-align: left;


}
h1   {color: blue;}
p    {color: red;}

table {
    border-spacing: 10px;
}

a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}



.divTable{
	display: table;
	width: 100%;
	background-color: white;
}
.divTableRow {
	display: table-row;

	border-bottom: 1px solid black;

}
.divTableHeading {
	background-color: white;
	display: table-header-group;
}
.divTableCell, .divTableHead {
	border: 1px solid white;
	border-bottom: 1px solid grey;

	background-color: white;

	display: table-cell;
	padding: 3px 10px;
	vertical-align: top;

}.divTableCell2 {	background-color: white;	display: table-cell;	padding: 3px 10px;	vertical-align: top;}
.divTableCellimage {
	border: 0px solid #999999;
	display: table-cell;
	padding: 3px 10px;
	vertical-align: center;

}

.divTableCell1 {
	border: 0px solid #999999;
	display: table-cell;
	padding: 3px 10px 0px 150px;	
}

.divTableHeading {
	background-color: white;
	display: table-header-group;
	font-weight: bold;
}
.divTableFoot {
	background-color: white;
	display: table-footer-group;
	font-weight: bold;
}
.divTableBody {
	display: table-row-group;
}

.startright{

	text-align: right;
	font-size:20px;
	vertical-align: bottom;

}

.startleft{

	text-align: left;
}

.ending1{

	text-align: center;

}
.foreground1{
	
	background-color:white;

}

.container {
  display: flex;
  flex-flow: row nowrap; /* Align on the same line */
  justify-content: space-between; /* Equal margin between the child elements */
vertical-align: bottom;

}

.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

/* Style the buttons that are used to open the tab content */
.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
}

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
    background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}



ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #822;
}

li {
    float: left;
}

li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

/* Change the link color to #111 (black) on hover */
li a:hover {
    background-color: black;
} 


.scroll-wrapper {
	
  	-webkit-overflow-scrolling: touch;
  	overflow-y: scroll;
	/* important:  dimensions or positioning here! */
}

.scroll-wrapper iframe {
	/* nada! */
height: 100%;
width: 100%;
}

.content {
    max-width: 800px;
    margin: auto;
}