CSS - Problem With Text Alignment?

<center>
<div id="hpMaincanvas">

<? include('includes/topnav.php'); ?>

<div id="aboutArea">
<h2>About VERVANO</h2>

VERVANO was born as a solution to a problem in the furnishings world. Accustomed to having the world's resources at our finger tips through our connections 
with colleagues and vendors, internet research and in-person travel, the LBD team was at a lost for sourcing sustainable furnishings for their own space.<P>

This compelling desire became a need which launched this eco-conscious furnishings line from the Laura Britt Design studio in Austin, TX.<P>
Founded with the hope that our small input could have impact on the future of the design industry, the team has held fast to the sustainable sourcing and 
building model through all of the subsequent ups and downs. Although 'green' is now a standard buzz word it's not a standard practice. Each step of this 
process has been met with rigorous research and challenging sourcing.<P>

Thankfully, VERVANO remains true to its original intent - built close to home using sustainable materials. Our interest lies in using materials which are 
rapidly renewed in nature, sustainably sourced and support a healthy indoor air quality through low VOCs.<P>

It's still a long road until this is a mainstream way of designing, sourcing, and building furnishings- but we're doing our part to bring this step closer to home.
Thanks for your interest and support of our endeavor.
<br><img src="art/space.gif" alt="" height=12 width=1><br>


<img src="art/laura.jpg" align=left alt="Laura Britt, founder of Vervano"><h2>About Laura Britt Design</h2>

<span class="label">EDUCATION AND BACKGROUND</span><br>
Ms. Britt earned a B.S. in Interior Design from Oklahoma State University in 1992.  
She went on to manage and design large scale, multi-million dollar interior design 
and architecture projects for the United States Air Force Academy.  She later 
enrolled in the University of Texas at Austin in 2000 and received a Masters Degree 
in Architecture with emphasis in Sustainable Design.  Through her architectural 
background she developed a contextual understanding of buildings as integrated 
systems. Following her graduation from the University of Texas she subsequently 
worked in complex hospitality design and architecture in Austin, TX, giving her a 
unique and real-world perspective regarding many attributes of public space design. <P>
 
<span class="label">ON BUDGET, ON TIME AWARD WINNING COMPANY</span><br>
Laura Britt Design is an award winning full service design firm. Value-added design, teamwork and attention 
to detail are at the foundation of each project. Starting with the specifications of the client, the firm integrates 
architectural and interior design solutions to create on budget, on time, functional environments.  <P>
 
<span class="label">SUSTAINABILITY & LEED</span><br>
Laura Britt designs are based on the vision and mission of the end user.  Laura Britt Design firm is 
recognized as a leader in sustainable design practices and has multiple LEED certified designers on staff.  <P>
 

<span class="label">OUR TEAM</span><br>
The design team has approximately 75 years of cumulative experience and training. Each is professionally 
trained to identify the key factors driving the architecture and design and construction of each building 
project with the facilities team and architecture team. 
Our technical expertise includes cost estimating, utilization of CAD technology, project management, on site 
quality control inspection, specification of furnishings and finishes, space planning and 3D modeling and 
rendering. <P>

<span class="label">Associations</span><br>
Vervano is a proud member of the <a href="(URL address blocked: See forum rules)" target="new">Sustainable Furnishings Council</a>.
<br><img src="art/space.gif" alt="" height=8 width=1><br>
Laura Britt Design is recognized as a HUB by the State of Texas due to it's designation as a Woman Owned 
Business.  HUB certification was granted in November or 2008.  The firm is also listed on the states Central 
Master Bidders List. <br><img src="art/space.gif" alt="" height=8 width=1><br>

Laura Britt Design is a member of The Best Practices Network - Interior designers committed to on-time, 
on-budget projects through continuing business education and the sharing of best practices.<P>

</div>


<? include('includes/footer.php'); ?>
</center>

body {
   font-family: Georgia, "Times New Roman", Times, serif;
   font-size: 12px;
   color: #645133;
   background: url(art/bg.jpg);    
   background-repeat: no-repeat;
   background-position: center top;
}
 
h1 {
   font-family: Georgia, "Times New Roman", Times, serif;
   font-size: 30px;
   font-weight: lighter;
   color: #49320f;
}
 
h2 {
   font-family: Georgia, "Times New Roman", Times, serif;
   font-size: 16px;
   color: #49320f;
   margin-top: -20px;
   font-weight: lighter;
   line-height: 36px;
}

#hpMaincanvas {
   position: relative;
   padding: 0px;
   width: 900px;
   margin-top: 35px; 
   margin-left: auto;
   margin-right: auto;
   background-color: #ffffff; 
   z-index:5;
}


#socialMedia {
   position: relative;
   font-family: georgia,palatino,serif;
   font-size: 12px;
   color: #bbb38c;
   line-height: 17px;
   font-style: italic;
   padding-right: 50px;
   width: 900px;
   text-align: right;
}


#MainArea {
   position: relative;
   padding-right: 50px;
   padding-top:0px;
   width: 900px;
   text-align: center;
   z-index:20;
}

