html {overflow-y: scroll}
body {font: 12px/18px "Courier New", Courier, monospace; color: #333}
* {margin: 0; padding: 0}

a {color: #333}
p {margin-bottom: 18px}
h2 {font-size: 12px; color: #C00; margin-bottom: 12px}
.small {font: 10px Arial, sans-serif; color: #333}

#page {margin: 0 auto; width: 800px; position: relative}
#header h1 {font-size: 24px; text-transform: uppercase; margin: 20px 25px 0; letter-spacing: 15px}

.menu {list-style: none; text-align: center; margin-top: 5px}
.menu li {display: inline}
.menu a {text-decoration: none}
.menu a:hover {text-decoration: underline}
.menu a.sel {text-decoration: underline; font-weight: bold; font-size: 13px}
.menu span {margin: 0 5px}
#mainmenu {border-bottom: 2px dashed #333; text-align: left; padding: 8px 25px; margin-bottom: 5px}

#content {min-height: 600px}

#homeImg {margin-top: 50px; text-align: center}
#bioText {margin: 50px 25px 25px}
#bioText span {margin-left: 22px}
#workImg {margin-top: 10px; text-align: center; color: #C00}
#workImg.publ img {margin-top: 50px}
#workText {margin: 38px 20px 20px 110px; width: 580px}
#workText.inst {margin-top: 14px}
#friendsText {margin: 50px 25px 25px}
#friendsText  h2 {margin: 36px 0 6px}
#friendsText  p {margin-bottom: 12px}
#friendsText strong {color: #C00}

#paging {position: absolute; right: 20px; top: 220px; width: 80px; height: 350px}
#paging.publ {height: 250px}
#paging p {text-align: center; margin: 0}
#paging ul.menu {width: 18px; margin: 0 auto 10px}
#paging  li {display: block; text-align: right}
#paging a#prev, #paging a#next {font-size: 20px; font-weight: bold; text-decoration: none; position: absolute; bottom: 0}
#paging a#prev {left: 0}
#paging a#next {right: 0}

#textLinks {position: absolute; left: 25px; top: 120px}
#textLinks ul.menu {margin-top: 0}
#textLinks li {display: block; text-align: left}

#footer {border-top: 2px dashed #333}
#footer p {margin: 10px 25px}