html { background-image: url('images/page-background.png'); }

#hd { height: 90px; }
#hd td.left { width: 20px; height: 90px; background-image: url('images/header.png'); background-repeat: no-repeat; }
#hd td.center { width: 934px; height: 90px; background-image: url('images/header.png'); background-position: 0 -90px; background-repeat: repeat-x; text-align: center; }
#hd td.right { width: 20px; height: 90px; background-image: url('images/header.png'); background-position: 0 -180px; background-repeat: no-repeat; }

#hd h1 { color: white; font-size: 320%; font-weight: bold; }

#bd { margin-top: 1em; }

#bd td.tl { width: 20px; height: 20px; background-image: url('images/body-corners.png'); background-repeat: no-repeat; }
#bd td.tc { height: 20px; background-image: url('images/body-topbottom.png'); background-repeat: repeat-x; }
#bd td.tr { width: 20px; height: 20px; background-image: url('images/body-corners.png'); background-position: -20px 0; background-repeat: no-repeat; }
#bd td.cl { width: 20px; background-image: url('images/body-leftright.png'); background-repeat: repeat-y; }
#bd td.cc { width: 934px; background-image: url('images/body-center.png'); }
#bd td.cr { width: 20px; background-image: url('images/body-leftright.png'); background-position: -20px 0; background-repeat: repeat-y; }
#bd td.bl { width: 20px; height: 20px; background-image: url('images/body-corners.png'); background-position: -40px 0; background-repeat: no-repeat; }
#bd td.bc { height: 20px; background-image: url('images/body-topbottom.png'); background-position: 0 -20px; background-repeat: repeat-x; }
#bd td.br { width: 20px; height: 20px; background-image: url('images/body-corners.png'); background-position: -60px 0; background-repeat: no-repeat; }

#map { float: right; margin-left: 1em; width: 650px; height: 550px; }

#bd h1 { padding-bottom: 0.5em; font-size: 197%; font-weight: bold; }
#bd h2 { padding-bottom: 0.5em; font-size: 138.5%; font-weight: bold; }
#bd p { padding-bottom: 1em; }

#bd table.item { background-color: #fff; border: 1px dotted green; cursor: pointer; }
#bd table.item td { vertical-align: top; }
#bd table.item img.thumb { float: left; margin-right: 1em; padding: 2px; }
#bd table.item div.text { margin-right: 1em; padding: 2px; }

#bd .spacer { clear: both; padding-top: 0.5em; }
#bd .logpara { clear: both; padding-top: 0.5em; border-top: 1px dashed #aaa; }
#bd .logpara h1.date { float: right; color: #aaa; }
#bd .logpara img.thumbleft { float: left; margin-right: 1em; padding: 2px; }
#bd .logpara img.thumbright { float: right; margin-left: 1em; padding: 2px; }

#ft { margin-top: 1em; margin-bottom: 1em; color: #888; font-size: 77%; text-align: center; }