Unable to align text

[acorna]

Hi All
This may seem like a stupid question but I can't get my text to left align. It used to but it's now decided to centre and I can't see why.

I have include the css and the relevant table code. If one of you can spot the problem I would appreciate it.

The table "top info box" is within the table "main".

The page can be seen at it's temporary home here. http://mariehines.co.uk/NEW/home.php

Regards
Ray

CSS

body {
background: #FFFFFF ;
/*: url(bg.jpg) fixed; */
text-align: left;
color: #000000;
font: 11px verdana, sans-serif;
margin: 0px;
padding: 0px 0px 0px 0px;
}
.header {
width: 1200px;
height: 235px;
margin-left:auto; margin-right:auto;
background: url(images/header.jpg) no-repeat;
font: 9px verdana, sans-serif;
text-align: right;
color: #000000;
}
.main {
width: 1200px;
height: 1200px;
margin-left:auto;
margin-right:auto;
background: url(images/bg1200x1200_R.jpg) no-repeat;
font: 10px verdana, sans-serif;
text-align: left;
color: #000000;
}

.topinfobox {
width: 100%;
margin-left:auto; margin-right:auto;
font: 10px Verdana, Arial, Helvetica, sans-serif;
text-align: left;
color: #000000;
}

.sideinfobox {
width: 490px;
font: 10px "Verdana", Arial, Helvetica, sans-serif;
text-align: left;
color: #000000;
}
.liveinfobox {
width: 600px;
font: 10px "Verdana", Arial, Helvetica, sans-serif;
text-align: left;
color: #000000;
}

.bold {
font-weight: bold;
}
.eandrinfobox {
width: 99%;
font: 10px "Verdana", Arial, Helvetica, sans-serif;
text-align: left;
color: #000000;
}
.H1{
font: 200% "Verdana", Arial, Helvetica, sans-serif;
text-align: left;
/* color: #f97373 */
}
.blank {
width: 1200px;
height: 1200px;
margin-left:auto;
margin-right:auto;
/* background: url(bg1200x1200_R.jpg) no-repeat; */
/* border-left: solid 2px #000000; */
font: 10px verdana, sans-serif;
text-align: right;
color: #000000;
}
.rockschool {
width: 1200px;
height: 1200px;
margin-left:auto;
margin-right:auto;
background: url(images/bg1.jpg) no-repeat; */
/* border-left: solid 2px #000000; */
font: 10px verdana, sans-serif;
text-align: right;
color: #000000;
}
.media {
width: 1200px;
height: 1200px;
margin-left:auto;
margin-right:auto;
background: url(images/bg2.jpg) no-repeat; */
/* border-left: solid 2px #000000; */
font: 10px verdana, sans-serif;
text-align: right;
color: #000000;
}
.radiolisting {
width: 100%;
font: 10px verdana, sans-serif;
text-align: left;
color: #000000;
}
A.link {
font-family: tahoma;
font-weight: normal;
font-size: 10px;
text-decoration: none;
color: #D1CE89;
}
A.visited {
font-family: tahoma;
font-weight: normal;
font-size: 10px;
text-decoration: none;
color: #d1a78f;
}
A.menu2:hover {
font-family: tahoma;
font-weight: normal;
font-size: 10px;
color: #D9D49A;
font-style: normal;
text-decoration: none;
}

.main tr td .sideinfobox tr td p {
text-align: left;
}

TABLE CODE

<table class="main">
  <tr>
    <td height="214" colspan="2" valign="top"><table class="topinfobox">
      <tr>
        <td width="168" height="189" align="left">&nbsp;</td>
        <td width="218" align="left" valign="top"><p><strong>Do you want to..</strong></p>
          <p align="left">Learn to play an instrument?<br />
              Form a Rock Band?<br />
              Form a Pop Group?<br />
              Be an MC/DJ?<br />
              Record your own music?<br />
              Be a Radio DJ or Producer?<br />
              Set up a Record Label?<br />
              Play live in your own venue?<br />
              Be a music reporter or critic? </p>
          <p><strong>Just  have FUN with music?</strong></p></td>
        <td width="298" align="left" valign="top"><p><strong>We can..</strong></p>
          <p>Teach you to play or sing.<br />
              Provide mentors to help you.<br />
              Provide our own Internet Radio Station.<br />
              Provide our own recording studio.<br />
              Provide our own live venue.<br />
              Provide our own educational programmes.<br />
              Provide what you need. <br />
              If we don't have it we'll try and get it.<br />
              <br />
            </p>
          <p><strong> Let you have FUN with music.</strong></p></td>
        <td width="298" align="left" valign="top"><p><strong>Don't want to sing or play?</strong></p>
          <p>How about becoming a volunteer?<br />
              Can you mentor?<br />
              Can you Fundraise?<br />
              Can you talk companies into giving us stuff for FREE?<br />
              Can <strong>YOU</strong> give us stuff for FREE? </p>
          <p>If so contact us, or come down to The Lighthouse and talk to us. We need your help.</p></td>
      </tr>
    </table>

[drhowarddrfine]

In one of your stylesheets you have 'body p {text-align:center}'

[acorna]

Thank you for your reply.

However, I cannot find this code. Could you be more specific.

Regards
Ray

[drhowarddrfine]

It's not in what you posted, it's in your link in the HTML.

[acorna]

Wow! great spot. That was in the footer.

How did that have an effect on the main code?

Ray

[drhowarddrfine]

'body p' means all p that's a descendant of body. That's the "cascading" part of CSS. It doesn't matter where you declare it but <style> belongs in the <head>.

[acorna]

Thanks again dr. The css in the footer is only temporary until the contents have been decided. All css will eventually be in one file.

Thanks for the explanation, it's appreciated.

Ray