body{padding: 20px;background: #284548;color: #222;text-align: center; font: 85% "Trebuchet MS",Arial,sans-serif}



div#container{
        width:800px; 
        margin: 0 auto;
        padding:5px;
        text-align:left;
                    vertical-align:top;
        background:#FFF}

div#header{background: #ffffff;padding: 5px 0;margin:5px 0;text-align:left}
div#content{
        margin-left: 210px;
        margin-right: 200px;
        background: #FFFFFF
}
div#right{
        float:right;
        width:160px;
        padding:0px 5px;
        margin:0px 5px;
        background: #9dc887
}

div#nav{
        border-right: 1px solid #aabbbb;
        float:left;
        width:180px;
        padding:5px 0;
        margin:5px 0;
        background: #FFFFFF}
div#nav ul{
        list-style:none;
        padding:0px;
        margin:0px;
}
div#nav li a{
        text-decoration: none;
        display: block;
        color: #2c494c;
}
div#nav li a:hover{
        color: #2c494c;
        background: #9dc887 100px 100px;
        display: block;
}
div#nav hr{
    border: 0;
    color: #aabbbb;
    background: #aabbbb;
    height: 1px;
    width: 100%;
}


div#footer{clear:both;width:800px;background: #ffffff;padding:5px 0;text-align:center}