/*layout */

body {
	font: 80%/1.3 Verdana,Arial,sans-serif Geneva, Arial, Helvetica, sans-serif;
	text-align:left;
	vertical-align: top;
	}

#nav a:link {
	color: #FFFFFF;
	text-decoration: none;
}
#nav a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#nav .style4 {color: #FFFFFF}
body,td,th {
	color: #FFFFFF;
}
#nav a:hover {
	text-decoration: underline;
}
#nav a:active {
	text-decoration: none;
}

a:link {
	color: #9966CC;
	text-decoration: none;
}
a:visited {
	color: #9966CC;
	text-decoration: none;
}
.style4 {
	color: #000000
}
body,td,th {
	color: #000000;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}
#container{
margin:0px auto 0px auto;
border: 0px solid #6512A3;
width: 850px;
}
<style type="text/css">

/* content blocks */

#container #content #examples{

	width:80%;
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	vertical-align: bottom;	
	position: relative;
	clear:left;
	
}

div.float {
float: left;
margin:4px
}
div.float p {
text-align:center;
 }

 .examples img {
float:left;
position:relative;
margin:0;
margin-right:10px;
}
#container #footer {margin:0px;padding:0px;}
#container #header {margin:0px;padding:0px;}
#content {
	width:800px;
	text-align:left;
	margin-right:20px;
	margin-left:20px;
	margin-top:28px;
	min-height:300px;
	margin-bottom:0px;
_	height:300px;
padding:0px;
/*background-color:#00CC99;*/
}
p{margin-top:0px;
margin-bottom:20px;}
h1,h2,h3{
	color: #9B6EA0;
	margin-left:0px;
	font-family: "Verdana", Arial, sans-serif;
	font-size: 190%;
	font-style: italic;
	font-weight: normal;
	font-variant: normal;
}
h2{font-size:150%}
h2{font-size:150%}
h3{font-size:110%}
h4{font-size:90%}
.small { font-size: 0.8em; font-family: Verdana,Arial,sans-serif Geneva, Arial, Helvetica, sans-serif; font-style: normal; color: #333333}