body {background-color: #f8f8f8; font: 1.3em/1.3 "Times", "Times New Roman", serif;}
.col {background-color: #fff; width: 38em; min-width: 38em; max-width: 38em; margin: 0em auto; padding: 1em 4em 4em;}
img {width: 100%; max-width: 100%; min-width: 100%; height: auto; clear: right;}

body, h1, p, ul, li, img {margin: 0em; padding: 0em;}
p + p, ul + p {margin-top: 1em;}
ul {padding-left: 1.2em; list-style-type: disc;}
h1 {margin-top: 2em; margin-bottom: 1em; font-size: 1.3em; font-weight: bold; color: #333;}
a {text-decoration: none;}
em {font-style: italic;}

.logo {margin: 1em auto 3.9em; float: right; width: 12em; min-width: 12em; max-width: 12em; font-weight: bold;}
.logo, .menu, h1 {font-family: "Helvetica", "Helvetica Neue", sans-serif;}
.menu {margin: 1.3em 0em 2.6em; text-transform: uppercase; letter-spacing: 0.1em; font-size: 0.75em; font-weight: bold;}
.menu .item {margin-right: 1.6em;}
.cite {text-align: right;}
.note {margin-top: 3.9em;}

.note, .cite {font-size: 0.8em;}
body, a:hover {color: #000;}
a .upper {color: #666;}
.note, .menu a, a:hover .upper, a:hover .lower {color: #999;}
a, a .lower, .menu a:hover {color: #c00;}