html, body { margin: 0; padding: 0; font: Helvetica, Arial, sans-serif; color: #222222; }

body { max-width: 800px; margin: 0 auto; }
#mainwrap { margin-top: 2em; padding: 0 0.5em; padding-bottom: 1em; }

img { max-width: 100%; }

#logowrap { margin-bottom: 2em; }
#logowrap #narrowimage { display: none; }
#logowrap #wideimage { display: block; }

@media (max-width: 350px) {
	#logowrap #narrowimage { display: block; }
	#logowrap #wideimage { display: none; }
}

.datelistwrap { margin-top: 1em; }
.datelistwrap .datestart { font-weight: bold; }

p { line-height: 1.5; }

#footerwrap { margin-top: 2em; border-top: 1px dashed #CCCCCC; padding-top: 1em; }