/* - ROOT ------------------------- */

/* -- Layout */
body {
	margin: 0;
	padding: 0;
	min-width: 980px;
	font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
	font-size: 12px;
   	font-weight: normal;
	color: #2D2C2C;
}
.wrap {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 980px;
	text-align: left;
	background-image: url(../img/bg-page.png);
	/*background-image: url(/img/bg-page.png);*/
	background-repeat: repeat-y;
}
hr {display: none; }
.floatleft {float: left; }
.floatright {float: right; }
.clearboth {clear: both; }

.widthleftcontent { width: 670px; 	margin: 0 10px;}
.widthrightcontent { width:270px;}

h1, h2, h3, h4 {	font-family: "Trebuchet MS", Geneva, Tahoma, Verdana, Arial, sans-serif; }
h2 {	font-size: 16px; }
h3, h4 {	font-size: 14px; }

/* -- Navigation */
a { color:#213C5A;text-decoration:none;}
a:hover { color:#213C5A;text-decoration:underline;}

/* - REGIONS ------------------------- */

/* -- Top */
#topmenu {	border-bottom: 1px solid #DEE8EF; 
}

#topmenu1{
	margin: 0 10px;
	padding:8px 20px;
	background-image: url(../img/logo.png);
	background-repeat: no-repeat;
	background-position: 10px 3px;
	}
#topmenu2 {
padding:8px 20px;
}
#topmenu1, #topmenu1 a {
	background-color:#A4940E;
	color:#FFFFFF;
}
#topmenu2, #topmenu2 a {
	color:#005BAB;
	font-weight:bold;
}
#topmenu1 a, #topmenu2 a {
	text-decoration:none;
}
#topmenu1 a:hover, #topmenu2 a:hover {
	text-decoration:underline;
}
.topmenu1left {
	padding-top:18px;
	width:650px;
	height:50px;
}
.topmenu1right {
	padding-top:8px;
}
.topmenu1left .date {
	font-weight:bold;
	text-align:right;

}
#topmenu2 { width:940px;}
#topmenu2 .titlemultimedia { background:url(/img/itb-lambsmall.png) no-repeat left; padding-left:22px; color:#A4940E; font-size:14px;}
.topmenu2left { width: 640px;}
.topmenu2left .submitarticle { background:url(/img/submitarticle.png) no-repeat left; padding-left:18px;}
.topmenu2right { width: 268px;}

#s {
	margin: 0;
	font-size: 14px;
	width: 195px;
	border: 1px solid #FFFFFF;
}
#s:hover {
	border: 1px solid #FFFFFF;
}
#search {
	background: #FFFFFF;
}
.searchsubmit {
	font-size: 12px;
	font-weight:bold;
	color: #fff;
	background:url(/img/b_search.jpg) repeat-x left;
	height:23px;
	border: 1px solid #FFFFFF;
}
.lang_ind { background:url(/img/f_in.jpg) no-repeat left;}
.lang_en { background:url(/img/f_eng.jpg) no-repeat left;}
.lang_ind, .lang_en { padding-left:20px}

/* -- Header */
.headerimg h1 {
	font-size:20px;
}
.headerimg h2 {
	font-family:verdana;
	font-size: 16px;
	margin:44px 0px -50px 96px;
	color:#EA5200;
}
.headerimg {
	background: url(/img/logo.png) no-repeat left;
	background-position: 15px 28px;
	height:126px;
}
.headerimg h1, .headerimg h1 a, .headerimg h1 a:hover {
	margin: 48px 0 4px 48px;
	padding: 0;
	color: #001435;
}
.headerimg h1 a {
	text-decoration:none;
}
.headerimg h1 a:hover {
	text-decoration:underline;
}
#headeradd {
	font-size:11px;
	padding-top:5px;
}
#headeradd h4 { margin:-1px 0px -5px 0px; padding: 3px 0px; border-bottom:1px solid #DEE8EF;}

/* -- Footer */
#footer {
	margin-bottom:20px;
}
/* -- Bottom */
#bottommenu {
	background-color:#6095D2;
}
#bottommenu h1, #footer h1 {
	font-weight:bold;
	font-size:13px;
	margin: -2px 0px;
}
#bottommenu .wrapbottom, #footer .wrapbottom {
	padding:20px;
	width:940px;
}
.wrapbottom { border-top:1px solid #DEE8EF;}
.wrapbottom .coloumn { margin-left:10px;}
#bottommenu .coloumn ul li, #bottommenu .coloumn ul li a {
	margin: 0;
	padding: 1px 0px;
	display: block;
	color: #FFFFFF;
}
#bottommenu a {color:#FFFFFF;}
#bottommenu .leftc {
	width: 210px;
}

/* - SECTIONS ------------------------- */

