* {
padding:0;
margin:0;
}
img {
border:none;
}
body {
font:12px Arial, Helvetica, sans-serif;
text-align:center;
background:#FEF5EC
}
a {
color:#6f8199;
}
a:hover {
text-decoration:none;
}

#top_section {
position:relative;
width:936px;
height:200px;
background:url(../images/header.jpg) left top no-repeat;
text-align:left;
margin:0 auto;
}
#top_section #logo {
position:absolute;
top:100px;
left:40px;
}
#top_section #slogan {
position:absolute;
right:30px;bottom:0px;
}

p {
line-height:18px;
padding-bottom:10px;
}
h1, h2, h3, h4, h5, h6, p, ul, ol {
padding-bottom:10px;
}
#wrapper {
width:936px;
margin:0 auto;
background:url(../images/wrapper_outer.gif) center top repeat-y;
text-align:left;
}
	#mainnav {
	margin:0 0 10px 10px;
	background:url(../images/mainmenu.jpg) left top no-repeat;
	text-align:center;
	}
	#mainnav table {
	margin:0 auto;
	text-align:left;
	}
#mainnav ul, #mainnav ul ul { /* all lists */
list-style: none;
padding:0;
}
#mainnav li {
	float:left;
}
#mainnav li:hover, #mainnav li.sfhover {
background:#AF0000;
}
#mainnav li.leftactive {
background:#AF0000;
}
#mainnav li a {
	display:block;
	background:url(../images/batas_mainnav.jpg) right center no-repeat;
	color:#fff;
	font:bold 12px Arial, Helvetica, sans-serif;
	padding:7px 11px 8px 10px;
	text-decoration:none;
}

#mainnav li ul {
position: absolute;
border:1px solid #9BA2AA;
border-width:0 1px 1px;
background:#fff;
width: 148px;
left: -999em;
z-index:20;
filter:alpha(opacity=90);
-moz-opacity:0.90;
KhtmlOpacity:.90;
opacity:.90;
}
#mainnav li:hover li, #mainnav li.sfhover li {
background:none;
}
#mainnav li ul li a {
display:block;
width:128px !important;
width:148px;
background:none;
color:#AF0000;
text-decoration:none;
padding:4px 10px 4px 10px;
font-weight:normal;
font-size:11px;
}
#mainnav li ul li a:hover {
background:#AF0000;
color:#fff;
}
#mainnav li:hover ul ul, #mainnav li:hover ul ul ul, #mainnav li:hover ul ul ul ul, #mainnav li.sfhover ul ul, #mainnav li.sfhover ul ul ul, #mainnav li.sfhover ul ul ul ul {
left: -999em;
}
#mainnav li:hover ul, #mainnav li li:hover ul, #mainnav li li li:hover ul, #mainnav li li li li:hover ul, #mainnav li.sfhover ul, #mainnav li li.sfhover ul, #mainnav li li li.sfhover ul, #mainnav li li li li.sfhover ul {
background-position:0 0;
left:auto;
}	
	
	

#img_homepage {
position:relative;
width:890px;
height:495px;
background:url(../images/image_homepage.jpg) center top no-repeat;
margin:0 auto;
}

#img_homepage #banner_front {
position:absolute;
right:16px;bottom:16px;
}
#img_homepage #banner_front a {
float:left;
margin-left:15px;
}

#img_homepage #tabber_front {
position:absolute;
left:16px;bottom:16px;
}

#section {
overflow:hidden;
margin-left:0 !important;
margin-left:20px;
width:936px !important;
width:956px;
background:url(../images/section-bg.jpg) left bottom repeat-y;
padding:10px 10px 20px;
padding-left:10px;
}
	
#left_section {
overflow:hidden;
width:175px;
float:left;
margin-left:10px !important;
margin-left:8px;
}
#leftmenu {
margin-bottom:10px;
}
#leftmenu ul {
list-style:none;
background:#fff;
padding:18px 0;
}
#leftmenu ul li {
}
#leftmenu li a {
display:block;
width:150px !important;
width:175px;
text-decoration:none;
background:url(../images/dot_left.jpg) 10px 9px no-repeat;
color:#666;
padding:5px 0 5px 25px;
font:11px Arial, Helvetica, sans-serif;
border-bottom:1px solid #e6f0ff;
}
#leftmenu li a:hover {
background:#AF0000 url(../images/dot_left_h.jpg) 10px center no-repeat;
color:#fff;
}

