body {
	font-family: 'Times New Roman', Times, serif;
	font-size: 120%; 
	width: 660px;
    height: 684px;
    background-color: ivory;
    display: grid;
    grid-template-columns: 68px 266px 12px 266px 48px;
    grid-template-rows: 50px 18px 32px 244px 48px 276px 16px;
    grid-template-areas: 
        "logo hdbk hdbk hdbk exit"
        "logo hdbk hdbk hdbk ...."
        ".... hdch hdch hdch ...."
        ".... lcol ctln rcol ...."
        "prev lcol ctln rcol next"
        ".... lcol ctln rcol ...."
        ".... ftht ftht ftpo ....";
}  
nav.htmsimg {
    grid-area: logo;
    margin: 2px 2px 2px 2px;
}
nav.previmg {
    grid-area: prev;
    padding: 0px 2px 0px 18px;
}
header {
    grid-area: hdbk;
    border-left: 2px solid black;
    border-top: 2px solid black;
    border-right: 2px solid black;
    text-align: center;
}
section {
    grid-area: hdch;
    border-left: 2px solid black;
    border-right: 2px solid black;
    text-align: center;
}
#leftside {
    grid-area: lcol;
    border-left: 2px solid black;
    padding-left: 4px;
}
.centerline {
    grid-area: ctln;
    margin-left:6px;
    border-left: 2px solid black;
    margin-right: 6px;
    margin-bottom: 14px;
}
#rightside {
    grid-area: rcol;
    border-right: 2px solid black;
    padding-right: 4px;
}
#htms {
    grid-area: ftht;
    border-left: 2px solid black;
    border-bottom: 2px solid black;
	font-size: 0.7em;
    padding-left: 10px;
	padding-bottom: 4px;
    text-align: left;
    color: gray
}
#rwi {
    grid-area: ftpo;
    border-bottom: 2px solid black;
    border-right: 2px solid black;
	font-size: 0.7em;
    padding-right: 10px;
	padding-bottom: 4px;
    text-align: right;
	color: gray;
}
nav.idxsimg {
    grid-area: exit;
    margin: 2px 0px 24px 0px;
}
nav.nextimg {
    grid-area: next;
padding: 0px 6px 0px 14px;
};
}
.vsliteup {
    color: red;
}
.vsbkgnd {
    background-color: yellow;
}
del {
	color: violet;
	font-style: italic;
}