body{
margin:0;
padding:0;
background:#c8c8c8
}
body,td,th{
color:#000000;
font:12px Trebuchet MS
}
h1,h2,h3,h4,h5,ul,li,p{
margin:0;
padding:0
}
.boxleft{
width:210px;
padding:0px 20px 5px 20px
}
.boxleft .tanggalagenda{
font-size:11px;
font-weight:bold;
color:#00008b
}
.boxleft a,.boxleft a:visited{
text-decoration:none;
border-bottom:1px dashed #cd853f;
color:#800000
}
.boxleft a:hover{
color:#00008b
}
.boxleft h2{
border-bottom:2px solid #cccccc;
font-size:14px;
margin-bottom:5px;
color:#800000;
background:url(../images/iconsub.gif) no-repeat 0;
padding-left:23px
}
.boxleft ul{
padding:0 0 0 15px
}
.garisbawah{
margin-top:5px;
border-bottom:2px solid #777777
}
.headtext{
color:#ffffff;
letter-spacing:5px;
padding:5px
}
.notesred{
font-size:11px;
color:#ff0000
}
.whitetext{
color:#ffffff
}
#footer{
background:#585858;
border-top:3px solid #a52a2a;
color:#ffffff;
padding:10px;
text-align:center
}
#footer a{
color:#ffffff;
text-decoration:none
}
#maininfo{
width:535px;
padding:10px 10px 10px 30px
}
#maininfo #navpage{
margin-top:10px;
display:block;
clear:left;
text-align:center
}
#maininfo #navpage a{
border:1px solid #cccccc;
text-decoration:none;
padding-left:5px;
padding-right:5px;
color:#ffffff;
background:#a52a2a
}
#maininfo #navpage a:hover{
background:#d2691e
}
#maininfo .back{
clear:left;
display:block;
text-align:center
}
#maininfo .blokpesan{
text-align:justify;
margin-top:10px
}
#maininfo .blokpesan .guest{
float:right;
color:#a52a2a
}
#maininfo .blokpesan .inforeply{
font-style:italic;
font-size:10px
}
#maininfo .blokpesan .pesan{
margin-bottom:5px
}
#maininfo .blokpesan .reply{
font-style:italic
}
#maininfo .blokpesan .tanggal{
color:#a52a2a
}
#maininfo .itemdata .tanggal{
font-size:11px;
color:#8b0000
}
#maininfo .itemdata,#maininfo p{
text-align:justify
}
#maininfo a,#maininfo a:visited{
color:#800000;
text-decoration:underline
}
#maininfo a:hover{
color:#df0000;
text-decoration:none
}
#maininfo h2{
font-size:15px;
color:#800000;
border-bottom:1px dotted #dcdcdc;
margin-bottom:5px
}
#maininfo img{
padding:0 5px 5px 0;
border:0
}
#menuleft{
width:210px;
padding:0px 0px 0px 20px
}
#menuleft a,#menuleft a:visited{
color:#800000;
text-decoration:none
}
#menuleft a:hover{
color:#df0000
}
#menuleft ul{
padding:0;
list-style:none
}
#menuleft ul li{
border-bottom:1px dashed #dddddd;
background:url(../images/menuleft.png) no-repeat -1px 5px;
padding-left:20px;
padding-top:5px
}
#menutop{
width:555px;
padding: 5px 5px 3px 30px;
margin-bottom:5px;
}
#menutop a{
background:url(../images/menuleft.png) no-repeat;
padding-left:20px;
color:#800000;
text-decoration:none
}
#navbook{
text-align:center
}