.header {
    border: 4px solid black;
    border-style: groove;
    background-color: blue;
    color: white;
		text-align: left;
    font-family: "Helvetica";
}

.main {
	max-width: 90%;
	margin: auto;
}
.sidebar {
    color: black;
	padding-left: 4px;
	padding-right: 4px;
	margin-right: 4px;
	float: left;
	display: inline-block;
    font-family: "Helvetica";
    font-size: small;
}

.sidebar a {
	color: black;
}

.window {
    border-spacing: 0px;
    padding: 0px;
    border: 0px;
    background-color: #d4c6f4;
}

.content {
	color: black;
	width: 100%;
	max-width: max-content;
	display: inline-block;
	font-family: "Comic Sans MS";
}
.content img {
	max-width: 100%;
	max-height: 100%;
}

* {
	-ms-interpolation-mode: nearest-neighbor;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: -moz-crisp-edges;
	image-rendering: -o-pixelated;
	image-rendering: crisp-edges;
	image-rendering: pixelated;
}

.window-close {
	width: 18px;
}

.window-title-text {
	font-weight: bold;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10pt;
	color: black;
	height: 22px;
	width: 0px;
	overflow: visible;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 0px;
	margin: auto;
}

.window-button {
	background-image: url('../img/ui/WindowTop.gif');
	width: 0%;
}

.window-topleft {
	width: 6px;
	height: 22px;
}

.window-titlebar {
	background-image: url('../img/ui/WindowTop.gif');
	background-size: 22px;
	line-height: 0px;
	height: 22px;
}

.window-title-spacer {
	background-image: url('../img/ui/WindowTextSpacerCenter.gif');
	background-size: 22px;
	height: 22px;
	width: 45%;
	vertical-align: middle;
}

.list {
	width: 0%;
	display: inline-block;
}