body, html {
    margin: 0;
    padding: 0;
    font-size:14px;
background-image:url(../images/back2.jpg);
font-family:verdana;
   }


#wrapper {

    width: 779px; /* your wrapper obviously needs a width otherwise it will be 100% */
    margin: 0 auto; /* This is the proper way to center in a standards compliant browser */
}
/* This is the IE workaround*/
body { text-align: center;    }
#wrapper { text-align: left;

}
.mainarea
{
    height:100%;
    background-color:#000000;
}
.centerarea
{
    background-color:#000000;
    font-size:14px;
    color:white;
    width:464px;
    height:100%;
    padding-top:15px;
	text-align: left;
    padding-right:5px;
    min-height:600px;
    height:100%;
    float:left;
}
.centerarea h1
{
    font-size:12px;
    font-weight:600;
    display:inline;
}
.centerarea h2
{
    font-size:18px;
    font-weight:600;
    margin-top:5px;
    margin-bottom:5px;
}
.centerarea h3
{
    font-size:14px;
    font-style:italic;
    margin-top:5px;
    margin-bottom:10px;
}
.centerarea hr
{
    background-color:White;
    width:479px;
    height:2px;
    border:0px;
    margin-top:15px;
    margin-bottom:15px;
    
}
.centerarea a
{
    text-decoration:underlined;
    font-size:14px;
    color:white;
    
}
.leftarea
{
        background-color:#000000;
        float:left;
        width:150px;
        height:100%;
        padding-top:15px;
        min-height:600px
}

.leftarea a
{
    text-decoration:underlined;
    font-size:14px;
    color:white;
}

.rightarea
{
background-color:#000000;
}

.border 
{
margin-top:15px;
background-color:#000000;
height:100%;
}

.bottom a
{
    text-decoration:underlined;
    font-size:11px;
    color:white;
}