/* ## CSS IMPORT ## */

@import url("stylenav.css");
@import url("stylecal.css");

/* ## CSS DOCUMENT ## */

body {
	padding:0;
	text-align:center;
	background:#dacd86 url(../images/bg.jpg) repeat-x;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}



/*#########################################FRAMEWORK######*/
.cleared {clear:both}
.relative {position:relative}
.block {display:block}
.inline {display:inline}
.textrapat {letter-spacing:-1px}
.underline {text-decoration:underline}
.font-arial {font-family:Arial, Helvetica, sans-serif;}
.font-times {font-family:"Times New Roman", Times, serif}
.font-courier{font-family:"Courier New", Courier, monospace}
.font-georgia{font-family:Georgia, "Times New Roman", Times, serif}
.font-verdana {font-family:Verdana, Arial, Helvetica, sans-serif}
.font-geneva {font-family:Geneva, Arial, Helvetica, sans-serif}
.font-trebuchet {font-family:"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif}
.fontbig {font-size:36px;}
.fontmedium {font-size:18px;}
.fontnormal {font-size:12px}
.fontsmall {font-size:10px}
.current{font-weight:bold;}
.relative {position:relative}

/*######################################### GLOBAL LINK ######*/
a, a:visited {
	text-decoration:none;
	color:#0f7e9e;
}
a:hover {
	color:#0f7e9e;
	
}
/*#########################################FRAMING######*/

/*---container--- */
.frames{
	width:961px;
	padding:0 15px;
	margin:0 auto;
	background-color:#FFFFFF;
	text-align:left;
	-moz-box-shadow:#80701c 0 4px 15px;
	-webkit-box-shadow:#80701c 0 4px 15px;
	-khtml-box-shadow:#80701c 0 4px 15px;
	box-shadow:#80701c 0 4px 15px;
}

/*---container--- */
.homepage .frames{ 
	
}


/*---inside container--- */
.homepage .frames1{ 
}
	/*---header--- */
	.homepage .frames1-1-1{ 
		height:65px;
		background:url(../images/bg-header.gif) repeat-x;
		position:relative;
	}
	.homepage .frames1-1-3{ 
		height:29px;
		background:url(../images/bg-menu.gif) repeat-x;
		color:#FFFFFF;
	}
	/*---content--- */
	.homepage .frames1-2{ 
		
	}
		.homepage .frames1-2-1{
			padding:20px 0;
		}
			/*---content right--- */
			.homepage .frames1-2-1-1 {
                float:right;
                width:442px;
                padding-right: 250px;
                padding-top: 40px;
			}	
			/*---content left--- */
			.homepage .frames1-2-1-2 { 
				float:left;
				width:222px;
			}
		.homepage .frames1-2-2a{
			background:#605410 url(../images/bg-content-bottom-title.gif) repeat-y right;
			font-size:18px;
			font-weight:bold;
			padding:8px 0;
			text-transform:uppercase;
			color:#FFFFFF;
		}
		.homepage .frames1-2-2{
			background:#605410 url(../images/bg-content-bottom.gif) repeat-x;
		}
			/*---content right--- */
			.homepage .frames1-2-2-1,.homepage .frames1-2-2a-1 { 
				float:right;
				width:228px;
				padding:0 10px;
			}	
			/*---content left--- */
			.homepage .frames1-2-2-2,.homepage .frames1-2-2a-2 { 
				float:left;
				width:252px;
				padding:0 10px;
			}	
			.homepage .frames1-2-2-3,.homepage .frames1-2-2a-3 { 
				float:left;
				width:414px;
				padding:0 10px;
			}	
			
			
	/*---footer--- */
	.homepage .frames1-3{ 
		font-size:10px;
		color:#777777;
		line-height:11px;
		padding:10px 0;
		border-top:1px solid #999999;
	}
	.homepage .frames1-3 a{ 
		font-size:11px;
	}
	








#widget-menubantu-search {
	width:300px;
	position:absolute;
	top:0;
	right:10px;
}
#widget-menubantu-search .top{
	padding:3px 0;
	border-bottom:1px solid #a88b00;
	text-align:right;
}
#widget-menubantu-search .top a{
	font-size:11px;
	color:#000000;
}
#widget-menubantu-search .bottom{
	padding:3px 0;
	border-top:1px solid #eadd95;
	text-align:left;
}
#widget-menubantu-search .text{
	display:inline;
	float:left;
	width:auto;
	color: #FFFFFF;
}
#widget-menubantu-search .bracketinput{
	display:inline;
	float:right;
	width:auto;
	background:url(../images/search.jpg) no-repeat;
	width:220px;
	height:40px;
}
#widget-menubantu-search .bracketinput .inputsearch{
	background:transparent;
	border:none;
	width:202px;
	height:19px;
	font-size:10px;
}
#widget-menubantu-search .bracketinput .inputbutton{
	background:transparent;
	width:15px;
	border:none;
	height:15px;
	cursor:pointer
}
.content-list1 {
        min-height:500px;
}

.content-list1 .highlight {

}

