*{ 	margin:0px;
padding:0px;
font:12px Arial, Helvetica, sans-serif;
}
a{
text-decoration:none;
}
h1, .h1,.dwjtitle{
position:relative;
float:left;
font:24px Georgia,verdana,arial,sans-serif;
color:#CCCCCC;
background:url(images/h1-border.png) repeat-x;
height:45px;
width:650px;
}
h2{ 
position:relative;
float:left;
font:20px Arial, Helvetica, sans-serif;
color:#CCCCCC;
text-transform:uppercase;
padding:10px 0px 20px 0px;
}
h4{
position:relative;
clear:both;
font:11px Arial, Helvetica, sans-serif;
font-style:italic;
color:#FFFFB9;
line-height:16px;
padding-bottom:10px;
}
h4 a{
font:11px Arial, Helvetica, sans-serif;
font-style:italic;
color:#FFFFB9;
text-decoration:none;
}
body{
background:#000000 repeat-x;
margin:0px;
padding:0px;
font:12px Arial, Helvetica, sans-serif;
}
#container{
position:relative;
margin:auto;
width:909px;
}
#container .header{
background:url(images/header.png) no-repeat;
position:relative;
margin:auto;
width:909px;
height:140px;
}
#container .header a{
position:relative;
float:left;
width:360px;
height:105px;
margin:20px 0px 0px 260px;
}
#container .mheader{
background:#111111;
position:relative;
width:100%;
height:390px;
}
#container .mheader .mhleft{
position:relative;
float:left;
width:700px;
}
#container .mheader .mhright{
background:url(images/hright.png) no-repeat;
position:relative;
float:left;
width:189px;
height:370px;
padding:10px;
}
#container .mheader .mhright p{
line-height:18px;
font-style:italic;
padding:10px;
color:#4F422A;
}

#container .mheader .mhright a{
color:#1A0000;
font-style:italic;
}    
#container .mheader .mhright a:hover{
color:#663300;
font-style:italic;
}

