*{
	margin:0;
	padding:0;
}

html{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
}

body{
	font-size:12px;
	background-color: #990000;
	padding-top:1em;
}

h1{
	font-size:20px;
}
h2{
	font-size:17px;
}
h3{
	font-size:14px;
}

p{
	padding-top:2em;
}
a{
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}

/*Login*/
#top-login{
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

/*Top Menu*/
#top-menu{
	list-style-type:none;
	width:410px;
	float:left;
}

#top-menu li{
	float:left;
	padding:2px 2px 2px 2px;
}

#top-menu a{
	text-decoration:none;
	float:left;
	width:129px;
	text-align:center;
	color:#ffffff;
	line-height:18px;
	background:url(../img/btn_topmenu.png);
}

/*Banner*/
#banner{
	background:url(../img/banner.png) no-repeat bottom left;
	width:728px;
	height:118px;
	padding:2px 2px 2px 2px;
	margin:0;
}

/*Panel visitor*/
#panel-vis {
	background:#ffff00 url(../img/panel-vis_bot.png) no-repeat bottom left;
	width:358px;
	padding: 0 0 7px;
}

#panel-vis dt{
	background:url(../img/panel-vis_top.png) no-repeat;
	margin:0;
	padding:5px 10px 0;
	line-height:1.5;
	font-size:100%;
	text-align:center;
	font-weight: bold;
	color: #666666;
}

/*Panel 1*/
#panel-1 {
	background:#ffff00 url(../img/panel-1_bot.png) no-repeat bottom left;
	width:358px;
	height:251px;
	padding: 0 0 7px;
}

#panel-1 dt {
	background:url(../img/panel-1_top.png) no-repeat;
	margin:0;
	padding:5px 10px 0;
	line-height:1.0;
	font-size:170%;
	text-align: center;
}

#panel-1 dd{
	padding:5px 10px 0;
	color:#990000;
	line-height:1.3;
	text-align: justify;
	text-align: center;
}
/* * * * * * * * * * * * * */

/*Panel 2*/
#panel-2 {
	background:#ffff00 url(../img/panel-2_bot.png) no-repeat bottom left;
	width:360px;
	height:282px;
	padding: 0 0 7px;
}

#panel-2 dt {
	background:url(../img/panel-2_top.png) no-repeat;
	margin:0;
	padding:5px 10px 0;
	line-height:1.0;
	font-size:170%;
	text-align: center;
}

#panel-2 dd{
	padding:5px 10px 0;
	color:#990000;
	line-height:1.3;
	text-align: center;
}
/* * * * * * * * * * * * * */

/*Panel 3*/
#panel-3 {
	background:#ffff00 url(../img/panel-3_bot.png) no-repeat bottom left;
	width:728px;
	height:57px;
	padding: 0 0 7px;
}

#panel-3 dt {
	background:url(../img/panel-3_top.png) no-repeat;
	margin:0;
	padding:5px 10px 0;
	line-height:1;
	font-size:130%;
	font-weight: bold;
}

#panel-3 dd{
	padding:5px 10px 0;
	color:#990000;
	line-height:1.3;
	text-align: justify;
}
/* * * * * * * * * * * * * */

/*Panel 4*/
#panel-4 {
	background:#ffff00 url(../img/panel-4_bot.png) no-repeat bottom left;
	width:209px;
	height:512px;
	padding: 0 0 7px;
}

#panel-4 dt {
	background:url(../img/panel-4_top.png) no-repeat;
	margin:0;
	padding:5px 10px 0;
	line-height:1.0;
	font-size:130%;
	font-weight: bold;
}

#panel-4 dd{
	padding:5px 10px 0;
	color:#990000;
	line-height:1.3;
	text-align: justify;
}
/* * * * * * * * * * * * * */

/*Content-3*/
#content-3 { /* Kaki */
	background:#ffff00 url(../img/content-3_body_low.png) no-repeat bottom left;
	width:947px;
	/*height:7px;*/
	padding: 0 0 7px 0;
	padding: 0 0 7px 0 !important;
	text-align:center;
}

#content-3 dt {	/* Banner Kepala */
	background:url(../img/content-3_banner.png) no-repeat;
	width:947px;
	height:120px;
	padding:5px 10px -7px;
	line-height:1.0;
	font-size:130%;
	font-weight: bold;
}

#content-3 dd{ /* Badan */
	background:url(../img/content-3_body_mid.png) repeat-y;
	height:90%;
	padding:5px 10px 5px;
	color:#990000;
	line-height:1.3;
	text-align: justify;
}
/* * * * * * * * * * * * * */
/*Footer*/
#footer{
}

#footer a{
	text-decoration:none;
	color:#FFFFFF;
}
/* * * * * * * * * * * * * */

/*public content*/
.public-title{
	font-size:170%;
	padding:5px 10px 0;
}

.public-content {
	padding:5px 10px 0;
	line-height:1.3;
	font-size:110%;
}
/* * * * * * * * * * * * * */

/*Motivation box*/
.ilmci-moti{
	background-color:#00CCFF;
	border-style:dashed;
	margin: 1.0em 1.0em;
	padding: .6em .6em;
}

.ilmci-moti ul{
	padding-left:2em;
}
/* * * * * * * * * * * * * */

/* Form Styles */
.tabelLogin{
	width:200px;
}
.tabelDaftar{
	width:500px;
}
/* * * * * * * * * * * * * */

/* Design kolom */
#kolom-kiri{
	padding: 0.5em;
	width: 200px;
	float: left;
	min-height: 490px;
	background-color: #99FFCC;
}
#kolom-tengah{
	width: 525px;
	min-height: 500px;
	margin-left: 225px !important; /*220*/
}
#kolom-kanan{
	float: right;
	width: 155px;
	padding: 0.5em;
	min-height: 490px;
	border-left: solid;
	border-left-color: #99CCFF;
	border-left-width: 2px;
}
/* * * * * * * * * * * * * */
#mini-profile{
	width: 15px;
}

/* Google Slideshow-related css 
.gss a img {border : none;}
.gss {
	width: 288px;
	height: 216px;
	color: #dddddd;
	background-color: #000000;
	padding: 8px;
}
------------------------------*/