.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

* html .clearfix {
height:1%;
}

#wrapper {
background:#fff;
width:950px;
border:1px solid #ffc20e;
margin:20px auto;
}

html,body,form,fieldset {
margin:0;
padding:0;
}

body {
background:#231f20;
color:#91888a;
font-family:Verdana;
font-size:.688em;
line-height:1.5em;
}

a:link,a:visited {
color:#fc980e;
font-size:1em;
text-decoration:none;
}

a:hover,a:active {
color:#345aa4;
text-decoration:none;
}

a img {
border:none;
}

h1 {
font-size:1.273em;
}

h2 {
font-size:1.182em;
}

h3 {
font-size:1.091em;
}

p,pre,blockquote,ol,h1,h2,h3,h4,h5,h6 {
margin:5px 0;
padding:0;
}

ul li {
padding-left:0;
}

th {
font-weight:700;
text-align:left;
padding:8px;
}

fieldset {
border:none;
padding:5px;
}

fieldset.input {
background:none;
padding:0;
}

textarea {
width:700px;
border:none;
background-color:#eee;
padding:5px;
}

hr {
border-bottom:0;
border-left:0;
border-right:0;
border-top:1px solid #eee;
height:1px;
}

br {
height:1px;
font-size:.091em;
}

td,th,div {
font-size:100%;
text-align:left;
}

.containerheader {
width:950px;
margin:0 auto;
}

.container {
width:950px;
overflow:hidden;
margin:0 auto;
}

.headerbg {
width:100%;
margin-top:0;
}

.headerbg2 {
width:950px;
height:93px;
background:url(../images/header-gradient.png);
border-bottom:1px solid #fcc20e;
}

.headerbg21 {
width:432px;
float:left;
height:93px;
}

.headerbg22 {
width:100%;
color:#888;
height:17px;
}

.roundedmodulebg_blank {
width:100%;
overflow:hidden;
margin-top:20px;
}

.roundedmodule1 {
width:950px;
background-color:#fff;
background-image:url(../images/roundedkiriatas.gif);
background-position:left top;
background-repeat:no-repeat;
}

.columnkiri {
width:185px;
float:left;
margin-top:10px;
margin-left:10px;
}

.columntengah {
width:540px;
float:left;
margin-left:10px;
margin-top:10px;
}

#pathway {
margin-bottom:10px;
}

.columnkanan {
width:185px;
float:right;
margin-top:10px;
margin-right:10px;
}

.footerbg1 {
width:100%;
background-color:#231f20;
height:17px;
padding:5px;
}

.copyrightbg {
width:100%;
background:#231f20;
}

.copyright {
text-align:right;
color:#ffffff;
margin: 0 15px 15px 15px;
}

.highslide {
cursor:url(highslide/graphics/zoomin.cur), pointer;
outline:none;
}

.highslide-active-anchor img {
visibility:hidden;
}

.highslide-wrapper {
background:#FFF;
}

.highslide-image {
border:5px solid #FFF;
}

.highslide-caption {
display:none;
border:5px solid #FFF;
border-top:none;
background-color:#FFF;
padding:5px;
}

.highslide-loading {
display:block;
color:#000;
font-size:1em;
font-family:sans-serif;
font-weight:700;
text-decoration:none;
border:1px solid #000;
background-color:#FFF;
background-image:url(highslide/graphics/loader.white.gif);
background-repeat:no-repeat;
background-position:3px 1px;
padding:2px 2px 2px 22px;
}

a.highslide-credits,a.highslide-credits i {
color:silver;
text-decoration:none;
font-size:10px;
padding:2px;
}

a.highslide-credits:hover,a.highslide-credits:hover i {
color:#FFF;
background-color:gray;
}

a.highslide-full-expand {
background:url(highslide/graphics/fullexpand.gif) no-repeat;
display:block;
width:34px;
height:34px;
margin:0 10px 10px 0;
}

#gb_overlay {
background-color:#000;
position:absolute;
top:0;
left:0;
z-index:100;
margin:auto;
}

#gb_window {
left:0;
top:0;
font-size:1px;
position:absolute;
overflow:visible;
z-index:150;
}

#gb_window .content {
width:auto;
margin:0;
padding:0;
}

#gb_frame {
border:0;
overflow:auto;
white-space:nowrap;
margin:0;
padding:0;
}