#container .mheader .mhleft .iphoto{
position:relative;
width:100%;
height:313px;
}
#container .mheader .mhleft .menubar{
background:url(images/menu-bar.png) repeat-x;
position:relative;
float:left;
width:100%;
height:70px;
}
#container .mheader .mhleft .menubar ul li{
position:relative;
float:left;
list-style:none;
padding:15px 0px 5px 5px;
}
#container .mheader .mhleft .menubar ul li a{
position:relative;
text-decoration:none;
color:#CCCCCC;
font:14px Arial, Helvetica, sans-serif;
padding:20px 8px 30px 8px;
}
#container .mheader .mhleft .menubar ul li a:hover{
background:url(images/menu-hover.png) no-repeat center top;
color:#C4D59B;
}
#container .main{
background:#FFFFFF url(images/main.png) repeat-y;
position:relative;
float:left;
width:900px;
}
#container .main .mleft{
position:relative;
float:left;
width:670px;
padding:0px 10px 10px 20px;
}
#container .main .mleft .mleft-rec{
background:#202020;
position:relative;
float:left;
width:650px;
margin:20px 20px 20px 0px;
}
#container .main .mleft .mleft-rec .postrec{
position:relative;
float:left;
width:600px;
margin:20px 20px 20px 20px;
}
#container .main .mleft .mleft-rec .postpage{
position:relative;
float:left;
width:600px;
margin:20px 20px 20px 20px;
color:#CCCCCC;
line-height:18px;
}
#container .main .mleft .mleft-rec .postpage p{
color:#CCCCCC;
line-height:18px;
padding-bottom:10px;
}
#container .main .mleft .mleft-rec .postrec span{
position:relative;
float:left;
padding:15px 0px 0px 7px;
font:14px Georgia,verdana,arial,sans-serif;
color:#CCCCCC;
}
#container .main .mleft .mleft-rec .postrec .recphoto{
position:relative;
float:left;
width:160px;
margin:0px 20px 0px 0px;
}
#container .main .mleft .mleft-rec .postrec .recphoto a{
text-decoration:none;
}
#container .main .mleft .mleft-rec .postrec .recphoto a img{
background:#666666;
position:relative;
padding:3px;
border:0px;
margin-bottom:10px;
}
#container .main .mleft .mleft-rec .postrec .recdesc{
position:relative;
float:left;
width:420px;
font:12px Arial, Helvetica, sans-serif;
color:#CCCCCC;
line-height:18px;
}
#container .main .mleft .mleft-rec .postrec .recdesc h3{
position:relative;
font:20px Georgia,verdana,arial,sans-serif;
color:#CCCCCC;
width:420px;
border-bottom:1px solid #666666;
padding:0px;
margin:0px 0px 10px 0px;
}
#container .main .mleft .mleft-rec .postrec .recdesc p{
position:relative;
clear:both;
width:420px;
font:12px Arial, Helvetica, sans-serif;
color:#CCCCCC;
line-height:18px;
}
#container .main .mleft .mleft-rec .postrec .recdesc ul li{
padding:0px;
margin:0px 0px 0px 25px;
}
#container .main .mleft .mleft-rec .postrec .recdesc blockquote{
position:relative;
clear:both;
width:420px;
font:12px Arial, Helvetica, sans-serif;
font-style:italic;
color:#FFFFB9;
line-height:16px;
}
#container .main .mleft .mleft-rec .postrec .recdesc form{
position:relative;
clear:both;
padding:30px 0px 20px 0px;
text-align:center;
}
#container .main .mleft .mleft-rec .postrec .recdesc form input{
position:relative;
clear:both;
padding:8px;
text-align:center;
}
#container .main .mleft .mleft-rec .postpage ul li{
padding:2px;
margin:0px 0px 0px 25px;
}
#container .main .mleft .mleft-rec .postpage .ddsg-wrapper h2{
position:relative;
clear:both;
padding:10px 0px 10px 0px;
}
#container .main .mleft .mleft-rec .postpage .ddsg-wrapper ul{
position:relative;
clear:both;
padding:0px 0px 10px 0px;
margin:0px;
}
#container .main .mleft .mleft-rec .postpage .ddsg-wrapper ul li{
position:relative;
clear:both;
padding:2px;
margin-left:20px;
}
#container .main .mleft .mleft-rec .postpage .ddsg-wrapper ul li a{
position:relative;
clear:both;
text-decoration:none;
color:#CCCCCC;
}
#container .main .mleft .mleft-rec .postpage .ddsg-wrapper .ddsg-pagenav p a{
position:relative;
clear:both;
text-decoration:none;
color:#B18D55;
}
#container .main .mleft .mleft-rec .postpage .cleft{
position:relative;
float:left;
width:300px;
}
#container .main .mleft .mleft-rec .postpage .cleft h2{
clear:both;
position:relative;
}
#container .main .mleft .mleft-rec .postpage .cleft p{
clear:both;
position:relative;
}
#container .main .mleft .mleft-rec .postpage .cleft p a{
position:relative;
text-decoration:none;
color:#CCCCCC;
}
#container .main .mleft .mleft-rec .postpage .cright{
position:relative;
float:left;
width:290px;
}
#container .main .mleft .mleft-rec .postpage .cright p{
padding:5px 5px 8px 5px;
}
#container .main .mleft .mleft-rec .postpage .cright p input{
padding:2px;
}
#container .main .mleft .mleft-rec .postpage .cright .submit{
padding:5px;
width:100px;
}
#container .main .mleft .post{
position:relative;
float:left;
width:310px;
height: 230px;
margin:20px 25px 25px 0px;
}
#container .main .mleft .post .postphoto h2{
background:url(images/bot.png);
position:relative;
float:left;
width:302px;
top:-28px;
font:18px Arial, Helvetica, sans-serif;
color:#CCCCCC;
text-transform:uppercase;
text-align:right;
padding:3px 6px 3px 3px;
}
#container .main .mleft .post .postphoto h2 a{
color:#CCCCCC;
}


