/* INDEX PAGE STYLE */
#bgindex {
background: url(images/bg.jpg) repeat scroll center top #FFFFFF;
color: #4B4B4B; 
font-family:Verdana, Arial, Helvetica, sans-serif;	
font-size:11px; 
margin: 0px auto; 
height: 100%; 
width: 100%; 
}

#imgflag{
border:0;
}

#dmarqindex {
background: url(images/bgtable1.png) no-repeat;
height:322px;
width:282px;
text-align:center;
}

#marqindex {
width:276px;
height:318px;
font-size:9px;
}

#fontmarqindex {
color:#CC0033;
font-size:11px;
}

#dtombolmasuk {
background: url(images/bgtable1a.png) no-repeat;
height:70px;
width:282px;
}

#divbody {
width:700px;
text-align:center;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#bcol1 {
float:left;
width:411px;
}

#bcol2 {
float:right;
width:282px;
}

/* ALL PAGE DEFAULT */

#warp {
margin : 0 auto;
width:940px;
}

#clear { clear:both; }

#divheader {
width:980px;
text-align:center;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#hcol1 {
float:left;
width:880px;
}

#hcol2 {
float:right;
width:100px;
}

#divbody1 {
float:left;
width:980px;
text-align:center;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}



#bcolutama1 {
float:left;
top:0px;
width:210px;
}

# menuleft {
color:#0072FF; 
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#bcolutama1a {
background: url(images/leftmenubg1.png) no-repeat;
width:210px;
float:left;
text-align:left;
}

#bcolutama2 {
float:left;
top:0px;
width:570px;
}

#indexkegiatan {
float:left;
top:0px;
width:570px;
}

#bcolutama2x {
float:left;
top:0px;
width:770px;
}

#bcolutama2a {
width:570px;
}

#bcolutama3 {
float:left;
top:0px;
width:200px;
}

#divfooter {
width:980px;
text-align:center;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#textfooter {
color:#1A1A1A; 
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:11px;
}

/* MENU AREA */	
#menu {
width: 980px;
background: #eee;
float: left;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 163px;
float: left;
}

#menu a, #menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #1bff7c;
margin: 0;
padding: 2px 3px;
}

#menu h2 {
color: #fff;
background: #000;
text-transform: uppercase;
}

#menu a {
color: #000;
background: #fce0e7;
text-decoration: none;
}

#menu a:hover {
color: #a00;
background: #fff;
}

#menu li {position: relative;}

#menu ul ul {
position: absolute;
z-index: 500;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

div#menu ul ul {
display: none;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

/* Rounded Corner */
div#container { 
margin-left: 20px;
background: #FFE0FF; 
width: 258px;
float:left;
text-align:center;
filter:alpha(opacity=90);
-moz-opacity:0.9;
opacity: 0.9; 
}

b.rtop, b.rbottom{display:block;background: #FFF}
b.rtop b, b.rbottom b{display:block;height: 1px;
    overflow: hidden; background: #FFE0FF}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}

div#container1 { 
margin-right: 20px;
background: #C1E0FF; 
width: 258px;
float:right;
text-align:center;
filter:alpha(opacity=90);
-moz-opacity:0.9;
opacity: 0.9; 
}

b.rtop1, b.rbottom1 {display:block;background: #FFF}
b.rtop1 b, b.rbottom1 b{display:block;height: 1px;
    overflow: hidden; background: #C1E0FF}
b.r11 {margin: 0 5px}
b.r21 {margin: 0 3px}
b.r31 {margin: 0 2px}
b.rtop1 b.r41, b.rbottom1 b.r41{margin: 0 1px;height: 2px}

div#containergal { 
margin-right: 20px;
background: #E6E1FF; 
width: 180px;
float:right;
text-align:center;
filter:alpha(opacity=85);
-moz-opacity:0.85;
opacity: 0.85; 
}

b.rtopgal, b.rbottomgal {display:block;background: #FFF}
b.rtopgal b, b.rbottomgal b{display:block;height: 1px;
    overflow: hidden; background: #E6E1FF}
b.r1gal {margin: 0 5px}
b.r2gal {margin: 0 3px}
b.r3gal {margin: 0 2px}
b.rtopgal b.r4gal, b.rbottomgal b.r4gal{margin: 0 1px;height: 2px}

span.error { font-weight:bold; }

a.toplogo:link, a.toplogo:visited, a.toplogo:active  {color:#FF92AE; text-decoration:none; font-size:24px; font-family:Arial, Helvetica, sans-serif;}
a.toplogo:hover {color:#9592FF; text-decoration:none; font-size:24px; font-family:Arial, Helvetica, sans-serif;}

a.topmenu:link,a.topmenu:visited,a.topmenu:active {font-weight: bold; color:#FF92AE; text-decoration:none; font-size:16px; font-family:Arial, Helvetica, sans-serif;}
a.topmenu:hover {font-weight: bold; color:#9592FF; text-decoration:underline; font-size:16px; font-family:Arial, Helvetica, sans-serif;}

a.topmenu1, a.topmenu1:visited { display: table-row; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-weight: 900; font-size: 12px; color: #FF92AE; }
a.topmenu1:hover { display: table-row; text-decoration: underline; font-family: Arial, Helvetica, sans-serif; font-weight: 900; font-size: 12px; color: #9292FF; }

a.footer:link,a.footer:visited,a.footer:active {font-weight: bold; color:#FF92AE; text-decoration:none; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
a.footer:hover {font-weight: bold; color:#9292FF; text-decoration:underline; font-size:12px; font-family:Arial, Helvetica, sans-serif;}

a.linkisi:link,a.linkisi:visited,a.linkisi:active {font-weight: bold; color:#FF0000; text-decoration:none; font-size:13px; font-family:Arial, Helvetica, sans-serif;}
a.linkisi:hover {font-weight: bold; color:#9292FF; text-decoration:underline; font-size:13px; font-family:Arial, Helvetica, sans-serif;}

a.linkisi1:link,a.linkisi1:visited,a.linkisi1:active {font-weight: bold; color:#0000FF; text-decoration:none; font-size:14px; font-family:Arial, Helvetica, sans-serif;}
a.linkisi1:hover {font-weight: bold; color:#929200; text-decoration:underline; font-size:14px; font-family:Arial, Helvetica, sans-serif;}

a.leftmenu1:link,a.leftmenu1:visited,a.leftmenu1:active {font-weight: bold; color:#0072FF; text-decoration:none; font-size:13px; font-family:Arial, Helvetica, sans-serif;}
a.leftmenu1:hover {font-weight: bold; color:#FF0011; text-decoration:underline; font-size:13px; font-family:Arial, Helvetica, sans-serif;}

a.topmasuk:link,a.topmasuk:visited,a.topmasuk:active {font-weight: bold; color:#8F8FFF; text-decoration:none; font-size:24px; font-family:Arial, Helvetica, sans-serif;}
a.topmasuk:hover {font-weight: bold; color:#FFFF00; text-decoration:none; font-size:24px; font-family:Arial, Helvetica, sans-serif;}


font.menu { color:#FF92AE; font-size:16px; font-family:Arial, Helvetica, sans-serif; }

h3 {color:#FF0606; margin-top:4px; margin-bottom: 4px;}
#indexh3  {
margin-top:0; 
margin-bottom:0;
}
h2 {color:#4B4B4B; margin-top:4px; margin-bottom: 4px;}

#bulletleftmenu{ margin-top:8px; margin-bottom:8px; color:#0072FF; }
ul { margin-top:4px; margin-bottom:4px; color:#4B4B4B; } 

#menupict {opacity: 0.6; filter: alpha(opacity=60);}