/* -- Spotlight */
#spotlight {
	border-top:1px solid #DEE8EF;
	height:19px;
	padding:5px;
	width:660px;
	background-color:#CAE1F3;
}
#spotlight .text {
	color:#D9090B;
	font-size:13px;
	font-weight:bold;
}
/* -- HeaderITB */
#contentheaderitb { background-color:#4677AF; }
#contentheaderitb h1 {	color: #213C5A; }
#contentheaderitb ul { margin-left:145px;}
#contentheaderitb ul li {	border-bottom: 1px dotted #B0CCEC; }

/* -- HeaderBerita */
#headerberita, #headeritb { background-color:#F0F9FD;}
#contentheaderberita {	background-color:#2179AD; }
#contentheaderberita h1 {	color:#FFFFFF; }
#contentheaderberita ul { margin-left:163px;}
#contentheaderberita ul li { border-bottom: 1px dotted #1D1D1D; }
#contentheaderberita ul li a {	color: #FFFFFF; }

/* -- HeaderMultimedia */
#contentheadermultimedia { color: #2D2C2C;}
#contentheadermultimedia h1 {	color: #213C5A; }

/* -- HeaderNews */
.headernews {
	padding:12px;
	color: #FFFFFF;
}
.headernews h1 {
	font-size:20px;
	margin-top:-5px;
}
.headernews .img {
	border:1px solid #BECCCD;
	margin-right:10px;
}
.headernews .news {
	width:480px;
}
.headernews .multimedia {
	width: 640px;padding-left:10px;
}
.headernews .multimedia h1 {
	font-size:15px;
	margin-top:-5px;
}
.headernews .date {
	color: #E6D123;
	font-weight:bold;
}
.headernews a.readmore {
	color:#1D1D1D;
	font-weight:bold;
}
.headernews ul li {
	margin: 0;
	padding: 5px 0px;
	display: block;
	width:300px;
}
/* -- MainContent */
#maincontent{ padding:0px 0px 40px 20px; width:650px;}
#maincontent h1 a { font-size:20px}
#maincontent h1, #maincontent h2 { margin: 10px 0px -10px 0px;}
/* #maincontent h1, #maincontent h2 { margin: 10px 0px -20px 0px;} */
#maincontent h2, #maincontent h1 { font-size:18px;color:#2D2C2C;}
#maincontent .img {
	border:1px solid #BECCCD;
	margin-right:10px;
}
#maincontent .related {
	border-top:1px solid #D4DDE2;
	border-bottom: 1px solid #D4DDE2;
	width:600px;
	padding:5px 10px 5px 40px;
	margin: 40px 0px 10px 0px;
}
#maincontent .recent .left { width:100px; float:left;padding:0px 20px 0px 10px;font-weight:bold;}
#maincontent .recent .right { width: 520px; float:left;}
#maincontent .recent .odd, #maincontent .recent .even, #maincontent .recent .desc { padding:5px 0px;}
#maincontent .recent .odd { background-color: #FAF8F8;}
#maincontent .related a, #maincontent .share { font-size:13px; font-weight:bold;}
#maincontent p.answ {margin-bottom:-40px; }
#maincontent h3.quest {font-size:13px;font-weight:weight;margin-top:30px; padding-top:5px;border-top:1px dotted #DEE8EF;}
.wrap .addul ul ul, .wrap .addol li ul li {margin:0px; border-top:1px solid #FFFFFF;}
.wrap .addol li ul li { margin-top:-20px;}
.wrap .addul ul { padding:0px;list-style:none;border-top:1px dotted #DEE8EF;margin:30px 0px -25px 0px;}
.wrap .addol ul { padding:0px;list-style:none;margin:30px 0px 0px 0px;}
.wrap .addol ul li {border-top:1px dotted #DEE8EF;padding-top:5px;}
.wrap .addul ul li, .wrap .addol ul li {margin-top:5px; font-size:13px;color:#213C5A;font-weight:bold;}
.wrap .addul ul li ul li, .wrap .addol ul li ul li {font-size:12px;color:#2D2C2C;font-weight:normal;}
.wrap .addul ul li ul {border-top:1px solid #FFFFFF;margin-top:0px;}
.wrap .addul .more { margin-top:30px;border-top:1px solid #DEE8EF;}
.wrap .addul .blok .post { border-top: 1px dotted #DEE8EF;}
.wrap .addul .blok .post h3 {margin-top:5px;}
.wrap .addul .blok h1 {padding-bottom:30px;}
.wrap .addul small, .wrap .addli small, .wrap addul .entry small {color:#EA5200; font-weight:normal;font-size:12px;}
.wrap .addli .entry {margin-top:-10px; }
.wrap .addli .entry .img {width:60px;height:60px;}
.wrap .addol .blok h2, .kekiri .blok h2 {padding-bottom:18px;}
.wrap .addol .blok p {border-top:1px dotted #DEE8EF;}
.wrap .addul .more .cal, .wrap .addol .cal {background:url(/img/cal.png) no-repeat left; padding-left:20px;}
.wrap .addol .pdf {background:url(/img/pdf.png) no-repeat left; padding-left:20px;}
.wrap .addol .blok #Januari, .wrap .addol .blok #Februari, .wrap .addol .blok #Maret, .wrap .addol .blok #April, .wrap .addol .blok #Mei, .wrap .addol .blok #Juni, .wrap .addol .blok #Juli, .wrap .addol .blok #Agustus, .wrap .addol .blok #September, .wrap .addol .blok #Oktober, .wrap .addol .blok #November, .wrap .addol .blok #Desember { margin-bottom:-45px;}
.kekiri .blok .img2  {vertical-align:top; padding: 5px 5px 25px 5px;margin-bottom:5px;background-color:#F7F6F6; height:60px; border:1px solid #F7F6F6;}
.kekiri .blok .img2:hover {background-color:#DDDDDD; border:1px solid #888888;}


ul.share { color: #A4940E; }
ul.share li a { font-size:12px; font-weight:normal;}
/* -- Coloumn1 */
#coloumn1 {
	background-color:#F0F9FD;
	padding:20px;
	width:630px;
}
#coloumn1 h1 {
	font-size:16px;
	font-weight:bold;
	color:#213C5A;
	margin:-5px 0px;
}

/* -- Coloumn2 */
#coloumn2 {
	margin-bottom:30px;
	width:670px;
	background:url(/img/bl.png) repeat-x #F0F9FD;
}
#coloumn2 .leftcoloumn {
	padding-right:19px;
	width: 153px;
}	
#coloumn2 .leftcoloumn .headerleftcoloumn .title, #coloumn2 .rightcoloumn .headerleftcoloumn .title, #coloumn3 .leftcoloumn .headerleftcoloumn .title  {
	padding: 5px 0px;
	border-top: 1px solid #DEE8EF;
	border-bottom: 1px solid #DEE8EF; 
	background-color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
	color: #213C5A;
	margin-bottom:5px;
}
#coloumn2 .rightcoloumn, #coloumn2 .leftcoloumn ul, #coloumn2 .rightcoloumn ul, #coloumn2 .leftcoloumn .headerleftcoloumn .title, #coloumn2 .rightcoloumn .headerleftcoloumn .title {
	width:153px;
}
#coloumn2 .leftcoloumn ul li, #coloumn2 .rightcoloumn ul li, #coloumn3 .leftcoloumn ul li  {
	margin: 0;
	padding: 5px 0px;
	display: block;
	border-top: 1px dotted #DBE1E6;
}

/* -- Coloumn3 */

#coloumn3 {
	background-color:#F3F8FC;
	padding:20px;
	margin-bottom:5px;
	width:630px;
}
 #coloumn3 .leftcoloumn .headerleftcoloumn .title, #coloumn3 .leftcoloumn ul, #coloumn3 .leftcoloumn ul li {
    width:190px;
}	
#coloumn3 .leftcoloumn {
	padding-right:20px;
	width: 190px;
}	
#coloumn3 .rightcoloumn , #coloumn3 .rightcoloumn .title {   width:420px; }	
#coloumn3 .rightcoloumn .title { 
	border-top:1px solid #DEE8EF; 
	border-bottom:1px solid #DEE8EF;
	font-weight:bold;
	padding: 5px 0px;
	margin-bottom:3px;
}
#coloumn3 .rightcoloumn .img { border: 1px solid #BECCCD; margin-bottom: 5px;}
#coloumn3 .rightcoloumn .news { text-align:right }

/* -- Coloumn4 */
#coloumn4 { margin-top:-32px;margin-left:-2px;}
/* -- Tabs */
#tabs .leftc {
	width:210px;
	padding-right:20px;
}
#tabs .rightc {
	width:400px;
}
#tabs .rightc ul li {
	margin: 0;
	padding: 5px 0px;
	display: block;
	border-top: 1px dotted #DBE1E6;
}
#tabs .rightc a,  #tabs .rightc h1 {
	color: #213C5A;
}
#tabs .rightc h1 {
	margin:-2px 0px 5px 0px;
	font-size:13px;
}
/* -- Aggregator */
.aggregate { width:150px;}
.aggregatedsite {
	margin: 0;
	padding: 0;
	border-bottom: 1px dotted #DEE8EF;
}
.aggregatedsitelist {
	margin: 0 0 16px;
}
.aggregatedsitelist .node {
	margin: 16px 0 0;
	width: 490px;
	height: 250px;
	overflow: auto;
	background-color: #F6F8F9;
}
.aggregatedsitelist h3 {
	margin-top: 4px;
}
.aggregatedsitelistspacer {
	margin: 0;
	padding: 0 16px;
}
.aggregate .blok .link {background:url(../img/link.png) no-repeat left; padding-left:20px;}
.aggregate .blok .rss {background:url(../img/rss.png) no-repeat left; padding-left:20px;}


