Nearly all go with inline css

After a day of learning inline css I think I'm nearly have my css under wraps. All I need now is someone to give me a hand with a little cleaning up. Your help is appreciated cheers Muzza!

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Extreme Photography Newsletter</title>
<style type="text/css" media="screen">
    a {
        font-family: Arial, Helvetica, sans-serif;
        line-height: 23px;
        color: #ff0000;
    }
    p {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        line-height: 23px;
        color: #4a4a4a;
        
    }
    h2 {
        font-family: 'Trebuchet MS',Arial,Helvetica,san-serif;
        font-size: 30px;
        font-weight: normal;
        letter-spacing:-1px;
        line-height:35px;
        color: #202125;
        
    }
    li {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        line-height: 23px;
        color: #4a4a4a;
    }
    img {
        display: block;
    }
</style>
</head>

<body style="margin: 0; padding: 0;>
    <table cellpadding="0" cellspacing="0" width="100%" height="100%"bgcolor="#2c2c2c" background="images/dots.jpg">
        <tr>
            <td>
            <table align="center" cellpadding="0" cellspacing="0" width="700">
                <tr>
                    <td>
                        <table align="center" cellpadding="0" cellspacing="0">
                            <tr>
                                <td width="700"><img alt="Extreme Photography Newsletter" title="" src="images/header.gif" border="0" height="105" width="700" /></td>
                            </tr>
                        </table>
                    </td>
                </tr>
                
                <tr>
                    <td>
                        <table align="center" cellpadding="0" cellspacing="0">
                            <tr>
                                <td width="33px" height="98px" bgcolor"#ffffff" background="images/top.gif"></td>
                                <td width="389px" height="98px" bgcolor"#ffffff" background="images/top.gif">
                                    <h2>Hi [firstname,fallback=Hello]</h2>
                                </td>    
                                <td width="251px" height="98px" bgcolor"#ffffff" background="images/top.gif">
                                    <h2 style="text-align:right;"><$currentmonthname$> <$currentyear$></h2>
                                </td>
                                <td width="27px" height="98px" bgcolor"#ffffff" background="images/top.gif"></td>
                            </tr>
                        </table>    
                        <!-- top -->
                    </td>
                </tr>
                
                <tr>
                    <td>
                        <table align="center" cellpadding="0" cellspacing="0">
                            <tr>
                                <td width="53px" height="80px" bgcolor="#ffffff"></td>
                                <td width="280px" height="80px" bgcolor="#ffffff">
                                    <p style="font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#4a4a4a; line-height:19px; text-align:center; padding:8px; border:1px solid #999999;">Having trouble viewing this newsletter?<br/><webversion>Click here to view it in your browser</webversion></p>
                                </td>
                                <td width="40px" height="80px" bgcolor="#ffffff"></td>    
                                <td width="280px" height="80px" bgcolor="#ffffff">
                                    <p style="font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#4a4a4a; line-height:19px; text-align:center; padding:8px; border:1px solid #999999;">Know someone who might be interested?<br/><forwardtoafriend>Why not forward this email to a friend.</forwardtoafriend></p>
                                </td>
                                <td width="47px" height="80px" bgcolor="#ffffff"></td>
                              </tr>
                        </table>    
                        <!-- top -->
                    </td>
                </tr>
                                
                <tr>
                    <td>
                        <table align="center" cellpadding="0" cellspacing="0">
                            <tr>
                                <td width="700px" height="40px" bgcolor="#FFFFFF"></td>
                            </tr>
                        </table>
                        <!-- ribon -->
                    </td>
                </tr>
                
                <tr>
                    <td>
                        <table align="center" cellpadding="0" cellspacing="0">
                            <tr>
                                <td width="33px" height="100%" bgcolor="#FFFFFF"></td>
                                <td width="640px" height="100%" bgcolor="#FFFFFF" style="margin-bottom: 20px;">
                                    <table cellpadding="0" cellspacing="0">
                                        <tr>
                                            <td width="20px" height="100%"></td>
                                            <td valign="top" width="600px">
                                                
                                                <!-- Repeater -->
                                                
                                                <repeater toc='true'>
                                                    <img align="middle" src="<$imagesrc link='true'$>" width="600">
                                                    <h2>
                                                        <$title link='true' default='Enter Title Here'$>
                                                    </h2>
                                                    <$description default='<p>Enter body content here</p>'$>
                                                    
                                                </repeater>
                                                
                                                <!-- Repeater -->
                                                
                                            </td>                                                                               
                                        </tr>
                                    </table>
                                   
                                </td>
                                <!-- wrapper td -->
                                <td width="27px" height="100%" bgcolor="#FFFFFF"></td>
                             </tr>
                        </table>    
                    
                    </td>
                </tr>
                <!-- first set of offers -->
                
                <tr>
                    <td>
                        <table align="center" cellpadding="0" cellspacing="0">
                            <tr>
                                <td><img alt="" title="" src="images/bottom.gif" border="0" height="55" width="700" /></td>
                            </tr>
                            
                            <tr>
                                <td align="justify" style="margin-top:11px; margin-bottom:32px;">
                                    <p style="font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; line-height:16px; text-align:center;">Don't want to receive this newsletter again? <unsubscribe>Unsubscribe from this newsletter.</unsubscribe></p>
                                </td>
                            </tr>
                        </table>    
                        <!-- bottom and copyrights -->
                    </td>
                </tr>

            </table>
            <!-- newsletter -->
        </td>
    </tr>
</table>
</div>
</body>
</html>

Join 200,000 companies around the world that use Campaign Monitor to run email marketing campaigns that deliver results for their business.

Get started for free
1-888-533-8098