html, body {margin:0px; padding:0px; background:#eee; font-family:verdana; font-size:12px;}
/* The header and footer */
.headfoot {display:block;/* height:70px;*/ /*background:#08a; color:#fff; text-align:center; padding:5px; font-size:30px;*/}

/* This bit does all the work */
#container {position:relative; display:block; background:#0ac; border-left:210px solid #31548A; border-right:198px solid #31548A; overflow:visible;}
#left {float:left; position:relative; width:210px !important; margin-left:-210px; display:inline; margin-top:-1px}
#right {float:right; position:relative; width:198px; margin-right:-198px; display:inline; margin-top:-1px}

.clear {clear:both;height:1px;overflow:hidden;}
a:visited {color:#000;}
/* Just to extend each column */
#container a:visited, a {color:#000; text-decoration:none;}
#container a span {display:none;}
/*#container a:active, #container a:focus {color:#fff; text-decoration:none; background:transparent; cursor:default;}
#container a:active span, #container a:focus span {display:inline; left:0;}
*/
.comment {text-align:center;}
.comment a {text-decoration:underline;}
em {font-weight:bold;}