body { font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #000; }
#wrapper { background-image: url(../images/bg/body_bg.gif); background-repeat: repeat-y; position: absolute; top: 0; left: 50%; width: 868px; margin: 0 auto auto -434px; }
/**/
#header { background-color: #770038; width: 868px; height: 300px; }
/**/
/**/
#menu { background-color: #770038; width: 868px; height: 24px; }
#m_box { color: #ffc; font-size: 8pt; font-weight: lighter; padding: 4px 10px 3px; }
#m_box a { color: #fff; font-size: 8pt; font-weight: bold; text-decoration: none; }
#m_box a:hover { color: #c4ccdc; font-size: 8pt; font-weight: bold; text-decoration: none; }
/**/
/**/
#left { width: 300px; float: left; }
#l_box { padding: 6px 10px 3px; }
#l_box p { font-size: 8pt; font-weight: lighter; margin: 0 0 20px; }
#l_box h3 { color: #039; font-size: 8pt; font-weight: bolder; margin: 0; padding-bottom: 6px; }
#l_box a { color: #00f; font-size: 8pt; text-decoration: none; margin: 0; padding: 0; }
#l_box a:hover { color: #8fa8ab; font-size: 8pt; text-decoration: none; margin: 0; padding: 0; }
/**/
/**/
#right { }
#r_box { padding-right: 20px; padding-left: 20px; }
#r_box img { margin-top: 6px; margin-bottom: 6px; border: solid 1px #825969; }
#r_box p { font-size: 12px; line-height: 20px; margin: 0 0 0 20px; padding: 0; }
#r_box h3 { color: #4039c0; font-size: 18px; font-family: georgia; font-weight: bolder; line-height: 24px; }
#r_box h4 { color: #d47f00; font-size: 16px; font-family: georgia; margin: 0; padding: 8px 0 4px; }
#r_box a { color: #00f; font-weight: bolder; text-decoration: none; }
#r_box a:hover { color: #566957; font-weight: bolder; text-decoration: none; }
/**/
/**/
#footer { background-color: #688fb4; width: 868px; height: 20px; }
#f_box { color: #fff; font-size: 11px; font-weight: lighter; text-align: center; padding-top: 3px; padding-right: 10px; padding-left: 10px; }
/**/
/**/
#dari { }
/**/