body {
	background-color: #DDF2cd;
	margin:0;
	padding:0;
}

#wrapper {
	width:770px;
	margin:auto;
	height: 700px;
	margin-top: 10px;
}

#wrapperlefttop {
	width: 130px;
	position: absolute;
	z-index: 1;
	float:left;
	top: 30px;
}
#wrapperleftbot {
	width: 130px;	
	position:absolute;
	z-index: 2;
	float:left bottom;
	top: 150px;
}

#wrapperright {
	width: 630px;
	height: auto;
	z-index: 3;
	top:20px;
	background-color: #ffffff;
	border:2px solid;
	float: right;
	border-left-color: #869778;
	border-bottom-color: #000000;
	border-right-color: #B2C89E;
	border-top-color: #FCF9BB;
}

#content { width:626px; height:auto;}

#nav {
	margin-left: 0px;
	height: 25px;
	background-color: #EBE8AA;
	border-top:1px solid #F2EFB1;
	border-right:1px solid #ffffff;
	border-bottom: 3px solid #336699;
	padding-top: 15px;
}

#vnav {
	width: 130px;
	height: 150px;
	z-index: 1;
	margin-left:0;
	padding-top: 0px;
	position: absolute;
	float:left;
	top:50px;
}

#footer {
	margin-left: 0px;
	background-color: #336699;
	border-bottom: 2px solid #000000;
	color: #ffffff;
	border-right: 2px solid #4284CD;
	border-top: 2px solid #4284CD;
}

.left1515 { float:left;margin: 15px;}
.right1515 {float:right;margin: 15px;}
.rightbot1015 {float:right;margin: 15px;}


<!--test area------------------------->

<!--div #wrapperlefttop {	
	/* 1) WinIE 5/5.5 value first:*/
	/*background-color:red;
	voice-family: "\"}\"";
	voice-family: inherit;
	background-color:yellow;}
	/* 2) Then the correct value next 2 timess:*/
/*               html>div#wrapperlefttop{ 
	background-color:yellow;
 }-->
	font-stretch: narrower;
	font-stretch: condensed;