hvordan centrer jeg min hjemmeside.

Har fundet en template, som kører alt sine ting fra CSS som desværre ikke er min stærke side.

hele siden er nu placeret til venstre, men vil gerne have at den bliver centreret. Hvordan gør jeg dette.

mvh
Martin


body
{
    margin: 15px;
    font: normal 12px Helvetica, Arial, Verdana;
    background: #006699 url('images/bg.jpg') repeat-x;
    color: #555;   
}

a
{
    text-decoration: none;
    color: #1164cf;
}

a:hover
{
    color: #777;
}

h1
{
    margin: 0;
    font-size: 22px;
    font-weight: bold;
}

h2
{
    margin: 0 0 15px 0;
    font-size: 16px;
    font-weight: normal;
}

h3
{
    margin: 20px 0 10px 0;
    font-size: 14px;
    font-weight: bold;   
}

p
{
    margin: 0 0 15px 0;
    line-height: 18px;
}

#container
{   
    padding: 20px 20px 20px 20px;
    background: #ffffff;
    width: 800px;
}

.tablist
{ 
    margin: 0px 0 12px 0;    
    text-align: right;
    padding: 35px 0 0 0;
}

.tablist ul
{
    margin: 0 0px 7px 0;
}

.tablist li
{
    list-style: none;
    display: inline;
    margin: 0 5px 0 0;   
}

.tablist li a
{
    text-decoration: none;   
    padding: 4px 10px;       
    color: #003c5b;
    font: bold 13px Tahoma, Verdana, Helvetica;
    text-transform: uppercase;
}

.tablist li a:hover
{
    border-bottom: 3px solid #B37B07;   
    padding: 4px 10px;
    color: #B37B07;
}

.tablist li a.selected
{
    border-bottom: 3px solid #B37B07;
    padding: 4px 10px;
    color: #B37B07;
}

#logo
{
    margin: 10px;
    float: left;
}

#logo h1 a
{
    color: #1164cf;
    text-decoration: none;
}

#logo .slogan
{
    font-style: italic;   
    padding: 2px 0 0 10px;
    color: #999;
}

#header_text
{   
    color: #ffffff;
    padding: 0;
    background: #505050 url(images/header.jpg) top left no-repeat;
    clear: both;
    margin: 4px 0 0 0;
    height: 200px;
}

#header_text p
{   
    width: 400px;
    font-size: 12px;
    line-height: 18px;
    padding: 0 0 0 15px;
    font-style: italic;
}

#header_text h2
{
    padding: 15px 15px 0 15px;
    color: #ffffff;
    font-weight: bold;
}

#header_text a
{
    color: #aaa;   
    font-weight: bold;
}

#left
{
    width: 180px;
    float: left;
}

#left p
{
    font-size: 11px;
    line-height: 15px;
    margin: 0 0 5px 0;
}

.leftmenu
{
    text-align: left;
    font: bold 11px Tahoma, Verdana, Helvetica;
    margin: 5px 10px 5px 0;
    text-decoration: none;
}

.leftmenu a
{
    background: #ffffff;
    display: block;
    padding: 5px 5px 5px 8px;
    color: #003c5b;
}

.leftmenu a:hover
{
    background: #ffffff;
    color: #b37b07;
}
.leftmenu a:active
{
    background: #FFFFFF;
    color: #b37b07;
}
.leftmenu a:selected
{
    background: #FFFFFF;
    color: #b37b07;
}


#main
{
    width: 590px;
    float: right;
    padding: 0 15px 0 10px;   
    border-left: 1px solid #ddd;
}

.note
{
    background: #eee;
    padding: 15px;
    border: 3px solid #bbb;
}

#footer
{
    clear: both;
    background: #eee;
    line-height: 18px;
    color: #777;
    font-size: 11px;   
    border-top: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
    text-align: center;
}

#footer a
{
    color: #777;
    font-weight: bold;
}