html, body {margin:0px; padding:0px; background:#fff; font-family:verdana; font-size:12px;}
/* The header and footer */
.headfoottop {display:block; height:178px; background:#ffffff; color:#111; text-align:center; padding:5px;font-size:11px;}
.headfoot {display:block; height:14px; background:#ffffff; color:#111; text-align:center; padding:5px;font-size:11px;}



.visibleDiv, #topLeft, #topRight, #bottomLeft, #bottomRight
{
    position: fixed;
    width: 150px;
    border: solid 1px #fff;
    vertical-align: middle;
    background: #fff;
    text-align: center;
}


/* This bit does all the work */
#container {position:relative; display:block; background:#fff; border-left:0px solid #fff; border-right:0px solid #fff;}
#inner {display:block; margin-left:0px; margin-right:0px; padding:0px;}
#left {float:left; position:relative; width:20%; text-align:right; left:-40px;}
#right {float:right; position:relative; width:40%; text-align:left; right:-40px;}
#center {margin-left:20%; margin-right: 40%; position:relative;text-align:center;  display:block; height:1%;}
.clear {clear:both;}

/* Just to extend each column */
#inner a:visited, a {color:#000; text-decoration:none; cursor:default;}
#inner a span {display:none;}
#inner a:active, #inner a:focus {color:#fff; text-decoration:none; background:transparent; cursor:default;}
#inner a:active span, #inner a:focus span {display:block;}

a:visited, a {text-decoration:underline; cursor:pointer;}
a:hover {text-decoration:none; cursor:pointer;}

em {font-weight:bold;}