I have this rectangle of color that's out of place on one of my web pages. I've tried a number of things to edit and get rid of it. I'm using Site Studio as a foundation for my website, but I have a little knowledge of HTML. Like I say, I'm a noob to the forum and a noob to site building. I'm on a lot of forums, but this is the only tech forum I'm on concerning websites and design. I'm an expert in a few areas not concerning websites, and I always say there are no stupid questions. This one however might be, and I'd appreciate any help with getting rid of that strange block of color on this page:
http://www.artemisarms.com/services.html

Tip for finding html problems, use a tool like Chrome, right click the problem and select 'Inspect Element'. In takes you to the general area.

In this case, it appears that you have a table that contains your main content. One column contains the text, and a second column for alignment/future use... or something. In side that second column, you have a div. Delete that div. The color actually looks like it is coming from a table nested in that div.

Now that was a fast response! Tools like Chrome. I guess I don't have many tools at my disposal........yet. I'll look it up though.

In this case, it appears that you have a table that contains your main content. One column contains the text, and a second column for alignment/future use... or something. In side that second column, you have a div. Delete that div. The color actually looks like it is coming from a table nested in that div.

This actually makes some sense to me, and I'm going to go after it right now. Thanks for the time and advice!
Maybe that will also fix the page width which I know is too wide.

Well, I've tried a few edits on the code for the page. I'm obviously not doing something right, and I'm maybe a bit conservative as to how much I do in one strike so as not to loose anything important. I'll keep trying though and your advice did lead me in the right direction. I do see a table aligned to the right. I just need to strike enough lines and the right ones. Thanks again.

I would suggest installing the Firebug extension for Firefox rather than relying on Chrome's tool, which isn't nearly as good as Firebug.

The problem is coming from this:

</td>
<td width="210" valign="top" align="left">
<div align="right">
<table bgcolor="#420D0C" border="0" cellpadding="0" cellspacing="0" width="205">
<tr>
<td>
<p style="line-height: 16pt; margin-left: .1in">&nbsp;&nbsp;<br>

</p>
<p>&nbsp;</td></tr>

You REALLY need to get away from all those nasty, nasty nested tables.. horrible way to do web sites - - very 1995!

I've installed the Firebug and added the HTML validator to my tools. Thanks for the advice. This helps me a lot.

This is the code from the page source for your bottom right corner..
.roundedcornr_bottom_563412 div {
background: url(image/roundedcornr_858928_br.gif) no-repeat bottom right;
}Get rid of "div" to correct that issue..

The rest.....check your table widths.