.gb_gallery {
margin:0 22px;
}

.gb_gallery .content {
background-color:#fff;
border:3px solid #fff;
}

.gb_header {
top:10px;
left:0;
z-index:500;
position:absolute;
border-bottom:2px solid #555;
border-top:2px solid #555;
margin:0;
}

.gb_header .inner {
background-color:#333;
font-family:Arial, Verdana, sans-serif;
padding:2px 20px;
}

.gb_header table {
width:100%;
border-collapse:collapse;
margin:0;
}

.gb_header .caption {
text-align:left;
color:#eee;
white-space:nowrap;
font-size:20px;
}

.gb_header .close img {
z-index:500;
cursor:pointer;
}

.gb_header .middle {
white-space:nowrap;
text-align:center;
}

#gb_middle {
color:#eee;
}

#gb_middle img {
cursor:pointer;
vertical-align:middle;
}

#gb_middle .disabled {
cursor:default;
}

#gb_middle .left {
padding-right:10px;
}

#gb_middle .right {
padding-left:10px;
}

.gb_window .content {
background-color:#fff;
border:3px solid #ccc;
border-top:none;
}

.gb_window .header {
border-bottom:1px solid #aaa;
border-top:1px solid #999;
border-left:3px solid #ccc;
border-right:3px solid #ccc;
height:22px;
font-size:12px;
color:#231f20;
margin:0;
padding:3px 0;
}

.gb_window .caption {
font-size:12px;
text-align:left;
font-weight:700;
white-space:nowrap;
padding-right:20px;
}

.gb_window .close span {
font-size:12px;
cursor:pointer;
}

.gb_window .close img {
cursor:pointer;
padding:0 3px 0 0;
}

.gb_window .on {
border-bottom:1px solid #231f20;
}

.gb_window .click {
border-bottom:1px solid red;
}

.clearfix,.highslide-display-block {
display:block;
}

.footerbg1 a,.copyright a {
color:#ffc20e;
}

.highslide img,.highslide:hover img {
border:1px solid #e7e8e6;
margin:5px;
padding:3px;
}

.gb_header .close,.gb_window .close {
text-align:right;
}

pre,.code {
background:#FFC;
border-left:5px solid #CCC;
font:0.688em "Courier News", monospace;
margin:5px 0 15px;
padding:10px 15px;
}

p.stickynote {
background:url(../images/sticky-bg.png) no-repeat 5px center #FFF;
border:1px solid #CCC;
padding:10px 0 15px 50px;
}

p.download {
background:url(../images/download-bg.png) no-repeat 5px center #FFF;
border:1px solid #CCC;
padding:10px 0 15px 50px;
}

p.pdf {
background:url(../images/pdf.png) no-repeat 5px center #FFF;
border:1px solid #CCC;
padding:10px 0 15px 50px;
}

p.flash {
background:url(../images/flash.png) no-repeat 5px center #FFF;
border:1px solid #CCC;
padding:10px 0 15px 50px;
}

p.excel {
background:url(../images/excel.png) no-repeat 5px center #FFF;
border:1px solid #CCC;
padding:10px 0 15px 50px;
}

p.music {
background:url(../images/music.png) no-repeat 5px center #FFF;
border:1px solid #CCC;
padding:10px 0 15px 50px;
}

p.quicktime {
background:url(../images/quicktime.png) no-repeat 5px center #FFF;
border:1px solid #CCC;
padding:10px 0 15px 50px;
}

p.word {
background:url(../images/word.png) no-repeat 5px center #FFF;
border:1px solid #CCC;
padding:10px 0 15px 50px;
}

p.compressed {
background:url(../images/compressed.png) no-repeat 5px center #FFF;
border:1px solid #CCC;
padding:10px 0 15px 50px;
}

p.powerpoint {
background:url(../images/powerpoint.png) no-repeat 5px center #FFF;
border:1px solid #CCC;
padding:10px 0 15px 50px;
}

p.error {
background:url(../images/icon-error.png) no-repeat top left;
color:#C00;
padding-left:25px;
}

p.info {
background:url(../images/icon-info.png) no-repeat top left;
color:#2C79B3;
padding-left:25px;
}

p.tips {
background:url(../images/icon-tips.png) no-repeat top left;
color:#E58C00;
padding-left:25px;
}

