@charset "utf-8";
/* CSS Document */

* {
padding:0;
margin:0;
}
img {
border:none;
}
body {
background:#000 url(../images/bg_body.jpg) center top no-repeat;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#fff;
font-size:11px;
}
p {
font-size:11px;
color:#fff;
line-height:18px;
padding-bottom:10px;
}
p span {
font-size:11px;
color:#fff;
line-height:18px;
padding-bottom:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
body, html {
height:100%;
}
#wrapper {
position:relative;
width:1000px;
min-height:100%;
height:auto;
margin:0 auto;
text-align:left;
left:0;
top:0;
z-index:0;
}
* html #wrapper {
height:100%;
}
#top_section {
width:1000px;
height:103px;
position:relative;
background:url(../images/dashed.gif) left bottom repeat-x;
}
	#mainnav {
	width:700px;
	height:60px;
	position:absolute;
	right:10px;
	bottom:10px;
	}
	#mainnav ul {
	list-style:none;
	}
	#mainnav ul li {
	float:left;
	padding:0 14px 0 14px;
        display:block;
	height:40px;
	}
	#mainnav ul li a {
	text-decoration:none;
	color:#ffffff;
	float:left;
	font-size:11px;
	}
        #mainnav ul li a img {
        }
#header {
height:300px;
width:1000px;
position:relative;
}
#section {
width:1000px;
overflow:hidden;
padding-bottom:130px;
}
#left_section {
width:240px;
float:left;
overflow:hidden;
}
	#left_section #leftnav {
	padding-bottom:10px;
	background:url(../images/bg_leftnav_bottom.jpg) left bottom no-repeat;
	}
	#left_section #leftnav ul {
	list-style:none;
	background:url(../images/bg_leftnav_top.jpg) left top no-repeat;
	padding:10px 0 10px 0;
	}
	#left_section #leftnav ul li {
	}
	#left_section #leftnav ul li a {
	height:15px !important;
	height:25px;
	display:block;
	padding-top:10px;
	padding-left:25px;
	text-decoration:none;
	color:#D5E14D;
	font-weight:bold;
	font-size:14px;
	}
	#left_section #leftnav ul li a:hover {
	color:#DF7D22;
	}
	#left_section .csc-header {
	padding-bottom:10px;
	}
	#left_section a {
	color:#D5E14D;
	}
	#left_section #mp3_player {
	padding-bottom:10px;
	}
	#left_section #mp3_player h1 {
	font-size:18px;
	}
	#left_section #left_content .module {
	padding-bottom:10px;
	}
	#left_section #left_content .module h1 {
	font-size:18px;
	}
#middle_section {
width:760px;
float:right;
overflow:hidden;
}
#middle_section #content {
padding:0 20px 0 20px;
}
#middle_section #content h1 {
font-size:30px;
}
#middle_section #content h2 {
font-size:18px;
}
#middle_section #content a {
color:#D5E14D;
}
#middle_section #content ul {
list-style:none;
}
#middle_section #content ul li {
background:url(../images/bg_li.gif) left top no-repeat;
padding-left:20px;
padding-bottom:10px;
}
#middle_section #content ul li a {
font-size:12px;
text-decoration:none;
}





#content .module #mailform fieldset.csc-mailform {
border:none;
}
#content .module #mailform fieldset.csc-mailform .csc-mailform-field label {
width:150px;
line-height:20px;
display:block;
font-size:11px;
color:#ffffff;
}
#content .module #mailform fieldset.csc-mailform .csc-mailform-field input {
border:1px solid #D5E14D;
padding:5px 0 5px 0;
background:#fff;
color:#333;
}
#content .module #mailform fieldset.csc-mailform .csc-mailform-field textarea {
border:1px solid #D5E14D;
background:#fff;
color:#333;
}
#content .module #mailform fieldset.csc-mailform .csc-mailform-field #mailformformtype_mail {
background:#D5E14D;
border:none;
color:#141507;
}









#footernav {
width:100%;
margin:0 auto;
position:relative;
z-index:2;
margin-top:-100px;
height:100px;
color:#b6b6b7;
padding:10px 0 0 0;
background:#000;
}
#footernav p {
overflow:hidden;
padding-top:10px;
padding-bottom:0;
color:#b6b6b7;
}
#footernav a{
color:#D5E14D;
text-decoration:none;
}
#footernav a:hover{
color:#fff;
text-decoration:none;
}
#footernav ul {
list-style:none;
}
#footernav li {
display:inline;
}
#footernav li {
display:inline;
}
*:first-child+html #footernav li {
}
* html #footernav li {
}
#footernav ul#footermenu a {
font:10px Verdana, Arial, Helvetica, sans-serif;
color:#d5e14d;
text-decoration:underline;
padding:0 5px;
background:url(../images/batas_link_footer.jpg) left 6px no-repeat;
}
#lang {
overflow:hidden;
position:absolute;
right:10px;top:30px;
}
#lang ul {
list-style:none;
}
#lang ul li {
float:left;
width:40px;
margin-left:5px;
}
#lang ul li img {
float:left;
}
#lang ul li a {
float:left;
}