#left {width: 700px; float: left}
#right {width: 270px; float: right; vertical-align:top;}

.pagenav {background-image: url(../pi/h2.gif); background-repeat: repeat-x; background-position: bottom; height: 40px; padding: 0; margin: -12px -12px 15px -12px}
.pagenav ul {margin: 0 auto; padding: 0}
.pagenav ul li {list-style-type: none; float: left}
.pagenav ul li a {display: block; float: left; color: #2d6da5; padding: 12px 15px; text-decoration: none; border-right: 1px solid #d5e3ec; background-image: url(../pi/h2.gif); background-position: bottom}
.pagenav ul li.here a {background-image: none; background-color: #FFFFFF; font-weight: bold; font-size: 14px}
.pagenav ul li a.last {border-right: 0}
.pagenav ul li a:hover {background-image: url(../pi/hover.gif); background-position: top; color: #333333}

#left .content h3  { font-size: 14px }
#left .content ul {margin: 20px; padding: 0; list-style: square}
#left .content ol {margin: 20px; padding: 0}