#base { width:100%; min-width:740px; text-align:left; position:relative; margin:auto; background:#ffffcc; min-height:500px }
#page { position:relative; min-height:500px; }

#col_left { position:relative; float:left; width:180px; background:#908d5a; }
#col_left>div { padding:0px; }

#col_right { position:absolute;right:0;top:0; background:#AB1D2B;z-index:10; }

#col_middle { padding:1px;width:800px;position:relative;float:left;background:#ffffcc; font-size: 1.1em; }
#col_middle>div { padding:10px;margin: -2px 0 0 -2px }



/* V2 */

html, body {margin:0px; padding:0px; font-family:arial;}
/* The header and footer */
.headfoot {display:block; height:70px; color:#fff; text-align:center; padding:5px;}

/* This bit does all the work */
#container { position:relative; display:block; border-left:179px solid #aa8; border-right:150px solid #a8a; overflow:visible; background:#ffffcc;}
#left {float:left; position:relative; width:180px; margin-left:-179px; display:inline; background:#908d5a;overflow:hidden}
#right {float:right; position:relative; width:150px; margin-right:-150px; display:inline; background:#49606e}
#right { position:absolute;right:0;top:0; background:#49606e;z-index:10; }

.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;}