.highlight {
background:#FFC;
font-weight:700;
padding:1px 5px;
}

.mainlevel-nav,.mainlevel-nav:link,.mainlevel-nav:visited {
float:right;
color:#BBB;
font-size:1em;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
border-left:1px solid #E3DFE0;
display:block;
padding:25px 15px 30px;
}

.mainlevel-nav:hover {
color:#000;
}

.mainlevel,.mainlevel:link,.mainlevel:visited {
display:block;
text-decoration:none;
border-bottom:1px solid #E3DFE0;
padding:5px 0 5px 5px;
}

.sublevel,.sublevel:link,.sublevel:visited {
display:block;
text-decoration:none;
border-bottom:1px solid #E3DFE0;
padding:5px 0 5px 30px;
}

.contentheading {
font-size:1.45em;
color:#231f20;
font-weight: lighter;
}

.contentheading h3 {
font-size:1.455em;
color:#231f20;
}

.small,.createdate,.modifydate {
color:#91888a;
}

.readon,.readon:link,.readon:visited {
width:100%;
border-bottom:1px dotted #91888a;
text-decoration:none;
padding:2px 0;
}

.readon:hover {
border-bottom:1px dotted #91888a;
}

.blog_more {
border:1px solid #E3DFE0;
margin:5px 0;
padding:5px;
}

.componentheading {
font-size:1.3em;
font-weight:700;
color:#345aa4;
border-bottom:1px dotted #91888a;
padding-bottom:5px;
margin:0 0 10px;
}

.inputbox {
border:2px solid #EEE;
color:#666;
padding:3px;
}

.sectiontableheader,.sectiontableheader a:link,.sectiontableheader a:visited {
background-image:url(../images/gradient.gif);
background-repeat:repeat-x;
color:#FAFAFA;
text-decoration:none;
padding:3px;
}

tr .sectiontableentry1 td,tr .sectiontableentry2 td {
border-bottom:1px solid #EEE;
padding:5px 3px;
}

tr .sectiontableentry1 td a:link,tr .sectiontableentry2 td a:link,tr .sectiontableentry1 td a:visited,tr .sectiontableentry2 td a:visited {
text-decoration:none;
display:block;
}

#mod_search_searchword {
width:150px;
background-image:url(../images/search_bg.gif);
background-position:left top;
background-repeat:no-repeat;
border:none;
background-color:transparent;
color:#666;
margin-top:5px;
padding:3px 0 5px 30px;
}

#modlgn_username,#modlgn_passwd {
width:95%;
border:2px solid #EEE;
color:#666;
padding:3px;
}

td .sectiontableentry2,td .sectiontableentry1 {
padding:5px;
}

.poll tbody tr td {
text-align:left;
}

.poll tbody tr td div {
margin-top:10px;
}

.mainlevel:hover,.mainlevel:active,.sublevel:hover {
background-color:#FAFAFA;
}

#active_menu,#active_menu.sublevel,tr .sectiontableentry2 td,td.sectiontableentry2 {
background-color:#EEE;
}

.inputbox:focus,#modlgn_username:focus,#modlgn_passwd:focus {
border:2px solid #E3DFE0;
}

#topmenu .moduletable {
margin:0;
}

#topmenu ul {
width:auto;
list-style:none;
margin:0;
padding:0;
}

#topmenu ul li {
float:left;
position:relative;
z-index:1000;
margin:0;
padding:0;
}

#topmenu ul li .separator span {
color:#BBB;
height:22px;
display:block;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
border-left:1px solid #E3DFE0;
padding:25px 15px;
}

#topmenu ul li .separator span:hover {
text-decoration:none;
color:#000;
}

#topmenu ul li ul li .separator span {
background-color:#FFF;
height:22px;
border-left:1px solid #E3DFE0;
}

#topmenu ul li ul li .separator span:hover {
background-image:none;
color:#000;
}

#topmenu ul li a {
color:#231f20;
display:block;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
margin-top:0;
border-right:1px solid #FCC20E;
text-decoration:none;
padding:0 15px;
}

#topmenu ul li a:hover {
text-decoration:none;
color: #FC980E;
}

#topmenu ul li ul {
display:block;
height:auto;
width:20em;
position:absolute;
z-index:1000;
color:#600;
left:-999em;
}

