Image not postioned correctly

Question

I have 2 images inserted on either side of this portion of my site, but the image on the right side is showing up too low. I've inserted an image of this, because I'm not ready to upload the changes to my site yet. If you need to see the code, do I just copy it into TextEdit and attach it?
I've validated this file through validator.w3.org but it comes up with no errors.
Thank you for any assisstance, you've all been a huge help to this newbie!

Answer 1

What you have got is a container with 3 columns. Problem is that you have not assigned a centre column.
1. On or about line 430 add
<div id="main3Center">
2. On or about line 452 add
</div>
Now we need to adjust the CSS
Have a look at the following and adjust yours accordingly
#main3 {
    width: 1100px;
    /*height: 640px;*/
    float: left;
    background-color: #556c70;
#main3Center {
    width: 500px;
    float: left;
#main3left {
    width: 300px;
    /*height: 640px;*/
    float: left;
    background-color: #556c70;
.main3leftimage img {
    /*display: inline;*/
    /*float: left;*/
    padding-top: 120px;
   /*padding-left: 50px;*/
   display: block;
    margin: auto;
#main3right {
    width: 300px;
   /*height: 640px;*/
    /*float: left;*/
    float: right;
    background-color: #556c70;
.main3rightimage img {
    /*display: inline;*/
    /*float: right;*/
    padding-top: 120px;
   /*padding-right: 50px;*/
    display: block;
    margin: auto;