html, body {margin:0px; padding:0px; background:#fff; font-family:verdana; font-size:12px;}
/* The header and footer */
.head {display:block; height:150px; background: url(/images/head_bg.gif); color:#369; text-align:center; padding:5px;font-size:30px;}
.foot {display:block; height:70px; background:#fff; color:#00f; text-align:center; padding:5px;font-size:30px;}

/* This bit does all the work */
#container {position:relative; display:block; background:#fff; border-left:225px solid #aa8; overflow:visible; }
* html #container {display:inline-block;}
#left {float:left; position:relative; width:198px; margin-left:-197px; display:inline;}
* html #left {width:197px;}
#right {float:right; position:relative; width:198px; margin-left:-197px; display:inline; text-align: center;}
* html #left {width:197px;}


.clear {clear:both;height:1px;overflow:hidden;}
a:link, a:visited {color:#fff; text-decoration:none;}
a:hover {color:#f00;}
/* Just to extend each column 
#container a:link, #container a:visited {color:#fff; text-decoration:none;}
#conatiner a:hover { color: #000; }
#container a span {display:none;}
#container a:active, #container a:focus {color:#f00; text-decoration:none; background:transparent; cursor:default;}
#container a:active span, #container a:focus span {display:block;}*/

.comment {text-align:center;}
.comment a {text-decoration:underline;}
em {font-weight:bold;}