#topmenu ul li ul ul {
margin:-27px 0 0 20.6em;
}

#topmenu ul li li {
border-left:1px solid #FCC20E;
width:20em;
margin-left:-1px;
}

#topmenu ul li li a {
width:20em;
color:#231f20;
text-transform:none;
background-color:#FFF;
display:block;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
border-bottom:1px solid #E3DFE0;
padding:5px 0 5px 5px;
}

#topmenu ul li li a:hover {
text-decoration:none;
background-color: #FC980E;
color:#ffffff;
}

#topmenu ul li:hover ul ul,#topmenu ul li:hover ul ul ul {
left:-999em;
}

#topmenu ul li:hover ul,#topmenu ul li li:hover ul,#topmenu ul li li li:hover ul {
left:auto;
}

#system-message {
margin-bottom:10px;
padding:0;
}

#system-message dd {
font-weight:700;
text-indent:30px;
margin:0;
}

#system-message dd ul {
color:#05B;
margin-bottom:10px;
border-top:3px solid #84A7DB;
border-bottom:3px solid #84A7DB;
list-style:none;
padding:10px;
}

#system-message dd.error ul {
color:#c00;
background-color:#E6C0C0;
border-top:3px solid #DE7A7B;
border-bottom:3px solid #DE7A7B;
}

#system-message dd.notice ul {
color:#c00;
background:#EFE7B8;
border-top:3px solid #F0DC7E;
border-bottom:3px solid #F0DC7E;
list-style:none;
}

#system-debug {
color:#ccc;
background-color:#fff;
margin:10px;
padding:10px;
}

.roundedmodulebg .moduletable {
font-size:1em;
color:#231f20;
}

.roundedmodulebg .moduletable h3 {
font-size:1.455em;
color:#231f20;

}

.roundedmodulebg .moduletable a:link,.roundedmodulebg .moduletable a:visited {
text-decoration:none;
}

.roundedmodulebg .moduletable a:hover {
border-bottom:1px dotted #fc980e;
padding-bottom:2px;
}

#pathway,#pathway a:link,#pathway a:visited {
font-size:1em;
font-weight:lighter;
}

.mainlevel-footer,.mainlevel-footer:link,.mainlevel-footer:visited {
color:#fcc20e;
padding-left:10px;
padding-right:10px;
border-right:#fcc20e 1px solid;
text-decoration:none;
}

.columnkiri .moduletable,.columnkiri .moduletable_menu,.columnkanan .moduletable,.columnkanan .moduletable_text,.columnkanan .moduletable_red,.columnkanan .moduletable_text_red {
margin-bottom:10px;
}

.columnkiri .moduletable h3,.columnkiri .moduletable_menu h3,.columnkanan .moduletable h3,.columnkanan .moduletable_menu h3 {

font-size:1.45em;
color:#231f20;
font-weight:lighter;
}

.mainlevel-footer:hover,.mainlevel-footer:active,#active_menu-footer {
color:#345aa4;
}

.columnkanan .moduletable_red h3,.columnkanan .moduletable_menu_red h3 {
font-weight:lighter;
font-size:1.455em;
color:#231f20;
}

h4,span.mainlevel-nav,#topmenu ul li a span,#system-debug div {
font-size:1em;
}

fieldset a,#system-message dt {
font-weight:700;
}

.copyright span,span.mainlevel {
color:#fc980e;
}

.highslide-display-none,#system-message dt.message,#system-message dt.error,#system-message dt.notice {
display:none;
}

.columnkanan .moduletable_red,.columnkiri .moduletable,.columnkanan .moduletable {
border:1px solid #E3DFE0;
padding:5px;
}






.menu-sidemenu, .menu-sidemenu ul
{
margin: 0;
padding: 0;
list-style-type: none;
}

.menu-sidemenu a
{
display: block;
color: #Fc980e;
background-color: #FFFFFF;
padding: 5px 0 5px 5px;
text-decoration: none;
border-bottom:1px solid #E3DFE0;
}

.menu-sidemenu a:hover
{
background-color: #fc980e;
color: #ffffff;
text-decoration: none;
}

.menu-sidemenu li li a
{
display: block;
color: #Fc980e;
background-color: #FFFFFF;
padding: 5px 0px 5px 30px;
text-decoration: none;
border-bottom:1px solid #E3DFE0;
font-weight: normal;
}