#AboutArea {
   position: relative;
   padding-right: 50px;
   padding-left: 50px;
   padding-top:30px;
   width: 800px;
   z-index:20;
   text-align:left;
}

#footer {
   position: relative;
   text-align: center;
}


#navigation {
   position: absolute;
   top:40px;
   width: 600px;
  left: 320px;
   font-weight: normal;
	z-index:25;
	margin-left: auto ;
  margin-right: auto ;

}


li {
   list-style: none;
   float: left;
   position:relative;
}


ul {
  padding: 0;
  margin: 0;
  list-style: none;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  text-decoration: none;
  }

ul li {
  display: block;
  position: relative;
  float: left;

}
  
li ul {
  display: none;
  border: 1px solid #e2ddbe;
  }


ul li a {
  display: block;
  text-decoration: none;
  text-align:left;
  color: #594425;
  padding: 7px 7px 7px 7px;
  white-space: nowrap;
  
}
ul li a:hover { 
color: #d93800;
 }
 
li:hover ul {
  display: block;
  position: absolute;
}

li:hover li {
  float: none;
  font-size: 11px;
  background: #efede1;;
}

li:hover a { 
 
}


li:hover li a:hover 
{ background: #ffffff; }

.logo {
	position: absolute;
	top: 30px;
	left: 50px;
}

.label {
	font-family: Helvetica, Arial, sans-serif;
  	font-size: 11px;
  	text-transform: uppercase;
	line-height: 19px;
	letter-spacing: 2pt;
	color: #a99573;
}

.copyright {
	font-family:georgia,times,serif;
	font-size:11px;
	color:#beb692;
	text-align:center;
}

a.copyright, a.copyright:link, a.copyright:visited {
	text-decoration:none;
	font-family: georgia,times,serif;
	font-size: 11px;
	text-align:center;
}

a.copyright:hover {
	text-decoration:underline;
}

.middle, .submit {
	vertical-align: middle
}

ul.leftside li {
       font: bold 11px Helvetica,sans-serif;
       color: #FFF;
       background: url(images/left_menu-bg.jpg) no-repeat;
       margin: 7px 10px 5px 4px;
       list-style-type: none;
    }

<ul class="leftside">
<li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Rooms</li>
<li>Reservations</li>
<li>Siteseeing</li>
<li>Contact Us</li>
 </ul> 

@charset "utf-8";
/* CSS Document */

/* Easy Slider */

a:link                                      {
	color:#333333;
	text-decoration: none;
	font-weight: bold;
}
a:active                                      {
	color:#333333;
	text-decoration: none;
	font-weight: bold;
}
a:hover                                       {
	color:#052807;
	text-decoration: none;
	font-weight: bold;
}
a:visited                                     {
	color:#333333;
	text-decoration: none;
	font-weight: bold;
}
a:visited:hover                               { 
    color:#052807;
	text-decoration: none;
	font-weight: bold;
}

#slider ul, #slider li,
#slider2 ul, #slider2 li{
	margin:0;
	padding:0;
	list-style:none;
}
#slider2{
	margin-top:1em;
}
#slider li, #slider2 li{
	/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
	width:1018px;
	height:336px;
	overflow:hidden;
}	
		
	/* numeric controls */	

ol#controls{
	margin:3px 0;
	padding:0;
	padding-left:10px;
	height:20px;	
}
ol#controls li{
	margin:0 10px 0 0; 
	padding:0;
	float:left;
	list-style:none;
	height:20px;
	line-height:20px;
}
ol#controls li a{
	float:left;
	height:20px;
	line-height:20px;
	border:1px solid #ccc;
	background:#d3d3d3;
	color:#555;
	padding:0 5px;
	text-decoration:none;
}
ol#controls li.current a{
	background:#052807;
	color:#FFFFFF;
}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */

.lavaLampWithImage {
	position: relative;
	height: 68px;
	width: 1018px;
	overflow: hidden;
	background-image: url(../images/navbg.png);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 15px;
	padding-left: 0px;
}
.lavaLampWithImage li {
    float: left;
    list-style: none;
}
.lavaLampWithImage li.back {
    background: url("../images/lava.png") no-repeat right -34px;
    width: 9px; height: 34px;
    z-index: 8;
    position: absolute;
}
.lavaLampWithImage li.back .left {
    background: url("../images/lava.png") no-repeat top left;
    height: 34px;
    margin-right: 9px; /* 7px is the width of the rounded shape */
}
.lavaLampWithImage li a {
    font: 17px arial;
	font-weight: bold;
    text-decoration: none;
    color: #FFFFFF;
    outline: none;
    text-align: center;
    top: 7px;
    text-transform: uppercase;
    letter-spacing: 0;
    z-index: 10;
    display: block;
    float: inherit;
    height: 34px;
    position: relative;
    overflow: hidden;
    margin: 0 12px;    
}
.lavaLampWithImage li a:hover, .lavaLampWithImage li a:active, .lavaLampWithImage li a:visited {
    border: none;
}
						
