body { margin: 0; padding: 0; font-family: verdana, arial, sans-serif; font-size: 70%;  }

.clear { clear: both; }

h1 { color: #000; padding: 0 0 15px 0; margin: 0; font-size: 150%; }
p { padding: 0 0 10px 0; margin: 0; }
ul { margin-top: 0; padding-top: 0; }

.header { width: 882px; height: 268px; margin: 0px auto; margin-top: 5px; border: 1px solid #000; border-bottom: 0; background: url(images/hsa2.jpg) center no-repeat; }

/* A little change below - when you set a margin with 2 values, the first is used for top and bottom, the second is used for right and left, but on this you only wanted the
margin at the top and left, so I've set it to 0 for the bottom and the right */

.header p { margin: 236px 0 0 20px; font-size: 130%; font-weight: 600; }
.header a:link  {	color: #000000; text-decoration: none;}
.header a:visited { color: #000000; text-decoration: none }
.header a:hover { color: #91C73E; text-decoration: none }
.header a:active { color: #000000; text-decoration: none } 


.main {width: 842px; margin: 10px auto; margin-top: 0px; border: 1px solid #000; border-top: 0; background: #fff; padding: 20px 20px 0 20px;}

.content {background: #fff;}
.content .left {width: 300px; margin: 0px auto; margin-top: 0px; padding: 0 0 0 0px; float: left}

/* It looks like you used a top margin on the right column to be the same height as the heading on the left to get them to line up, this rarely works as the spacing
is always slightly different in some browsers, so what I did is move the <h1> in the html so it is before the left column, and then removed the top padding from the
right column. */

.content .right { width: 0px; margin: 0px auto; margin-top: 0px; padding: 0 0 0 25px; float: left }


/* I've changed the border definition, writing border: 1px solid #64C5E6; is the same as border: 1px solid; border-color: #64C5E6; */

.content .left img { padding: 4px 4px 4px 4px; border: 1px solid #64C5E6; margin: 10px 0 0 0}
.content .right img { padding: 4px 4px 4px 4px; border: 1px solid #64C5E6; margin: 10px 0 0 0}
.content p { line-height: 150%; }

.infobox { width: 490px; height: 255px; border: 1px solid #E4EFF3; padding: 0px 0px 8px 0px; margin: 10px 0 12px 0}
.infobox h1 { padding: 6px 4px 6px 12px; background: #E4EFF3;  margin: 0; font-size: 160%; font-weight: 400}
.infobox p { padding: 10px 4px 0px 16px; font-size: 110%; line-height: 120%; }
.infobox ul { margin: 10px 0 5px 24px; padding: 0px 4px 0px 5px; font-size: 120%; list-style-type: square;}

.footer {}
.footer p { font-size: 80%; padding: 1px 0 20px 0; text-align: center; }