/* -- Calendar */
#tblhead td { padding:4px; border:1px solid #DEE8EF; }
.calendar .minggu, .calendarbig .minggu { background-color:#F3EDAC; color:#EA5200;}
.calendar .pad, .calendarbig .pad {background-color:#FFFFFF;}
.calendar td, .calendar th { padding:10px; border:1px solid #DEE8EF;}
.calendarbig td, .calendarbig th { width:68px; padding:10px; border:1px solid #DEE8EF;vertical-align:text-top;}
.calendar td {background-color:#EEF3F7;}
.calendarbig th {background-color:#F4F7FA;}
.calendar a, #tblhead td a, .calendarbig a { color: #EA5200;}

/* -- RightColoumn */
.imgrecent {float:left;width:60px;height:60px;margin-right:10px;margin-top:20px;border:1px solid #CCCCCC;}
.imgrecent2 {float:left;width:60px;margin-right:10px;margin-top:0px;border:1px solid #CCCCCC;}
#rightmain p {	margin-bottom:-15px;}
#multimedia .contentrightcoloumn ul li{ max-height:90px; }
#multimediaupdate .contentrightcoloumn ul li { min-height:50px; }
#itbhariini {
	background-color: #D4E4F3;
	color:#001435;
	margin-bottom:15px;
}	
#itbhariini .headerrightcoloumnitbhariini {
	width: 268px;
	padding: 10px 10px 0px 10px;
	font-size:20px;
	font-weight:bold;
	color: #213C5A;
	margin-bottom:5px;
}
#itbhariini .contentrightcoloumn {
	width:268px;
	padding:10px 10px 15px 10px;
}
.headerrightcoloumn {
	width: 260px;
	padding: 5px 0px;
	
	font-size:13px;
	font-weight:bold;
	background:url(../img/titlebar.png) no-repeat right;
	color: #213C5A;
	margin-bottom:5px;
}
.headerrightcoloumn .archive {
	margin-right: 20px;
	text-align:right;
}
.headerrightcoloumn .archive .rss {
	background:url(../img/rss.png) no-repeat left;
	padding-left:18px;
}
.headerrightcoloumn .archive .arsip {
	background:url(..//img/archive.png) no-repeat left;
	padding-left:18px;
}
.contentrightcoloumn {
	width:260px;
	padding-bottom:15px;
}
.contentrightcoloumn .img {
	border:1px solid #BECCCD;
	margin-right:10px;
}
.contentrightcoloumn .date, #maincontent .date {
	color: #EA5200;
	font-size:90%;
}
.contentrightcoloumn ul, .headernews ul, #coloumn2 .leftcoloumn ul, #coloumn2 .rightcoloumn ul, #coloumn3 .leftcoloumn ul, #bottommenu .coloumn ul, #tabs .rightc ul, .aggregate .blok ul{
	margin: 0;
	padding-right: 0;
	padding-left: 0;
	list-style: none;
}
.contentrightcoloumn ul li, .aggregate .blok ul li {
	margin: 0;
	padding: 5px 0px;
	display: block;
	border-top: 1px dotted #DBE1E6;
}
.contentrightcoloumn li ul {
	padding: 5px 0;
}
.contentrightcoloumn li ul li {
	font-size: 12px;
}

	 #divTrigger a:link,#divTrigger a:visited{
	    position: left;
	 	text-decoration: none; /* hilangkan garis bawah pada link */
	 	margin-top:1px; /* memberi jarak antar link */
		margin-left: 0px;
	 	padding: 1px 4px; /* menjadikan link seperti kotak */
	 	border: 0px solid #CCC;
	    background-color: #FFF;
	    color: #FFFFFF;
	 }
	 /* link yang dilalui oleh mouse dan element dengan class='selected' akan mempunyai efek yang sama */
	 #divTrigger a:hover,#divTrigger a:active,.selected{ 
	    background-color: #00A;
	    color: #FFF;
	 }
	 #divContent{
	    position: right;
	 	margin-top:1px;
		margin-left:0px;
	 	border:0px solid #CCC;
	 	width: 200px;
	 	height: 20em;
	 	padding: 4px;
	 }
	 #divContent div{ 
	 	/* semua div di dalam element dengan id='divContent' akan di sembunyikan sementara */
	 	display:none
	 }	
/*	 .title{
	 	font-size: 16px;
	 	font-weight: bold;
	 	color: #006;
	 	text-decoration: underline;
	 	margin-bottom: 2px;
	 	display:block
	 } 
	 */