.content-list1 .gambar{
	float:left;
	padding:4px;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	margin:0 10px 10px 0;
}
.content-list1 h1{
	display:block;
	padding:0px 0 5px 0;
	font-size:24px;
	font-weight:bold;
	margin:0;
}
.content-list1 .date{
	font-size:11px;
    padding-bottom:10px;
}
.content-list1 .code{
	font-size:11px;	
}
.content-list1 .list{
	border-top:1px solid #CCCCCC;
	padding-top:10px;
}
.content-list1 .list ul{
	padding:0;
	margin:0;
}
.content-list1 .list ul li{
	list-style:none;
	display:block;
	padding-bottom:10px;
}
.content-list1 .list ul li h2{
	display:block;
	margin:0;
	padding:1px 0;
	font-size:12px;
	font-weight:bold;
}
.content-list1 .list ul li h2 span{
	display:block;
	font-weight:normal;
	color:#cb3900;
}


.widget-nav-vertical{
	font-family:arial, tahoma, helvetica;
}
.widget-nav-vertical h2{
	display:block;
	padding:1px 0;
	margin:0;
	font-size:20px;
	font-weight:bold;
}
.widget-nav-vertical a, .widget-nav-vertical a:visited {
	display:block;
	padding:3px;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
	color:#0f7e9e;
	font-size:14px;
}
.widget-nav-vertical a:hover{
	color:#b8922e;
}
.widget-nav-vertical ul{
	margin:0;
	padding:0;
	border-top:1px dotted #868686;
}
.widget-nav-vertical ul li{
	list-style:none;
	margin:0;
	padding:0;
	border-bottom:1px dotted #868686;
}



.content-list2 {
	
}
.content-list2 .list{
	padding-top:10px;
}
.content-list2 .list ul{
	padding:0;
	margin:0;
}
.content-list2 .list ul li{
	list-style:none;
	display:block;
	padding-bottom:10px;
}
.content-list2 .list ul li h2{
	display:block;
	margin:0;
	padding:1px 0;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
    color:#ffd990;
}
.content-list2 .list ul li h2 a, .content-list2 .list ul li h2 a:visited{
	display:block;
	color:#ffd990;
	font-weight:bold;
	text-decoration:none;
}
.content-list2 .list ul li h2 a:hover{
	color:#fff1d7;
}
.content-list2 .list ul li span{
	display:block;
	font-weight:normal;
	color:#FFF;
	font-size:11px;
}


#runningtext {
	position:absolute;
	width:700px;
	top:0;
	height:30px;
	border-bottom:4px solid #CCCCCC;
	color:#b47a1f;
	right:0;
}
#banner-right {
	position:absolute;
	width:200px;
	top:40px;
	right:0;
	line-height:20px;
}
#banner-right a img{
	border:none;
	line-height:0;
}
#banner-right ul li{
	padding:0px;
    display:block;
    margin:0px;
    float:left;
    list-style:none;
}
#logo {
	width:391px;
	position:absolute;
	top:0;
	left:0;
}
.menu-microsite-banner img {
	padding-bottom:10px;
}




/*+++++ guestbook +++++*/

#guestbook {
}

#guestbook .nav {
    margin:5px 0px 15px 0px;
}

#guestbook .data {
    margin:0px 0px 15px 0px;
    padding:5px;
    border:1px solid #dddddd;
}

#guestbook .data .box {
    border:1px solid #e9e9e9;
    padding:5px;
    margin:10px;
    background-color:#f9f9f9;
    font-size:11px;
}

#guestbook .data .box .left {
    float:left;
}

#guestbook .data .box .right {
    float:right;
}

#guestbook .data .box .blank {
    clear:both;
}

#guestbook .data .date {
}

#guestbook .data .name {
    margin-right:20px;
}

#guestbook .data .profesi {
}

#guestbook .data .country {
}

#guestbook .data .browser {
}

#guestbook .data .topic {
    font-weight:bold;
    background-color:#eeeeee;
    padding:2px;
}

#guestbook .data .content {
    margin:0px 0px 0px 0px;
}

#guestbook .data .reply {
    margin:0px 0px 0px 0px;
}

#guestbook .data .reply span {
    font-weight:bold;
}

#guestbook .paging {
    background-color:#efefef;
    margin:5px 0px 10px 0px;
    padding:2px 5px 2px 5px;
}

#guestbook .paging .left {
    float:left;
}

#guestbook .paging .right {
    float:right;
}

#guestbook .paging .none {
    clear:both;
    height:0px;
}

#guestbook .title {
    font-weight:bold;
}

#guestbook ol {
}

#guestbook ol li {
}

#guestbook .table {
    margin:10px 0px 10px 0px;
}

#guestbook .table .tr {
    clear:both;
}

#guestbook .table .tr .td1 {
    float:left;
    width:100px;
    margin:0px 0px 5px 0px;
}

#guestbook .table .tr .td2 {
    float:left;
    width:10px;
    margin:0px 0px 5px 0px;
}

#guestbook .table .tr .td3 {
    float:left;
    width:400px;
    margin:0px 0px 5px 0px;
}

#guestbook .table .blank {
    clear:both;
    height:0px;
}