#both_section {
overflow:hidden;
float:right;
width:734px;
}
#middle_section {
overflow:hidden;
float:left;
width:520px;
color:#666
}
	#content_top {
	background:url(../images/content_bottom.jpg) left bottom no-repeat;
	}
	#content {
overflow:hidden;
width:460px !important;
width:520px;
	background:url(../images/content_top.jpg) left top no-repeat;
	padding:20px 30px;
	font:12px Arial, Helvetica, sans-serif;
	color:#666;
	}
	#content h1 {
	font:18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	}
	#content ul {
	padding-left:18px !important;
	padding-left:22px;
	}
	#content ol {
	padding-left:24px !important;
	padding-left:28px;
	}

#right_section {
overflow:hidden;
float:right;
width:175px;
margin-right:30px !important;
margin-right:15px;
}
#rightmenu {
margin-bottom:10px;
}
#rightmenu ul {
list-style:none;
background:#fff;
padding:18px 0;
}
#rightmenu ul li {
}
#rightmenu li a {
display:block;
width:150px !important;
width:175px;
text-decoration:none;
background:url(../images/dot_left.jpg) 10px 9px no-repeat;
color:#666;
padding:5px 0 5px 25px;
font:11px Arial, Helvetica, sans-serif;
border-bottom:1px solid #e6f0ff;
}
#rightmenu li a:hover {
background:#AF0000 url(../images/dot_left_h.jpg) 10px center no-repeat;
color:#fff;
}
#left_section .module, #right_section .module {
background:url(../images/module_bottom.jpg) left bottom no-repeat;
margin-bottom:10px;
}
	#left_section .module h1, #right_section .module h1 {
	text-align:center;
	font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#AF0000;
	padding:10px 0 0 0;
	background:url(../images/module_top.jpg) left top no-repeat;
	}
	#left_section .module p, #right_section .module p {
	font:11px Arial, Helvetica, sans-serif;
	padding:10px;
	line-height:15px;
	}
	
#footer_outer {
width:936px;
margin:0 auto;
padding-top:4px;
text-align:center;
margin-top:0px;
color:#b5b4a4;
font:10px Arial, Helvetica, sans-serif;
background:url(../images/footer.jpg) left top no-repeat;
height:200px;
}
#footer_outer p{
padding-top:70px;
}
#footer_outer a {
color:#AF0000;
text-decoration:none;
}
#footer_outer a:hover {
color:#394555;
}


/* typo3 */
#mailform {
overflow:hidden;
width:100%;
margin-bottom:10px;
}
.csc-mailform {
border:1px solid #cdcdcd;
padding:15px 15px 5px 15px;
}
.csc-mailform-label {
font-weight:bold;
}
.csc-mailform-field {
overflow:hidden;
width:100%;
padding-bottom:10px;
}
.csc-mailform label {
display:block;
float:left;
width:166px;
font:11px Arial, Helvetica, sans-serif;
padding-top:1px;
}
.csc-mailform input, .csc-mailform textarea, .csc-mailform select {
border:1px solid #cdcdcd;
color:#666;
font:11px Arial, Helvetica, sans-serif;
}
.csc-mailform input, .csc-mailform textarea {
padding:1px 4px;
}
.csc-mailform option {
padding-right:6px;
}
.csc-mailform .csc-mailform-check, .csc-mailform .csc-mailform-radio {
border:none;
}
.csc-mailform .csc-mailform-radio fieldset {
border:none;
margin:0;
padding:0;
width:200px;
}
.csc-mailform .csc-mailform-radio legend {
display:none;
}
.csc-mailform .csc-mailform-radio input {
clear:left;
float:left;
border:none;
margin-right:5px;
}
* html .csc-mailform .csc-mailform-radio input {
margin-right:0;
}
.csc-mailform .csc-mailform-radio label {
clear:none;
float:left;
width:165px;
margin-bottom:10px;
padding-top:0 !important;
padding-top:2px;
}
.csc-mailform .csc-mailform-submit {
border:none;
background:#AF0000;
color:#fff;
padding:2px 5px;
}
/* end of typo3 */


#leftmenu_heading {
background:url(../images/mainmenu.jpg) center center no-repeat;
padding:7px 11px 8px 10px;
}
#leftmenu_heading h1 {
color:#fff;
font:bold 12px Arial, Helvetica, sans-serif;
text-decoration:none;
}
#rightmenu_heading {
background:url(../images/mainmenu.jpg) center center no-repeat;
padding:7px 11px 8px 10px;
}
#rightmenu_heading h1 {
color:#fff;
font:bold 12px Arial, Helvetica, sans-serif;
text-decoration:none;
}