/* CSS Document */

body, ul, ol, p, h1, h2, h3, h4, table, tr, td
                            {margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif;}

a img                       {border:none;}

.left                       {float:left;}
.pr_16			    {padding-right:16px;}
.pt180			    {padding-top:180px;}
.pt170			    {padding-top:170px;}
.pt15			    {padding-top:15px;}
.pt60			    {padding-top:60px;}
.pl15			    {padding-left:15px;}
.right                      {float:right;}
.cl_float                   {clear:both;}
.f11                        {font-size:11px;}
.d_inline                   {display:inline;}
.d_inline h5                {font:bold 16px arial; color:#227aa2; margin:0px 0px 10px 0px; padding:0px;}
.h100			    {height:100%;}
.h50			    {height:50px;}
.hSitemap		    {height:425px;}
.block			    {display:block;}

.homenavi 		    {float:left; font-family:Tahoma,Arial,Garamond; font-size:12px; font-weight:bold; margin-bottom:10px;}
.homenavi ul		    {display:block;}
.homenavi li		    {display:inline;}
.homenavi a		    {text-decoration:none; color:#333333;}

.bg_menukiri                {background:#0191d4 url(../images/bg_left.jpg) no-repeat top left; height:1000px;}

ul.menukiri                 {list-style:none; color:#fff; font-size:12px;}
ul.menukiri li              {padding: 15px 0px; border-bottom: 1px dashed #69bce2;}
ul.menukiri li a            {text-decoration:none; font-weight:bold; color:#fff;}
ul.menukiri li a:hover      {color:#69bce2;}

.eng                        {padding:180px 0px 0px 15px; font:normal 11px arial; color:#fff;}
.eng a                      {font:normal 11px arial; color:#fff; text-decoration:none; text-align:center}
.eng a:hover                {text-decoration:underline;}

.menuatas                   {font: normal 11px arial; height:24px; overflow:hidden;}
.menuatas p                 {float:left;  line-height:24px; margin-right:3px;}
.menuatas a.home            {background:none; padding:0px;}
.menuatas a                 {background:url(../images/top_menu_right_off.gif) no-repeat top right; padding:0px 8px 7px 0px;
                             text-decoration:none; color:#fff; display:block;}
.menuatas a span            {background:url(../images/top_menu_left_off.gif) no-repeat top left; line-height:24px; padding:5px 4px 0px 10px;}
.menuatas a:hover , .menuatas a.select
                            {background:url(../images/top_menu_right.gif) no-repeat top right; color:#fff;}
.menuatas a:hover span, .menuatas a.select span
                            {background:url(../images/top_menu_left.gif) no-repeat top left; }

.balong_headline            {border:1px solid #dadada; margin:0px 0px 7px; padding:0px 0px 9px 0px;}
.balong_headline img        {margin:0px 10px;}
.balong_headline h1         {font:bold 22px arial; margin:0px 10px;}
.balong_headline h1 a       {color:#66bfe9; text-decoration:none; font-size:15px;}
.balong_headline h1 a:hover {text-decoration:underline;}
.balong_headline h2         {font:normal 12px arial; margin:8px 10px 3px 10px; font-style:italic; color:#666;}
.balong_headline p          {font:normal 11px arial; margin:0px 10px 10px 10px; color:#666;}
.balong_headline p span     {font:normal 11px trebuchet ms; background:#c4efff; color:#000;}
.balong_headline p a        {float:right; font:bold 11px trebuchet ms; color:#f4b611; text-decoration:none;
                             background:url(../images/ic_rss.gif) no-repeat center left;
                             padding-left:15px;}
.balong_headline p a:hover  {text-decoration:underline;}

p.address                   { text-align:center; color:#333; font: normal 11px trebuchet ms;}

.listhead                   {background:#fff url(../images/bg_extra.gif) repeat-x top; border:1px solid #becad4; border-top:none; border-bottom:1px solid #becad4;}
.listhead ul                {list-style:none;}
.listhead ul li             {display:inline; text-align:center; width:93px; float:left; border-right:1px solid #becad4; padding:10px 5px 0px 5px; height:129px;
                             overflow:hidden;}
.listhead ul li:hover, .listhead ul li.selected {
    background:url(../images/bg_extra_hov.gif) repeat-x;
}
.listhead ul li:hover a     {color:#fff;}
.listhead ul li.last        {border:none;}
.listhead h4                {font:normal 10px arial; padding:5px 0px;}
.listhead h4 a              {color:#666; text-decoration:none;}
.listhead h4 a:hover        {text-decoration:underline; color:#fff;}

.listhead ul li {
    /*padding:0;*/
    /*margin:0;*/
}
.listhead ul li a {
    display:block;
    /*padding:10px 5px 0px 5px;*/
    text-decoration:none;
    /*width:94px;*/
    /*height:100%;*/
}
.listhead ul li a:hover {
    color:#FFFFFF;
    /*background:url(../images/bg_extra_hov.gif) repeat-x;*/
}

.extra                      {border:1px solid #becad4; padding:2px; background:#fff;}
.extra p                    {font:normal 11px arial; color:#666;}

.sidelist ul                {list-style:none; margin:0px;}
.sidelist a                 {text-decoration:none; display:block;}
.sidelist li                {display:inline; float:left; text-align:center; height:90px; padding-top:10px; line-height:14px;}
.sidelist li:hover          {background:#999999;}
.sidelist li div a          { width:105px; display:block;}

.prepen                     {height:30px; background:none; margin:10px 0px;}
.prepen p                   {line-height:30px; float:left; margin-right:20px;background:url(../images/but_curve_lft.gif) no-repeat top left ; padding-left:8px;}
.prepen a                   {background:url(../images/but_curve_right.gif) no-repeat right top;font: bold 11px arial; padding:8px 16px 12px 10px; line-height:30px;
                             text-decoration:none; color:#000;}
.prepen a:hover             {text-decoration:underline;}



/*  tabbing pengumuman */

.basictab ul            {
                            z-index:1;
                            position:absolute;
                            margin: 0px;
                            padding: 8px 0px 8px 0px;
                            margin-left: 20px;
                            font: bold 12px Verdana;
                            list-style-type: none;
                            text-align: left; /*set to left, center, or right to align the menu as desired*/
                        }
.basictab li                {display: inline; margin: 0;}
.basictab li a              { text-decoration: none; padding: 7px 12px 5px 12px; margin-right: 3px; border: 1px solid #cde5f1; border-bottom: none; background:#ebf8ff;
                              color: #acc8d6; }
.basictab li a:hover, .basictab li a.current
                            {color: black; border-bottom:1px solid #fff; background:#fff;}
.tab_konten                 {border:1px solid #cde5f1; padding:5px; margin-top:27px;}
.tab_konten ul              {margin-left:0px; list-style:url(../images/bullet1.gif); }
.tab_konten ul li, .tab_konten ul li a
                            {font-size:12px; font-weight:bold; color:#333; text-decoration:none;}
.tab_konten ul li a:hover   {text-decoration:underline;}
.tab_konten ul li           {font-size:11px; color:#333; padding:5px 0px; margin-bottom:3px; margin-right:20px;margin-left:20px;}
.tab_konten ul li h3        {color:#32b3e3; font-size:10px;}
.tab_konten p a             {float:right; font:bold 11px trebuchet ms; color:#f4b611; text-decoration:none;
                             background:url(../images/ic_rss.gif) no-repeat center left;  padding:10px 15px;}
.tab_konten p a:hover       {text-decoration:underline;}


/*  end tabbing pengumuman */

.jajak                      {background:url(../images/bg_jajak_bot.gif) no-repeat bottom; font:normal 11px arial; padding-bottom:15px;}
.jajak div.top_round                    {background:url(../images/bg_jajak_top.gif) no-repeat top;}
.jajak h3                   {font: bold 16px arial; padding:10px 15px;}
.jajak p                    {padding:0px 15px 10px 15px;}
.jajak p.tbol               { float:left; background: #9ed3ee url(../images/bg_but_jajak.gif) repeat-x top; border: 2px solid #9ed3ee; margin-left:40px;
                             display:inline; padding:2px 15px;}
.jajak p.tbol a             { color:#4c8eb0; text-transform:uppercase; text-decoration:none;}
.jajak p.tbol a:hover       {text-decoration:underline;}
.jajak ul                   {list-style:none; margin:0px 0px 0px 20px; padding-bottom:10px;}


.kata_makna                 {font:normal 11px arial; color:#666; display:inline; background:#f0f9fd url(../images/bg_katamakna_bot.gif) no-repeat bottom;}
.kata_makna h2              {font:bold 12px arial; color:#000; margin:0px 15px; padding-top:10px;}
.kata_makna p               {margin:5px 15px 20px 15px;}
.kata_makna .top            {background:url(../images/bg_katamakna_top.gif) no-repeat top; }

.hotline                    {font:normal 11px arial; color:#000;}
.hotline ul                 {list-style:none;}
.hotline ul li              {padding:2px 0px;}
.hotline ul.hot li          {padding:4px 0px;}
.hotline a, .hotline a.admin_on, .hotline a.admin_off {text-decoration:none; color:#000;}
.hotline a:hover, .hotline a.admin_on:hover, .hotline a.admin_off:hover {text-decoration:underline;}
.hotline a.admin_on         {background:url(../images/admin.gif) no-repeat top left; padding-left:25px; padding-top:2px;}
.hotline a.admin_off        {background:url(../images/admin.gif) no-repeat bottom left; padding-left:25px; padding-top:2px;}


.statistik, .statistik h4   {font:normal 11px Arial; color:#666;}
 .statistik h3              {font:bold 12px Arial; color:#000; margin-bottom:10px;}
.statistik p                {text-align:right; font-weight:bold; height:14px; border-right:10px solid #d1d1d1; padding-right:3px;}
.statistik ul               {border-left: 1px solid #d1d1d1; list-style:none;}
.statistik ul li            {border-bottom:1px solid #d1d1d1;  padding: 4px 0px 0px 3px;}


/* index isi */
.bungkus                    {border:1px solid #e1e1e1; }

.cari                       {background:#f0f0f0; font-size:11px; margin:2px; padding-left:10px; height:30px;}
.cari_box                   {height:30px; line-height:30px; color:#999; font-size:10px;}

.list_judul                 {height:220px; overflow:hidden;}

ul.daft_jud                 {list-style:none; padding:10px 15px; margin-right:20px;}
ul.daft_jud li              { display:block; padding:5px 3px; border-bottom:1px solid #e1e1e1; margin:3px 0px;}
ul.daft_jud li a            { font:bold 12px arial; color:#000; text-decoration:none;}
ul.daft_jud li a:hover      { color:#666;}


.hide                       {height:420px; overflow:hidden;}

.tengah                     {background:#efefef; height:10px; }
.slide_bar                  {display:block; width:80px; margin:0px auto;}
.slide_bar  a               {float:left;}
.slide_bar ul               {list-style:none; margin:0px; padding:0px;}
.slide_bar ul li            { display:inline; padding:2px 0px;}

.prev_block                 {font-size:11px;}
.prev_block h1              {font:bold 22px arial;}
.prev_block h2              {font:normal 12px arial; margin:8px 10px 3px 0px; font-style:italic; color:#666;}
.prev_block a               {color:#66bfe9; text-decoration:none;}
.prev_block a:hover         {text-decoration:underline;}
.prev_block div             {margin:10px 20px;}
.prev_block span            {font:normal 10px trebuchet ms; background:#c4efff; color:#000; padding: 0px 5px; }
.prev_block img             {margin:5px 0px;}
.prev_block p               {margin:5px 0px; color:#666; line-height:18px;}


.alamat                     {text-align:center; font:normal 11px trebuchet ms; color:#666; position:relative;}

.share_on                   {font: bold 12px arial; }
.share_on a                 {text-decoration:none; color:#507e93; padding-left:20px; margin-right:10px;}
.share_on a.fb              {background:url(../images/ic_facebook.gif) no-repeat top left;}
.share_on a.tw              {background:url(../images/ic_twitter.gif) no-repeat top left;}
.share_on a.rss             {background:url(../images/ic_rss2.gif) no-repeat top left;}
.share_on a:hover           {text-decoration:underline;}


ul.lain                     {list-style:none;}
ul.lain li                  {padding:5px 0px; border-bottom: 1px solid #d1d1d1}
ul.lain li a                {color:#4b8fad; text-decoration:none; font-weight:bold; background:url(../images/bullet2.gif) no-repeat left center; padding-left:15px}
ul.lain li.last             {border-bottom:none;}
ul.lain li a:hover          {text-decoration:underline;}

 /*width*/
.w1014          {width:1030px;}
.w728           {width:728px;}
.w422           {width:422px;}
.w300           {width:300px;}
.w298           {width:298px;}
.w250           {width:250px;}
.w220           {width:220px;}
.w200           {width:200px;}
.w148           {width:148px;}
.w140           {width:140px;}
.w108           {width:108px;}
.w60            {width:60px;}
.w100p		{width:100%;}
.w10p		{width:10%;}
.w20p		{width:20%;}



/*height*/
.h220           {height:220px;}
.h22            {height:22px;}

/*padding*/
.pl15           {padding-left:15px;}
.pr25           {padding-right:25px;}
.pr15           {padding-right:15px;}
.pr6           {padding-right:6px;}
.pt10           {padding-top:10px;}
.pl10           {padding-left:10px;}
.pt5            {padding-top:5px;}
.pt4            {padding-top:4px;}

/*margin */
.mt10           {margin-top:10px;}
.mb10           {margin-bottom:10px;}
.mb-20		{margin-bottom:-20px;}
.mr30           {margin-right:30px;}
.mr20           {margin-right:20px;}
.ml20           {margin-left:20px;}
.mt20           {margin-top:20px;}
.mb20           {margin-bottom:20px;}
.ml5            {margin-left:5px;}

.Container			{border: 1px solid #CDE5F1;background-color: white;padding: 10px;clear: both;
				border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;//font-size:150%;
				font-family:Arial; font-size:12px; line-height: 1.5em;}
.Container a			{text-decoration:none; color:#002bb8;}
.Container a:hover		{text-decoration:underline; color:#002bb8; }

.Container li a			{text-decoration:none; color:#002bb8; }
.Container li a:hover		{text-decoration:underline; color:#002bb8;}

.Container p span a		{text-decoration:none; color:#002bb8; }
.Container p span a:hover	{text-decoration:underline; color:#002bb8; }

.Container p	 		{margin-bottom:12px;}
.Container span			{margin-bottom:12px;}

.Container p span		{margin-bottom:12px;}



.Container ol li		{margin-left:20px;}
.Container ul li		{margin-left:20px;}

.nolistcontainer 		{border: 1px solid #CDE5F1;background-color: white;padding: 10px;clear: both;
				border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;//font-size:150%;}
.nolistcontainer ul li		{list-style-type:none;}



.linkContainer			{line-height: 1.5em; border: 1px solid #CDE5F1;background-color: white;padding: 10px;clear: both;
				border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;//font-size:150%;}
.linkContainer ul		{ margin-left:20px; list-style:url(../images/bullet1.gif);}
.linkContainer ul li		{ margin-bottom:3px;}
.linkContainer li a		{text-decoration:none;}

.nblinkContainer		{background-color: white;padding: 10px;font-size:16px; margin-top:-41px;}
.nblinkContainer ul		{margin-left:20px; list-style:url(../images/bullet1.gif);}
.nblinkContainer li a		{text-decoration:none;}
.nblinkContainer li a:hover	{text-decoration:underline;}
li.article-list 		{display:block;}
.cssbox 			{border-bottom: 1px solid silver;padding-bottom:10px;}
.header 			{text-decoration: none;	font-size:16px; font-weight:bold;}
.cssbox_head 			{text-decoration: none;}
.cssbox_body p			{font-size:12px;text-align: justify;}
.cssbox_body img		{width:100px; float:left; margin:0px 10px 10px 10px;}
.date				{font-size:10px;padding-bottom:10px;}
.subnavigation			{margin-top:30px;}
#headline-caption a		{font-size:16px;}
span.image-wrapper		{width:auto;height:200px;overflow:hidden;}
.style1 			{font-size:12px;}
.style2				{font-size:12px;}
.linkcontainer p		{font-size:12px;}
.bborder 			{width:100%; border-bottom:2px solid #cccccc;}


.SiteMapContainer 			{border: 1px solid #CDE5F1;background-color: white;padding: 10px; margin:5px;
					border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;//font-size:150%;
					font-family:Arial; font-size:14px; line-height: 1.5em; font-weight:bold;}
.SiteMapContainer ul			{margin-left:20px; list-style:url(../images/bullet1.gif);}
	
.SiteMapContainer a			{text-decoration:none; color:#002bb8;}
.SiteMapContainer a:hover		{text-decoration:underline; color:#002bb8; }

.SiteMapContainer li a			{text-decoration:none; color:#002bb8; font-size:12px; font-weight:normal;}
.SiteMapContainer  li a:hover		{text-decoration:underline; color:#002bb8;}



#sidebar div.search-box{width:180px;height:40px;margin-top: 0px;background:url(/images/bg_search.png) no-repeat 0 0; overflow:hidden;}
#sidebar div.search-box input{float:left;margin:0;padding:0;border:0;background:none; }
#sidebar div.search-box input.text{background:white; border:1px solid white; font:bold 12pxpx Tahoma,Geneva,sans-serif;height:20px;margin:10px 0 0 5px;display:inline;width:140px;color:#9e0728;}
#sidebar div.search-box input.btn{font-size:0;line-height:0;text-indent:-9999px;overflow:hidden;width:22px;height:22px;padding:0 0 32px;margin:10px 0pt 0pt 0px;cursor:pointer;color:#e8ab29;}

#xsltsearch {margin: 0; padding-bottom: 20px;} 
#xsltsearch_navigation {text-align: center;} 
#xsltsearch_navigation .disabled {color: #AAA;} 
#xsltsearch_stats {font-size: 75%; color: #999;} 
#xsltsearch_results {padding-bottom: 20px;} 
#xsltsearch h2 {font-size: 150%;} 
.xsltsearch_result p {margin: 0; padding: 0;} 
.xsltsearch_result:hover {background: #cccccc;} 
.xsltsearch_ordinal {font-weight: bold; font-size: 75%;} 
.xsltsearch_title {font-weight: bold;} 
.xsltsearch_score {font-size: 75%;} 
p.xsltsearch_result_description {padding-bottom: 10px;} 
.xsltsearch_description strong {background: #1F4B7A; color:white;} /* search term highlighting */

/* css */

/* rotator in-page placement */
#banner {
	position:relative;
	height:150px;
	//height:170px;
	background: #FFF;
	background-color: white;
	border: 1px solid #CDE5F1;
	border-bottom-left-radius: 4px 4px;
	border-bottom-right-radius: 4px 4px;
	border-top-left-radius: 4px 4px;
	border-top-right-radius: 4px 4px;
	clear: both;
	line-height: 1.5em;
	padding: 10px;
}
/* rotator css */
	#banner ul li {
	float:left;
	position:absolute;
	list-style: none;
}
/* rotator image style */	
	#banner ul li object {
	/*border:1px solid #ccc;*/
}
    #banner ul li.show {
	z-index:500;
}




















































































































































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */