body{
   background: #bdbabd url('images/01.jpg') repeat-x;
   color: #686864;
   font: 0.9em 'Trebuchet MS', Geneva, Arial, Helvetica, sans-serif;
   margin: 0px;
}
p, pre{
    padding: 5px 5px;
    margin: 0px;
    color: #2E2E3A;
}
#ram {
    background: url('images/04.jpg') repeat-y;
    width: 760px;
    margin: 0px auto;
}
#header {
    background: url('images/02.jpg') repeat-y;
    width: 760px;
    height: 277px;
}
#content {
    width: 490px;
    padding: 10px 15px 15px 35px;
    float: left;
}
#navi{
    width: 140px;
    margin: 0px 0px 0px 565px;
    padding: 10px 0px 0px 0px;
}

* html #navi{
    margin: 0px 0px 0px 555px;
}

    #navi ul{
        list-style: square inside;
        margin: 0px auto;
        padding: 0px;
    }
#footer {
    clear:left;
    margin-top:1em;
    background:#504f50;
    text-align:center;
    padding:10px;
}

A {
    color: #f9f9f7;
    text-decoration: none;
}

A:visited {
    color: #f9f9f7;
    text-decoration: underline;
}

A:hover, A:active {
    color: #f2f2ef;
    text-decoration: underline;
}
h1{
    color: #ecede8;
    text-align: left;
    padding: 0 5px 5px 5px;
    font: normal 1.6em verdana, tahoma, sans-serif;


h2{
    color: #f7f7f2;
    text-align: left;
    padding: 0 5px 0px 5px;
    font-size: 1.4em;
}