Column Width Help

Hi, I’m a complete novice here so I hope I am able to convey my issue.

I currently use two page page templates; one is 3-Columns, the other is 2-Columns.

However, the main content column remains the same size in width for both the 2-Column and 3-Column page layouts.

3-Column example: https://vuhoops.com
2-Column example: https://vuhoops.com/recruiting/

I noticed that they both reference the same Div Content in the style.css.

#content {
width: 960px;
margin: 0px auto 0px;
padding: 20px 0px 0px 0px;
}

So I created a new #content2 that looked like this for the 2-Column Page template…
#content {
width: 1200px;
margin: 0px auto 0px;
padding: 20px 0px 0px 0px;
}

But that messes it up because that makes the width of all of the columns (in total) to 1200px. Any ideas or help?

Thanks so much.