/*layout*/
body{margin:0; padding:0; line-height:1.5em; background:#F3F6C3; font-family:Arial,Helvetica,sans-serif; font-size:10pt}
#topsection{background:url( /images/siar_06.gif ) repeat-x top; height:39px}
#topsection1{background:url( /images/siar_10.gif ) repeat-x top; height:32px; padding:4px 1em}
#header{background:url( /images/siarbanner.gif ) no-repeat; height:60px; margin:1em}
#contentwrapper{float:left; width:100%}
#contentcolumn{margin-right:240px}
#rightcolumn{float:left; width:260px; margin-left:-260px}
#footer{clear:left; width:100%; color:#FFF}
#bawah{margin:1em 0; color:#000; background:#EEF1BE url( /images/siar_22.gif ) repeat-x top}
#bawah a{color:#c00;}
#bawah a:hover{color:#f00;text-decoration:underline}
#bottom{line-height:1.2em; padding:0; padding:1em 0; background:#333; font-size:0.8em}
#bottom a{color:#cf9;}

.innertube{margin:1em;}
a{color:#c00;text-decoration:none}
a:hover{color:#f00;}
a:visited{color:#c00;}

.glossymenu{position:relative; padding:0 0 0 1em; margin:0 auto 0 auto; background:url(images/siar_06.gif) repeat-x; height:39px; list-style:none}
.glossymenu li{float:left}
.glossymenu li a{float:left; display:block; color:#000; text-decoration:none; font-family:sans-serif; text-decoration:none; font-size:8pt; font-weight:bold; padding:0 0 0 10px; height:39px; line-height:39px; text-align:center; cursor:pointer}
.glossymenu li a b{float:left; display:block; padding:0 20px 0 8px}
.glossymenu li a:hover{color:#fff; background:url( /images/siartop_03.gif) no-repeat; background-position:left}
.glossymenu li a:hover b{color:#fff; background:url( /images/siartop_04.gif) no-repeat right}
.glossymenu li.current a{color:#fff; background:url( /images/siartop_01.gif) no-repeat; background-position:left}
.glossymenu li.current a b{color:#fff; background:url( /images/siartop_02.gif) no-repeat right}

.usermenu{float:left; position:relative; padding:0; margin:0 auto 0 auto; height:24px; list-style:none}
.usermenu li{float:left}
.usermenu li a{float:left; display:block; color:#ccc; text-decoration:none; font-family:sans-serif; text-decoration:none; font-size:8pt; font-weight:bold; padding:0 10px; text-align:center; cursor:pointer}
.usermenu li a:hover{color:#c00;border-top:solid 2px #c00;}
.usermenu li.current a{color:#c00;border-bottom:solid 2px #c00;}

#frmCari{float:right; margin:2px 0; padding:0}
#frmCari .textinput{width:180px; border:1px solid #eee; background:#FCFFCC}
#frmCari .submit{height:20px; font:bold 0.8em verdana; border:1px solid #ccc; background:#c00; color:#fff}

#frmLogin{float:left; margin:2px 0; padding:0}
#frmLogin .textinput{width:80px; border:1px solid #eee; background:#FCFFCC}
#frmLogin .submit{height:20px; font:bold 0.8em verdana; border:1px solid #ccc; background:#c00; color:#fff}

div.box1{margin-bottom:20px; float:left; clear:both; width:100%; background:url( /images/siarbox1_04.gif) no-repeat bottom right}
div.box1 div{background:url( /images/siarbox1_03.gif) no-repeat bottom left}
div.box1 div div{background:url( /images/siarbox1_02.gif) no-repeat top right}
div.box1 div div div{padding:0 15px 10px; background:url( /images/siarbox1_01.gif) no-repeat top left}
div.box1 div div div div{margin:0; padding:0; float:none; width:99%; background:none}

div.siarboxputih{margin-bottom:20px; float:left; clear:both; width:100%; background:url( /images/siarboxp_04.gif) no-repeat bottom right}
div.siarboxputih div{background:url( /images/siarboxp_03.gif) no-repeat bottom left}
div.siarboxputih div div{background:url( /images/siarboxp_02.gif) no-repeat top right}
div.siarboxputih div div div{padding:0 15px 10px; background:url( /images/siarboxp_01.gif) no-repeat top left}
div.siarboxputih div div div div{margin:0; padding:0; float:none; width:99%; background:none}

div.module{margin-bottom:20px; float:left; clear:both; width:100%; background:url( /images/siarbox_04.gif) no-repeat bottom right}
div.module div{background:url( /images/siarbox_03.gif) no-repeat bottom left}
div.module div div{background:url( /images/siarbox_02.gif) no-repeat top right}
div.module div div div{padding:0 15px 10px; background:url( /images/siarbox_01.gif) no-repeat top left}
div.module div div div div{margin:0; padding:0; float:none; width:99%; background:none}
div.module h3{font-size:1.2em; color:#c00; margin:0; padding:10px 0; width:100%; clear:both; display:block; overflow:hidden}

.divErr{padding:1em; color:#f00;text-align:center;font-weight:bold;}

.pagination{padding:2px}
.pagination ul{margin:0; padding:0; text-align:left; font-size:1.2em}
.pagination li{list-style-type:none; display:inline; margin:0.1em; padding-bottom:1px}
.pagination a, .pagination a:visited{padding:0 5px; border:1px solid #999; text-decoration:none; color:#ccc}
.pagination a:hover, .pagination a:active{border:1px solid #ccc; color:#ccc; background-color:#c00}
.pagination a.currentpage{background-color:#c00; color:#FFF !important; border-color:#ccc; font-weight:bold; cursor:default}
.pagination a.disablelink, .pagination a.disablelink:hover{background-color:#eee; cursor:default; color:#ccc; border-color:#929292; font-weight:normal !important}
.pagination a.prevnext{font-weight:bold}

th{background:#c00;color:#fff;}
input.text{border:solid 1px #ccc; background:#fffefe; height:20px}
textarea.none{border:solid 1px #ccc; background:#fffefe}
div.scroll{ overflow:auto}
ul.briask-iss{position:relative; list-style:none; list-style-image:none; margin:0px auto; padding:0px; overflow:hidden; border:none; background:none}
ul.briask-iss li{list-style:none; margin:0px; padding:0px; border:none; background:none}
ul.briask-iss li a{margin:0px; padding:0px; border:none; background:none}
ul.briask-iss li a img{display:none; position:absolute; padding:0px; top:0; left:0; border:none; background:none}
ul.briask-iss li img{display:none; position:absolute; top:0; padding:0px; left:0; border:none; background:none}

.red{color:#f00}
.space10{height:10px;clear:both;}
.judul{font:1.1em 'Trebuchet MS',sans-serif,helvetica,arial; font-weight:bold; color:#c00}

#bodyList{margin:0;clear:both;}
.body_body{margin:0;clear:both;}
.divHead{padding:1em;font-weight:bold;font-size:1.2em;color:#c00;}
#MemTop{padding:1em;width:560px;}
#MemNav{}
#MemNav ul{list-style:none; padding:0; margin:0; height:22px}
#MemNav li{background:#eee; float:left; height:22px; padding:0 1px; border-bottom:0; margin:1px;border:solid 1px #ccc; border-bottom:0; }
#MemNav a{text-decoration:none; display:block; text-align:center; padding:2px 10px; color:#666;font-weight:bold;}
#MemNav a:hover{color:#f00}
#MemNav #selected{ border:solid 1px #c00; border-bottom:0; background:#c00; color:#fff; font-weight:bold}
#MemNav #selected a{text-decoration:none; position:relative; color:#fff}
#MemNav .alignright{float:right}
#MemPage{border:solid 1px #c00;border-top:solid 5px #c00;padding:1em;}

#container{margin:auto;width:355px;position:relative;height:200px;}
.slideshow-item{height:200px;overflow:hidden;width:auto;position:absolute;top:0px;width:355px;}
.noscript .slideshow-item{position:relative;}
.slideshow-item .slideshow-text{padding:8px;position:absolute;bottom:0px;left:0px;color:#ffffff;background-color:#000;width:339px;opacity:0.75;filter:alpha(opacity=75);-moz-opacity:0.75;z-index:1000;}
.slideshow-item img{float:left;padding-right:8px;}