body { background-color: #FFFFFF; background-image: url("http://ottawa.overnow.com/puzzle.jpg"); font-family: tahoma, verdana, sans-serif; font-size: 70%; padding: 0; margin: 0; padding-top: 20%; }
/* this is the bit that does our horizontal and vertical centering */
#all { position: absolute; top: 50%; left: 0px; width: 100%; margin-top: -260px; text-align: center; min-width: 600px; }
#inside { position: relative; text-align: left; width: 660px; height: 550px; margin: 0px auto; }
/* thus ends the centering part */
/* now we'll do the left column */
#left { width: 150px; height: 498px; background-color: #663366; vertical-align: top; border: 1px solid #000000; color: #FFFFFF; float: left; text-align: center; }
#left a:link { color: #FFCC00; text-decoration: none; font-weight: bold; }
#left a:visited { color: #FFCC00; text-decoration: none; font-weight: bold } 
#left a:hover { color: #CC9900; text-decoration: underline; font-weight: bold }
#left input { font-family: tahoma, verdana, sans-serif; font-size: 100%; color: #993300; background-color: #F6ECCC; }
#leftcontent { width: 110px; text-align: left; margin-left: auto; margin-right: auto; }
.lefthead { font-weight: bold; }
/* and the right as well */
#right { width: 500px; height: 498px; vertical-align: top; background-color: #E1E2E7; border: 1px solid #000000; color: #000000; margin-left: 153px; }
#rightbox { width: 490px; height: 480px; overflow: auto; margin-left: auto; margin-right: auto; padding-top: 10px; }
#rightmenu { width: 120px; vertical-align: top; border: 3px double #6B4848; font-family: tahoma, verdana, sans-serif; font-size: 100%; color: #000000; float: right; padding: 2px; background-color: #B79494; }
a { text-decoration: none; color: #663366; }
a:link { color: #CC3300; }
a:visited { color: #CC3300 }
a:hover { color: #CC3300; text-decoration: underline; }
a:active { color: #990000 }
hr.divide { margin-left: auto; margin-right: auto; width: 80%; height: 1px; color: #993300; }
.input { font-family: tahoma, verdana, sans-serif; font-size: 100%; }
.feature { width: 75%; margin-left: auto; margin-right: auto; background-color: #D0D1D6; padding: 17px; border-top: 1px dotted #999999; }
.small { font-size: 90%; }
h1 { font-family: tahoma, verdana, sans-serif; font-size: 150%; font-weight: bold; }
h2 { font-family: tahoma, verdana, sans-serif; font-size: 120%; font-weight: bold; }