.head/* The header */
 {
	display:block;
	color:#669900;
	text-align:center;
	height: 7px;
	background-color: transparent;
}
.foot/* The footer */ {
	display:block;
	height:40px;
	background-color:#669900;
	color: #486A00;
	font-size: 65%;
	vertical-align: bottom;
}


/* This bit does all the work */
#container {
	position:relative;
	display:block;
	border-right-width: 20px;
	border-left-width: 139px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #99CC00;
	border-left-color: #99CC00;
	background-color: #99CC00;
}
#inner {
	display:block;
	margin-left:-139px;
	margin-right:-20px;
	padding:5px;
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #486A00;
	border-left-color: #486A00;
}
#left {
	float:left;
	position:relative;
	width:139px;
	left:0px;
}
#right {
	float:right;
	position:relative;
	width:30px;
	right:0px;
	height: 520px;
	margin-top: 102px;
}
#center {
	margin-left:139px;
	margin-right:20px;
	position:relative;
	display:block;
	height:1%;
	margin-top: 102px;
}
.clear {
	clear:both;
	background-color: #99CC00;
	border-right-width: 2px;
	border-right-color: #486A00;
	border-bottom-width: 2px;
	border-bottom-color: #486A00;
}

/* Just to extend each column */
#inner a:visited, a {;}
#inner a span {display:none;}
#inner a:active, #inner a:focus {background:transparent;}
#inner a:active span, #inner a:focus span {display:block;}