[ScrapOrchard]

For starters, the align="left" in your image is probably not necessary, this usually only is used if there is text that you want to wrap around the image.

Second, I would rename your image files so there aren't any spaces.

Lastly, if you are familiar with CSS, create a class for a div and float it to the left in your CSS file, like:

div.lentBanner550 {
float: left;
width: 550px;
}

div.lentBanner180 {
float: left;
width: 180px;
}

then replace the existing code with:

<div class="lentBanner550"><img align="left" alt="Antiochian Village Bookstore and Giftshop" height="200" src="http://store.antiochianvillage.org/skin1/images/Custom/Lent Banner Left.gif" width="550" /></div>

<div class="lentBanner180"><a href="http://store.antiochianvillage.org/Newsletters_and_Promotions.html"><img alt="Sign up for our newsletter" height="100" src="http://store.antiochianvillage.org/skin1/images/Custom/Lent Banner Right Lower.gif" width="180" /></a></div>



If you aren't familiar with CSS, I would just replace the existing code with something like:

<div style="float: left;"><img align="left" alt="Antiochian Village Bookstore and Giftshop" height="200" src="http://store.antiochianvillage.org/skin1/images/Custom/Lent Banner Left.gif" width="550" /></div>
<div style="float: left;"><a href="http://store.antiochianvillage.org/Newsletters_and_Promotions.html"><img alt="Sign up for our newsletter" height="100" src="http://store.antiochianvillage.org/skin1/images/Custom/Lent Banner Right Lower.gif" width="180" /></a></div>



It may or may not produce the desired results, but hopefully this will get you started.