/*  --- basestyles ---------------------------------------
------------------------------------------------------ */

html, body {
    background-color:#cccccc;
    margin:0px;
    padding:0px;
    height:100%;
    width:100%;
    font-family:Verdana, Arial, Helvetica, sans-serif;
	background-image:url(/media/body_back.gif);
	background-repeat:repeat-x;
}
table {
	width: 100%;
	height: 100%;
}
#tdvalignmiddle {
	vertical-align: middle;
	text-align:center;
}
#content {
	position: relative;
	margin: auto;
	width: 950px;
	height: 600px;
	background-color:#757575;
}


/*  --- Home---------------------------------------
------------------------------------------------------ */


#home {
    text-align:center;
	padding-top:290px;
}

/*  --- Main---------------------------------------
------------------------------------------------------ */

#main_left {
    float:left;
	height:600px;
	width:175px;
	margin:auto;
	position:relative;
}
#nav {
    width:175px;
	margin:0;
	text-align:left;
	bottom:30px;
	left:0Px;
	position:absolute;
}
#nav ul {
    vertical-align:bottom;
}
#nav li {
    list-style-type:none;
	line-height:15px;
}
#nav li .ukat {
    font-size:11px!important;
	position:relative;
	left:-20px;
}
#nav a, #welcome a {
    text-decoration:none;
	color:#aaaaaa;
	font-size:12px;
}
#nav a:hover, #current, #welcome a:hover {
    text-decoration:none;
	color:#FFFFFF!important;
	font-size:12px;
}
#main_right {
    float:left;
	height:600px;
	width:775px;
	margin:auto;
	background-image:url(/media/logo.gif);
	background-repeat:no-repeat;
	background-position:right top;
}
#main_right_le {
    float:left;
	width:495px;
	margin-top:70px;
	height:500px;
	color:#aaaaaa;
	font-size:12px;
	text-align:right;
	}
#main_right_ri {
    float:left;
	width:280px;
	margin-top:70px;
	background-image:url(/jpg/tjahjadi_nurtantio.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	height:500px;
}
#chronology_txt {
    width:400px;
	float:right;
	color:#FFFFFF;
}
.back {
    width:40px;
	height:50px;
	text-align:right;
	padding-right:15px;
}
.for {
    width:40px;
	height:50px;
	text-align:left;
	padding-left:15px;
}
#contact {
    text-align:center;
	padding-top:250px;
	font-size:12px;
	color:#FFFFFF;
	line-height:15px;
}
.desc {
    font-size:10px;
	color:#aaaaaa;
	text-align:right;
	line-height:18px;
	padding-right:10px;
}
#admin {
    padding-left:50px;
	padding-top:50px;
	font-size:16px;
	}
#thumbs {
    width:620px;
	text-align:right;
    }
.thumbs {
    padding-left:4px;
    }
.thumbs_current {
    margin-left:4px;
	border:solid 1px #ffffff;
    }	
#welcome {
	width:775px;
	margin:0;
	padding:0;
	text-align:right;
    }	
#welcome h3 {
	margin-right:10px;
	margin-top:200px;
	font-size:20px;
	line-height:22px;
	font-weight:bold;
	color:#ffffff;
    }
#welcome .txt {
    margin-top:10px;
	margin-right:10px;
	font-weight:bold;
	}	
	
#main_right_exhi_le {
    float:left;
	width:415px;
	margin-top:70px;
	height:500px;
	color:#aaaaaa;
	font-size:12px;
	text-align:right;
	}
#main_right_exhi_re {
    float:left;
	width:360px;
	margin-top:70px;
	background-image:url(/media/Plakat_day_to_day.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	height:500px;
}
#exhi_txt {
    width:340px;
	float:right;
	color:#FFFFFF;
}