body {background-color: #f8f8f8; font: 1.0em/1.5 "Lucida Sans", sans-serif;}

.col {background-color: #fff; width: 40em; min-width: 40em; max-width: 40em; margin: 2em auto; padding: 1em 4em 2em;}

img {width: 100%; max-width: 100%; min-width: 100%; height: auto; clear: right;}

body, h1, h2, p, ul, li, img {margin: 0em; padding: 0em;}
h2, p + p, ul + p, ul + ul {margin-top: 1em;}
h1 {margin-top: 2em; margin-bottom: 1em;}
ul {padding-left: 1.2em; list-style-type: disc;}
.logo .sub {margin-top: 0.5em;}

h1, h2, .logo, .menu, .note {font-size: 1em;}
.logo .sub, .logo .subsub, .note {font-size: 0.8em;}

a {text-decoration: none;}
.logo .sub, .logo .subsub, .add {font-family: "Lucida Sans"; font-weight: normal;}
.logo .sub {font-weight: bold;}
.add {font-family: "Lucida Sans"; font-style: normal;}
h1, .logo {font-family: "Lucida Sans Bold"; font-weight: bold; font-style: normal;}
h2, em, .logo .subsub {font-family: "Lucida Sans Italic"; font-style: italic; font-weight: normal;}

body, .logo .sub, .logo .subsub {color: #333;}
a:hover, .menu, .menu a, .note {color: #888;}
a, .logo, .menu a:hover {color: #f50;}

.logo {margin: 0em auto 4.5em; float: right;}
.logo .box {width: 15em; min-width: 15em; max-width: 15em;}

.menu {margin: 1em 0em 4em;}
.menu .item {margin-right: 1.5em;}

.cite {text-align: right;}

.note {margin-top: 4em;}