body{
    width : 800px;
    margin-left : auto;
    margin-right : auto;
    border : solid 1px #999999;
    font-family : "Times New Roman";
}


header{
    height : 160px;
    padding-left : 2em;
    background-color : #ccccff;
    border-bottom : solid 1px #999999;
}


img.header{
    height : 160px;
    float : right;
}


div.header1{
    padding-top : 20px;
    font-size : 200%;
    font-family : Arial;
}


div.header2{
    color : #333333;
    font-size : 150%;
}


div.header3{
    padding-top : 10px;
}


span.date{
    font-family : Arial;
}


span.update{
    margin-left : 2.5em;
    color : #666666;
}


div.body{
    background-color : #ffffff;
}


nav{
    width : 160px;
    height : 880px;
    padding-right : 10px;
    padding-left : 10px;
    float : left;
    background-color : #cccccc;
    border-right : solid 1px #999999;
    border-bottom : solid 1px #999999;
    font-family : Arial;
}


ul.nav li{
    color : #666666;
    margin-bottom : 12px;
    margin-left : -2em;
    list-style-type : none;
}


article{
    width : 580px;
    margin-left : 180px;
    padding : 20px;
}


ul.article li{
    list-style-type : square;
    margin-top : 25px;
    font-family : Arial;
}


div.clear{
    clear : both;
}


footer{
    background-color : #9999ff;
    text-align : center;
}