body { margin: 20px auto; width: 800px; background: #fff; font-family: Verdana, Helvetica, Arial, Sans Serif; font-size: .9em; }
h1 { font-size: 1.1em; margin-top: 0; }

img.floatright { float: right; margin: 10px; }
img.floatleft { float: left; margin: 10px; }

#banner { margin-bottom: 20px; }

#colleft { text-align: center; width: 135px; float: left; font-size: .75em; font-weight: 700; }
#colleft a { text-align: left; margin: 0 5px 0 0; background: #e7e7e7; color: #c33; padding: 10px 0 10px 20px; font-size: medium; display: block; text-decoration: none; }
#colleft a:hover { background: #c33; color: #fff; }

#colright { font-size: .8em; width: 110px; border-top: 1px solid #999; border-left: 1px solid #999; float: right; padding: 5px 0 100px 5px; }

#dog { margin: 70px 0 0 -5px; }

#workspace { text-align: justify; margin: 0 135px 0 135px; padding-left: 10px; border-left: 3px double #999; }

#footer { margin: 40px 85px; border-top: solid #999 1px; color: #c33; text-align: center; font-size: .7em; padding: 5px 0; }

p { line-height: 140%; }