html, body {margin:0px; padding:0px; background:#eee; font-family:verdana; font-size:12px;}
/* The header and footer */
.head {display:block; height:95px; background:url(clip8_31d.jpg); color:#fff; text-align:center; padding:5px;font-size:20px;}

.foot {display:block; height:45px; background:#08a; color:#fff; text-align:center; padding:5px;font-size:15px;}

/* This bit does all the work */
#container {position:relative; display:block; padding-left:5px; background:#99cc00; border-left:317px solid #aa8; border-right:312px solid #996633; overflow:visible;}
#left {float:left; position:relative; width:307px; margin-left:-317px; padding-left:5px; display:inline;}
#right {float:right; position:relative; width:307px; margin-right:-315px; padding-left:10px; display:inline;}

.clear {clear:both;height:1px;overflow:hidden;}
a:visited {color:#000;}
/* Just to extend each column */
#container a:visited, a {color:#000;}
#container a span {display:none;}
#container a:active, #container a:focus {color:#fff; background:transparent; cursor:default;}
#container a:active span, #container a:focus span {display:inline; left:0;}

em {font-weight:bold;}