body {
	background-image: url(images/bgrx.jpg);
	background-repeat: repeat-x;
	background-color:#9c9da1;
}

#container {
	background-image:url(images/bot.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
}
/* -- Menu -- */
#top-menu {
	height:32px;
	padding:8px 2px;
	overflow:hidden;
	font-size:11px; }
	

#menu-shadow {
	margin-top:1px;
	float:right;
	width:800px;
	position:relative;
	padding-left:12px;
	overflow:hidden;}

#menu-shadow li {
	float:right;
	list-style:none;
	z-index:9;
	height:30px;
	line-height:26px;
	text-transform:uppercase;
	margin-right:7px;
	}

	#menu-shadow li a {
		color:#CCC;
		font-weight:bold;
		text-decoration:none;
		outline:none;
		text-align:center;
		z-index:11;
		display:block;
		float:left;
		position:relative;
		overflow:hidden;
		margin:1px 6px 0 8px; }
	
		#menu-shadow li a:hover{color:#D9D9D9;}
		#menu-shadow li a:active, #menu-shadow li.current_page_item a { color:#FFF; }

#menu-shadow li.current a {
	z-index:11;
	color:#FFF; }
	
#menu-shadow li.back {
	background:url(images/lava2.png) no-repeat right bottom;
	width:8px;
	height:30px;
	z-index:10;
	position:absolute; }

#menu-shadow li.back .left {
	background:url(images/lava2.png) no-repeat left top;
	height:30px;
	margin-right:9px; 
	float:none; }
	
body,td,th {
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
}

#top-corner a {
	color:#FFF;
	font:15px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
}

#footer {

	color:#999999;
}
#footer a {
	text-decoration:none;
	color:#999999;
	}
#footer a:hover {
	text-decoration:underline;
	}
#grouplist {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left:10px;
}
#grouplist h3 {
	padding:0; margin:0;
}
#grouplist a {
	display:block;
	line-height:26px;
	padding-left:10px;


	font-weight:700;
	color:#666;
	text-decoration:none;
}
#grouplist a:hover {
	background-image:url(images/belakang.png);
	background-repeat:no-repeat;
	color:#FFF;
}

p.homeintro {
	display:block;
	font-weight:normal;
	font:16px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	line-height:28px;
	letter-spacing:-1px;
	color:#f5f5f5;
	margin:0px 50px 10px 20px !important;
	padding:0;	
}
p.homeintro a {
	color:#999;
}
p.homeintro a:hover {
	text-decoration:none;
}

p.quickpanel {
	padding-left:20px;
	font:12px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color:#CCC;
}

p.quickpanel a{
	color:#ccc;
	text-decoration:none;
}

p.quickpanel a:hover{
	color:#FC0;
	text-decoration:underline;
}
p.quickpanel span{
	color:#999;
	font-weight:bold;
}

#maincontent {
	color:#FFF;
	padding:20px;
}

#maincontent {
	color:#000000;
	padding:20px;
}

#maincontent td,th{
	color:#000000;
	line-height:20px;
	font-size:12px;
}

#maincontent a{
	color:#fff;
	text-decoration:underline
}
#maincontent a:hover{
	color:#666;
	text-decoration:none
}
#maincontent h2{
	display:block;
	border-bottom:#FFF 1px solid;
	padding-bottom:10px;
	text-transform:uppercase;

}

#maincontent p{

	text-align:justify
}

#tablerounded {
	border:#CCC 20px solid;
	-moz-border-radius: 10px;
	color:#666;
}


#tablerounded th{
	background-color:#d6d6d8;
	color:#666;
}

#tablerounded td{
	color:#666;
	text-align:center;
}

#tips {
	background-color:#5e6166;
	padding:10px;
	margin-top:15px;
	font-size:11px;
	line-height:15px;
	color:#CCC;
	-moz-border-radius: 5px;
}

#tips h3{
	display:block;
	border-bottom:#CCC 1px solid;
	padding-bottom:10px;
	margin-top:0px;
}

#tips p {
	padding-right:0px;
}

#tips a {
	color:#FFF;
}

#tips a:hover {
	text-decoration:none;
	color:#FC0;
}