body {
	background-image: url(../images/bg.gif);
	background-repeat: repeat-x;
}

body, html {
	height: 100%;
    margin: 0;
}

#st2, #st3 {
	display: none;
}

#wrapper {
	width: 1018px;
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #333333;
}
#topbar {
	height: 22px;
	margin-top: 5px;
	padding: 5px;
}
#skin {
	float: right;
	width: 180px;
	text-align: right;
	font-size: 11px;
	text-transform: uppercase;
}
#skin ul {
	margin: 0px;
	padding: 0px;
}
#skin li {
	list-style-type: none;
	display: inline;
	padding-left: 10px;
	padding-right: 10px;
}
#skin a:link {
	text-decoration: none;
	color: #FFFFFF;
}
#skin a:visited{
	text-decoration: none;
	color: #FFFFFF;
}
#nav {
	height: 90px;
}
#header {
	height: 370px;
	font-size: 11px;
}
#content {
	padding: 10px;
	clear: both;
	margin-bottom: 10px;
	overflow: hidden;
}
#footer {
	background-image: url(../images/footer.jpg);
	background-repeat: no-repeat;
	height: 80px;
	width: 1010px;
	text-align: center;
	padding-top: 20px;
	clear: both;
	color: #FFFFFF;
}
#left {
	float: left;
	width: 670px;
}
#right {
	float: right;
	width: 260px;
	padding-left: 30px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
}
.brownheadline {
	font-size: 35px;
	font-weight: bold;
	color: #ab4d1b;
	letter-spacing: -1px;
	line-height: 30px;
}
.greenheadline {
	font-size: 35px;
	font-weight: bold;
	color: #052807;
	letter-spacing: -1px;
	line-height: 30px;
}
.browntitle {
	font-size: 42px;
	font-family:"Times New Roman";
	font-weight: bold;
	color: #ab4d1b;
	letter-spacing: -1px;
	line-height: 30px;
}
.greentitle {
	font-size: 42px;
	font-family:"Times New Roman";
	font-weight: bold;
	color: #052807;
	letter-spacing: -1px;
	line-height: 30px;
}
.leftimg {
	float: left;
	padding-right: 15px;
	display: block;
}
.greentext {
	font-weight: bold;
	color: #052807;
}
.browntext {
	font-weight: bold;
	color: #36a0e7;
}
.style1 {
	color: #6A2C0D;
}
.greyline {
	background-color: #CCCCCC;
	height: 1px;
	margin: 8px 0 8px 0;
}
#contact {
	color: #696969;
	padding: 5px;
}
#contact input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 6px;
	border: 1px solid #696969;
	width: 250px;
	margin: 5px 0 5px 0;
}
#contact label {
	float: left;
	width: 80px;
	display: block;
	padding: 3px;
	margin: 3px 0 3px 0;
	clear: both;
}
#contact textarea {
	border: 1px solid #696969;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 6px;
	width: 250px;
	margin: 5px 0 5px;
}

<html>
<body>
<div id="wrapper">
<!--navtop-->	
    <div id="navtop">
	</div>
	<div>
		<span class="links">
	  <img src="images/borderleft.png" /><a href="http://www.coastalequip.com"><img src="images/coastalequip.png" /></a><img src="images/logomid.png"/><a href="http://www.pickyourlandscaper.com"><img src="images/pickyourlandscaper.png" /><img src="images/borderright.png" /></a></span>
    </div>
    <div>
        <img src="images/logobottom.png" />
    </div>   
<!--content--> 
    <div id="content">
<!--content header-->
        <span class="header1">
        	BAR
        </span>
        <br />
        <span class="header2">
            FOO
        </span><br /> <br />
<!--content body-->        
        <span class="body_text">
            Lorem Ipsum
        </span>
    </div>
<!--content bottom-->
  <div id="contentbottom">
  </div>
</div>
</body>
</html>

/* CSS Document */

body {
	background-color:#CCC;
}

img {
	border:0;
	padding:0;
}

#wrapper {
	width: 794px ;
	margin-left:auto;
	margin-right:auto;
}

#navtop {
	background-image:url(../images/logotop.png);
	height:129px;
}

#content {
	background-image:url(../images/bodybg.png);
	background-repeat:repeat-y;
	background-position:center;
	font-family:Tahoma, Geneva, sans-serif;
}

#contentbottom {
	background-image:url(../images/contentbottom.png);
	background-repeat:repeat-y;
	background-position:center;
	height:28px;
}

.header1 {
	text-align:center;
	padding:10px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:50px;
	font-weight:bolder;
	text-shadow:#666;
	text-transform:uppercase;
	color:rgb(190,30,45);
}

.header2 {
	text-align:center;
	padding:10px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:35px;
	font-weight:bolder;
	text-shadow:#666;
	text-transform:uppercase;
	color:rgb(0,0,0);
	line-height:.5em;
}

.body_text {
	text-align:left;
	padding:10px;
}