#container .main .mleft .post .postphoto a{
text-decoration:none;
}
#container .main .mleft .post .postphoto a img{
background:#666666;
position:relative;
padding:3px;
border:0px;
}
#container .main .mleft .post .postdesc{
clear: both;
position:relative;
height:90px;
width:100%;
top:-18px;
overflow:hidden;
font:12px Arial, Helvetica, sans-serif;
color:#B2B2B2;
line-height:16px;
}
#container .main .mleft .post .postdesc p{
position:relative;
clear:both;
font:12px Arial, Helvetica, sans-serif;
color:#B2B2B2;
line-height:16px;
padding-bottom:10px;
}
#container .main .mright{
background:#CDBC9C;
position:relative;
float:left;
width:200px;
height:100%;
}
#container .main .mright .rsubmain{
clear:both;
position:relative;
float:left;
width:200px;
color:#4F422A;
font:16px Arial, Helvetica, sans-serif;
}
#container .main .mright .rsubmain h3{
position:relative;
text-transform:uppercase;
font:18px Arial, Helvetica, sans-serif;
color:#4F422A;
text-align:center;
}
#container .main .mright .rsubmain p{
clear:both;
position:relative;
text-align:center;
padding:15px 5px 10px 5px;
font:14px Arial, Helvetica, sans-serif;
font-weight:bold;
}
#container .main .mright .rsubmain p img{
padding:10px;
}
#container .main .mright .rsubmain-slide{
background:#EAE2D5;
position:relative;
color:#4F422A;
font:16px Arial, Helvetica, sans-serif;
}
#container .main .mright .rsubmain-slide h3{
background:url(images/subitems.png) no-repeat;
text-transform:uppercase;
font:16px Arial, Helvetica, sans-serif;
font-weight:bold;
color:#4F422A;
text-align:center;
padding:18px 0px 10px 0px;
}
#acc1{
position:relative;
clear:both;
}
#acc1 li {
clear:both;
background:#EAE2D5 url(images/subitems.png) no-repeat;
list-style:none;
padding:15px 0px 0px 0px;
border:1px solid #CDBC9C;
}
#acc1 li form{
padding:15px 12px 15px 12px;
}
#acc1 li form p{
padding:7px 0px 7px 0px;
}
/* dwj penyesuaian posisi h3 */
ui-accordion-link a {
text-transform:uppercase;
font:15px Arial, Helvetica, sans-serif;
font-weight:bold;
color:#4F422A;
text-align:center;
padding:5px 0px 11px 0px;
}
#acc1 li ul{
background:#EAE2D5;
padding:0px 0px 15px 0px;
}
#acc1 li ul li{
background:url(images/dot.png) no-repeat 20px 10px;
padding:10px 0px 10px 45px;
border:1px solid #EAE2D5;
}
#acc1 li ul li:hover{
text-decoration:none;
background:#D7CCB3 url(images/dot.png) no-repeat 20px 10px;
}
#acc1 li ul li a{
text-decoration:none;
color:#4F422A;
}
#searchform p{
position:relative;
width:100%;
text-align:right;
}
#searchform input{
border:1px solid #AFA08B;
padding:5px;
width:160px;
color:#4F422A;
}
#searchform select{
border:1px solid #AFA08B;
padding:5px;
width:171px;
color:#4F422A;
}
#searchform .button_search{
background:url(images/search.png) no-repeat;
width:116px;
border:0px;
height:32px;
}
#container .footer{
background:url(images/footer.png) repeat-x;
position:relative;
float:left;
width:860px;
height:30px;
text-align:center;
padding:20px;
color:#CCCCCC;
font:11px Arial, Helvetica, sans-serif;
}
#container .footer a{
font:11px Arial, Helvetica, sans-serif;
color:#CCCCCC;
text-decoration:none;
}
#container .main .mleft .wp-pagenavi{
background: none;
position:relative;
float:left;
width:650px;
padding:10px 5px 5px 5px;
color:#CCCCCC;
border-top:1px solid #999999;
}
#container .main .mleft .wp-pagenavi .pages{
background: none;
position:relative;
float:left;
padding:8px 20px 8px 8px;
color:#CCCCCC;
}
#container .main .mleft .wp-pagenavi .current{
position:relative;
float:left;
text-decoration:none;
color:#272727;
padding:8px;
background:#CDBC9C;
}
#container .main .mleft .wp-pagenavi .extend,#container .main .mleft .wp-pagenavi a{
background: none;
position:relative;
float:left;
text-decoration:none;
border: 0px solid;
color:#CCCCCC;
padding:8px;
}
#container .main .mleft .wp-pagenavi a:hover{
color:#272727;
background:#B79866;
border:0px;
}
/* dwj */
#container .main .mleft .mleft-rec .postrec .recdesc h2 { margin:0 0 10px 0; padding:0; border-bottom:1px solid #ccc; width:100%;}
#container .main .mleft .mleft-rec .postrec .recdesc h2 a {
position:relative;
font:20px Georgia,verdana,arial,sans-serif;
color:#CCCCCC;
padding:0px;
margin:0px;
}
#container .headinfo {
border-top-width: 3px;
border-top-style: solid;
border-top-color: 715B33;
background-color:#111111;
height:22px;
width: 900px;
vertical-align: middle;
}
#container .headinfo h1 {
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
color: #EEEEEE; padding:3px; margin:0px; width:100px;
}
#container .headinfo span {
font-size: 14px;
font-weight: normal;
color: #EEEEEE; padding:3px; display:inline; margin:0px;
}
.dwjintro { text-align:justify;
font-family: Arial,Helvetica,sans-serif;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 12px;
font-size-adjust: none;
font-stretch: normal;
-x-system-font: none;
color: #cccccc;
line-height: 18px; width: 650px;
margin-top: 20px;
margin-right: 20px;
margin-bottom: 20px;
margin-left: 0px;}

.dwjintro h2 { margin:0 0 10px 0; padding:0; border-bottom:1px solid #ccc; width:100%;}
.dwjintro h2 {position:relative;
font:20px Georgia,verdana,arial,sans-serif;
color:#CCCCCC;
padding:0px;
margin:0px;
}


.dwjintro a {color:#FFF5D6;}      


.dwjintro p{ margin-bottom:5px;}
.dwjclear { clear:both;}
.dwjtitle { clear:both;}
.postpage a { text-decoration:none; border-bottom:dotted #ccc 1px; color:#CCCCCC;}