#leftImage
{
    background-image: url('../images/logo.gif');
}
#centreImage
{
    background-image: url('../images/ms1.jpg');
}
#rightImage
{
    background-image: url('../images/ms2.jpg');
}

.section1
{
	display:flex;
	flex-direction:column;
	align-items:center;
}

.subSection
{
	margin-left:0px; //let flex justification do its job
}

@media(min-width:800px)
{
	.subSection
	{
		width: calc(100% - 160px);
	}
}

.unformattedTable
{
    margin-left:140px;
    border:0px solid black;
    margin-bottom:0px;
}

.unformattedTable .col1
{
    vertical-align:top;
    font-weight:bold;
}
.unformattedTable .col2
{
    text-align:right;
    vertical-align:top;
    min-width: 4em;
}
.unformattedTable .col3
{
    padding-left:1.5ex;
}
.unformattedTable .tallRow
{
    padding-top:10px;
}

@media(max-width:561px)
{
    .unformattedTable
    {
        margin-left:10px;
    }
}