BODY {
 font-family: arial, verdana, helvetica;
 font-size: 14px;
}

SPAN.bold {
 font-weight: 600
}

DIV.hd1 {
 position: absolute;
 left: 100px;
 top: 10px;
 z-index: 4
} 

DIV.hd2 {
 position: absolute;
 left: 180px;
 top: 135px;
 width: 470px;
 height: 265px;
 background: #888888;
 text-align: right;
 z-index: 2;
}

DIV.hd2 A {
 display: block;
 font-family: verdana, arial, helvetica;
 font-size: 10px;
 font-weight: bold;
 width: 100%;
 color: white;
 text-decoration: none;
 border-bottom: #000 1px solid;
 padding-right: 0.3em;
 padding-left: 0.3em;
 padding-bottom: 0.3em;
 padding-top: 0.3em;
}

DIV.hd2 A:hover {
 background: white;
 color: black;
}

DIV.hd3 {
 position: absolute;
 left: 100px;
 top: 200px;
 z-index: 3
}

DIV.hd4 {
 position: absolute;
 font-family: verdana, arial, helvetica;
 font-size: 30px;
 font-weight: bold;
 color: #AAAAAA;
 text-align: center;
 left: 430px;
 width: 220px;
 top: 400px;
 z-index: 3
}

DIV.pra {
 position: absolute;
 font-family: verdana, arial, helvetica;
 font-size: 12px;
 font-weight: bold;
 color: white;
 text-transform: uppercase;
 text-align: justify;
 left: 100px;
 top: 300px;
 width: 500px;
 z-index: 3
}

DIV.body {
 margin-left: 50px;
 margin-top: 70px;
 width: 380px;
 background-color: black;
 z-index: 1
}

DIV#isi {
 margin-top: 330px;
 padding: 20px;
 width: 380;
}

DIV#isi P {
 color: white;
 text-indent: 35px;
}

DIV#isi span#itl {
 font-family: Times New Roman, times, serif;
 font-size: 16px;
 font-style: italic;
}

DIV#isi A {
 color: white;
}

DIV#foot {
 position: relative;
 left: 440px;
 margin-top: -280px;
 width: 200;
 font-size: 10px;
 text-align: right;
 line-height: 10px;
}

DIV#book {
 background-color: #dddddd;
 font-size: 11px;
 text-align: center;
 line-height: 20px;
}