Here's your new code/css. I don't know what youre going to do with the masthead as it will need redesigning to take account of the extra width.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>CURMath</title>
<link rel="Shortcut Icon" href="favicon.ico">
<style type="text/css">
<!--
@import url("main.css");
-->
</style>
<style>
/* CSS Document */
/*Begin: Body----------------------------------------------------------------- */
body {
background-image: url(resources/bkgd.gif);
background-color: #666666;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
text-align: center;
font-size: 14px;
font-family:Arial, Helvetica, sans-serif;
}
.articleTitle{
font-family:Arial, Helvetica, sans-serif;
padding-bottom: 5px;
font-size: 24px;
height: auto;
}
.article{
margin-left: 20px;
padding-bottom: 20px;
height: auto;
}
/*End: Body----------------------------------------------------------------- --*/
/*Begin: Link----------------------------------------------------------------- */
a:link {
color: #333333;
text-decoration: underline
}
a:visited {
color: #666666;
}
a:hover {
color: #666666;
}
a:active {
}
/*End: Link----------------------------------------------------------------- --*/
/*Begin: Main Layer-----------------------------------------------------------*/
#container {
margin: 0 auto; /* align for good browsers */
text-align: left; /* counter the body center */
width: 980px;
}
.layerMain{
color:#000000;
width: 980px;
height: 100%;
padding-left: 0px;
background-color: #FFFFFF;
background-image: url(resources/layerBkgd.jpg);
position: relative;
}
/*End: Main Layer-------------------------------------------------------------*/
/*Begin: Banner--------------------------------------------------------------- */
.title{
position: relative;
margin: 0;
top: 0px;
left: 0px;
width: 980px;
height: 150px;
background-image: url(resources/titleBkgd.jpg);
overflow: hidden;
}
/*End: Banner--------------------------------------------------------------- --*/
.pageMain{
position: relative;
top: 5px;
left: 5px;
width: 975px;
height: 100%;
}
.content{
position: relative;
top: 0px;
left: 220px;
width: 720px;
height: auto;
}
#footer ul{
list-style: none;
float: left;
text-align: center;
}
#footer li{
float: left;
text-align: center;
}
#footer li a{
width: 100px;
float: left;
text-align: center;
}
/*#contentLayer {
position:relative;
width:570px;
height: auto;
z-index:1;
left: 180px;
top: 5px;
}*/
.pageTitle {
margin-top: 5px;
font-family:Arial, Helvetica, sans-serif;
font-size: 24px;
text-align: center;
padding-bottom: 30px;
height: auto;
}
/*Begin: Index Formatting-----------------------------------------------------*/
/*.indexImage{
background-image: url(resources/map.jpg);
position: relative;
left: 5px;
height: 430px;
width: 690px;
}
/*End: Index Formatting-------------------------------------------------------*/
/*Begin: Menu----------------------------------------------------------------- */
#navMenu ul{
position: absolute;
left: 0px;
top: 0px;
list-style: none;
padding: 0px;
margin: 0px;
width: 200px;
}
#navMenu li a{
color: #FFFFFF;
font-size: 18px;
border: solid 2px #000000;
background-image: url(resources/bkgdButton.gif);
text-align: center;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
width: 200px;
margin-bottom: 2px;
display: block;
}
#navMenu li a:hover{
text-decoration: underline;
font-family: Arial, Helvetica, sans-serif;
background-image: url(resources/bkgd.gif);
}
/*End: Menu----------------------------------------------------------------- --*/
</style>
</head>
<body>
<div id="container">
<div class="layerMain">
<div class="title"><a href="http://www.ysu.edu"><img border="0" src="resources/ysu.jpg" /></a><a href="index.php"><img border="0" src="resources/title.gif" width="320" height="150" /></a><a href="http://www.math.ysu.edu"><img border="0" src="resources/mathAndStats.gif" /></a></div>
<div class="pageMain">
<div id="navMenu">
<div align="center">
<ul>
<li>
<a href="index.php">Home</a> </li>
<li>
<a href="mission.php">Mission</a> </li>
<li>
<a href="contacts.php">People / Contacts</a> </li>
<li>
<a href="activities.php">Student Activities</a> </li>
<li>
<a href="opening.php">Official Opening</a> </li>
<li>
<a href="news.php">News</a> </li>
<li>
<a href="alumni.php">Alumni / Friends</a> </li>
<li>
<a href="giving.php">Giving</a> </li>
<li><a href="opportunities.php" title="Opportunities">REUs</a></li>
<li>
<a href="links.php">Links</a></li>
</ul>
</div>
</div>
<div class="content" id="contentLayer">
<div class="articleTitle">CURMath</div>
<div class="article">The Department of Mathematics and Statistics at Youngstown State University has a history of recognized achievements by undergraduate students in mathematics over the last quarter-century. On 13 December 2006 the YSU Board of Trustees approved the establishment of the Center for Undergraduate Research in Mathematics at Youngstown State University. This will be the first Center of its kind in the country, and recognizes the outstanding performance of YSU students at regional and national mathematics meetings. The Center for Undergraduate Research in Mathematics (CURMath) is devoted to assisting the members of the Department of Mathematics and Statistics to promote the professional development and research activities of undergraduate students interested in mathematics at YSU.
<p class="style11">Typical activities of the Center include:</p>
<ul>
<li class="style11">Pi Mu Epsilon (PME) Student Chapter;</li>
<li class="style11"> Mathematical Association of America (MAA) Student Chapter;</li>
<li class="style11"> Student participation at MAA/PME regional and national meetings;</li>
<li class="style11"> Problem solving seminars;</li>
<li class="style11"> Participation in Mathematics Competitions. <br />
</li>
</ul>
<p><br />
</p>
<p><a href="pdf/curmath_brochure_nocrps.pdf" target="_blank">CURMath Brochure</a></p>
</div>
<br />
<br /><br /><br />
<table width="570" border="0">
<tr>
<td><div align="center"><font size="-2">
<a href="http://curmath.ysu.edu">CURMath</a> • <a href="http://www.math.ysu.edu">Department of Mathematics and Statistics</a> • <a href="http://www.ysu.edu">Youngstown State University</a><br />
One University Plaza, Youngstown, OH 44555<br />
330-941-3782<br />
Contact Us with your questions, comments, or suggestions. <br><br>
If you are having trouble viewing this page, please make sure your software is up-to-date and meets the <a href="requirements.php">web site requirements</a>.</p>
<br /></font><p></p>
</div>
</td>
</tr>
</table>
</div>
</div>
</div>
</div>
</body>
</html>
