
<!-- change -->

body {
/*	padding: 1em 1em 15em 5em;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 20%;
	width:100%; */
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}  

#content {

}

ul.crossfade {
	padding: 0;
	margin: 0;
	list-style: none; 
	position:inherit;
	
/*	width: 260px;
	height: 270px;  */
	height: 231px;
	top: 0;
	left: 0;
	right: 0; 
	bottom: 0; 
}  
#fade-example-3 {
	border: 3px solid #000;
}
<!-- change -->
#fade-example-1 li,#fade-example-2 li {
	position:absolute;
	top: 0;
	left: 0;
    top: 0;
	right:0;
	bottom: 0;
/*	width: 270px;
	height: 231px; */
/*	width: 270;
	height: 232; */
/*	background-color: #FFF;
	visibility: hidden; */
} 
#fade-example-3 li {
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden;
}
li img {
	display: block;
/*	border: 3px solid #FFF; */
    border:0px;
}
.caption {
	clear: both;
	padding: 1em;
	background-color: #FFF; 
}
/*
table.sample {
    border-width: 1px 1px 1px 1px;
    border-spacing: 2px;
    border-style: outset outset outset outset;
    border-color: gray gray gray gray;
    border-collapse: separate;
    background-color: white;
	height:270px;
	width:270px;
} 


table.sample td.aaa {

	height:232px;
	width:270px;
    border-style: inset inset inset inset;
    border-color: gray gray gray gray;
    background-color: white;
    -moz-border-radius: 0px 0px 0px 0px;
} */
<!-- changer -->
.example {
/*	position: relative; 
	background-color:#F2F2F2;
	border:5px solid #CCCCCC;
	padding:1em;
	margin-bottom: 1em; */
	width: 300px;
	height: 450px;
}
.example-r {
	position: relative;
	background-color:#F2F2F2;
	border:5px solid #CCCCCC;
	padding:1em;
	width: 270px;
	margin-bottom: 1em;
}
code {
	font-family: monospace;
	font-size: 1.2em;
}

.control {
	position: static ;
/*	z-index: 100;  */
	cursor: pointer;
	font-size: 2em;
	font-weight: bold;
/*	color: red;  */
	left: 487px;
	
}
/*
.control {
/*	position: fixed; 
   position:static;
	cursor: pointer;
/*	z-index: 100;  
	cursor: pointer;
	font-size: 2em;
	font-weight: bold;
	color: #FFF; 
}  */
#fade-example-1-next {
	right: 8%;
	top: 71%;
}
#fade-example-1-previous {
	left: 6%;
	top: 71%;
}
.ajax {
	margin: 3em;
	border: 1em solid #FF8C00;
	padding: 1em;
}

.brown-border-left { border-left:#C29F6D solid 2px; } 
.brown-border-right { border-right:#C29F6D solid 2px; }
.bottombg {background:url(/images/site elements/corn_bottom_cent.jpg) repeat-x;}