/* CSS Document */
body {
margin:25px 0px;
padding:0;
background:#ffffff url(images/bg_body.jpg) repeat-x top;
font:11px "Trebuchet MS", Verdana, Arial;
color:#141414;
}

h1 {
color:#213621;
margin:0;
font-size:28px;
}

h2 {
font-size:18px;
color:#acd6ac;
font-weight:normal;
margin:0;
}

.wrapper {
width:960px;
margin:0 auto;
}

.header {
height:79px;
background:url(images/header_bg.jpg) no-repeat top;
}

.logo {
float:left;
padding-top:25px;
padding-left:26px;
}

a:link
{
	text-decoration: underline;
	color: #0000cc;
}

a:visited
{
	text-decoration: underline;
	color: #800080;
}

a:hover
{
	text-decoration: underline;
	color: #ff0000;
}

a:active
{
	text-decoration: underline;
	color: #003366;
}


.top_link {
float:right;
text-align:right;
color:#fff;
padding-right:36px;
width:543px;
padding-top:15px;
}

.top_link a{
color:#fff;
text-decoration:none;
font-size:14px;
}

.top_link a:hover{
text-decoration:underline;
}

.top_link span {
font-size:20px;
}

.leftban {
color:#fff;
text-align:right;
width:672px;
float:left;
clear:both;
background: url(images/main_banner.jpg);
height:439px;
position:relative;
}

.container {
background:#fff url(images/bg_left.jpg) repeat-y left;
height:100%;
}

.leftpane {
width:252px;
float:left;
position:relative;
}

.leftnav {
width:238px;
height:354px;
margin:0 auto;
background:url(images/bg_grash.jpg) no-repeat bottom;
padding-top:30px;
}

.leftnav ul {
margin:0;
padding-left:15px;
}

.leftnav ul li {
list-style:none;
line-height:30px;
}

.leftnav ul li a {
font-size:18px;
color:#141414;
text-decoration:none;
display:block;
}

.leftnav ul li a:hover {
background: url(images/leftnav_hover.png) repeat-y top;
}

.leftnav2 {
width:238px;
height:354px;
margin:0 auto;
background:url(images/bg_buldozer.jpg) no-repeat bottom;
padding-top:30px;
}

.leftnav2 ul {
margin:0;
padding-left:15px;
}

.leftnav2 ul li {
list-style:none;
line-height:30px;
}

.leftnav2 ul li a {
font-size:18px;
color:#141414;
text-decoration:none;
display:block;
}

.leftnav2 ul li a:hover {
background: url(images/leftnav_hover.png) repeat-y top;
}

.leftnav3 {
width:238px;
height:354px;
margin:0 auto;
background:url(images/bg_dine.jpg) no-repeat bottom;
padding-top:30px;
}

.leftnav3 ul {
margin:0;
padding-left:15px;
}

.leftnav3 ul li {
list-style:none;
line-height:30px;
}

.leftnav3 ul li a {
font-size:18px;
color:#141414;
text-decoration:none;
display:block;
}

.leftnav3 ul li a:hover {
background: url(images/leftnav_hover.png) repeat-y top;
}

.testi_in {
width:212px;
margin:0 auto;
background:url(images/kutip_kecil.gif) no-repeat bottom;
padding-bottom:40px;
margin-top:30px;
}

.testi_in span{
font-style:italic;
}

.rightban {
float:left;
width:288px;
position:relative;
}

.rightpane {
width:648px;
float:left;
position:relative;
background:#fff url(images/bg_ctnright.png) repeat-x top;
padding:20px 30px;
}

.navbg {
height:41px;
line-height:41px;
background: url(images/bg_hover.png) repeat-x top;
z-index:50000;
position:relative;
}

#nav ul {
    padding:0;
    margin:0;
    list-style:none;
    /*float:left;*/
   	z-index:50000;
}

#nav li {
  position: relative;
  float:left;
  /*line-height : 1.25em;*/
  line-height:41px;
  /*width: 9em;*/
  list-style: none;
  /*padding-left:20px;*/
  	z-index:50000;


}

#nav li:hover {
line-height:41px;
z-index:50000;
}

#nav li ul { /* second-level lists */
	position : absolute;
	left: -999em;
	//width:15em;
	width:17.4em;
	z-index:50000;
	line-height:20px;
	/*background:#FFFFFF;*/
	margin-top:21px;
	border:1px solid #333;
	/*float:left;*/
}

#nav li ul li {
//width:15em;
width:17.4em;
z-index:50000;
border-bottom:1px solid #ccc;
}



/*#nav li ul a {
background:none;
}*/


#nav a {
    font-size:12px;
	display:block;
    text-decoration:none;
    text-align:left;
    font-weight:normal;
	font-family: "verdana", Tahoma, Arial;
	/*font-weight:bold;*/
    /*width:8.5em;*/
    /*padding :0px 43px 0px 43px;*/
	padding :0px 13px;
    color:#fff;
    /*border:1px solid #809DF9;
    background-color:#6CC1F7;*/
	background:url(images/sap.png) no-repeat left;
}



#nav li ul li a {
   //width:auto;
   	/*width:120px;
	//width:204px;*/
	/*background:#77b2d2;*/
	/*background:#7bc1fc;*/
	background:#333;
	color:#fff;
	
	/*//border-bottom:1px solid #192e9b;*/
	line-height:20px;
/*height:20px;*/
}

#nav li li a:hover {
/*color:#2e6d8f;*/
color:#333;
/*background:#64bfee;*/
background:#ccc ;
width:auto;
}

#nav li a:hover {
 /*color: #f2cc13;*/
 color:#333333;
 background:#CAC293;
  /*border:1px solid #809DF9;*/
}

#nav li.SelectedTab a {
color:#333333;
 background:#CAC293;
 }

#nav li a.SelectedTab {
    font-size:1.12em;
    background-color: #fff;
}
#nav .DisabledTab {
    color:#ccc;
}
/* no need to change these hover classes 
unless you need more than 4 levels */
#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li:hover ul ul ul ul,
#nav li.iehover ul ul,
#nav li.iehover ul ul ul,
#nav li.iehover ul ul ul ul{
  left: -999em;
}

#nav li:hover ul, 
#nav li.iehover ul {
	top: 1.6em;
	left:0;
}
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li li.iehover ul,  
#nav li li li.iehover ul {
	top: -20px;
	/*left:12.8em;*/
	left:17.4em;
}

#navContainerBorder {
    background-color:white;
    padding:2px;
    border:1px solid #333;
    height:30em;
}
#navContainer {
   border:1px solid #333;
   background-color: #d8edfb;
   height:30em;
   width:12em;
   vertical-align:top;
   padding:10px 5px 10px 5px;
}

#nav_in ul {
    padding:0;
    margin:0;
    list-style:none;
    /*float:left;*/
   	z-index:50000;
}

#nav_in li {
  position: relative;
  float:left;
  /*line-height : 1.25em;*/
  line-height:41px;
  /*width: 9em;*/
  list-style: none;
  /*padding-left:20px;*/
  	z-index:50000;


}

#nav_in li:hover {

line-height:41px;
z-index:50000;
}

#nav_in li ul { /* second-level lists */
	position : absolute;
	left: -999em;
	//width:15em;
	width:17.4em;
	z-index:50000;
	line-height:20px;
	background:#FFFFFF;
	margin-top:21px;
	border:1px solid #333;
	/*float:left;*/
}

#nav_in li ul li {
//width:15em;
width:17.4em;
z-index:50000;
border-bottom:1px solid #ccc;
}



/*#nav_in li ul a {
background:none;
}*/


#nav_in a {
    font-size:12px;
	display:block;
    text-decoration:none;
    text-align:left;
    font-weight:normal;
	font-family: "verdana", Tahoma, Arial;
	/*font-weight:bold;*/
    /*width:8.5em;*/
    /*padding :0px 43px 0px 43px;*/
	padding :0px 26px 0px 26px;
    color:#ffffff;
    /*border:1px solid #809DF9;
    background-color:#6CC1F7;*/
	background:url(images/sap.png) no-repeat left;
}



#nav_in li ul li a {
   //width:auto;
   	/*width:120px;
	//width:204px;*/
	/*background:#77b2d2;*/
	/*background:#7bc1fc;*/
	background:#333;
	color:#fff;
	
	/*//border-bottom:1px solid #192e9b;*/
	line-height:20px;
/*height:20px;*/
}

#nav_in li li a:hover {
/*color:#2e6d8f;*/
color:#333;
/*background:#64bfee;*/
background:#ccc;
width:auto;
}

#nav_in li a:hover {
 /*color: #f2cc13;*/
 color:#333333;
 background:#CAC293;
   /*border:1px solid #809DF9;*/
}

#nav_in li.SelectedTab a {
color:#333333;
 background:#CAC293;
 }


#nav_in li a.SelectedTab {
    font-size:1.12em;
    background-color: #fff;
}
#nav_in .DisabledTab {
    color:#ccc;
}
/* no need to change these hover classes 
unless you need more than 4 levels */
#nav_in li:hover ul ul,
#nav_in li:hover ul ul ul,
#nav_in li:hover ul ul ul ul,
#nav_in li.iehover ul ul,
#nav_in li.iehover ul ul ul,
#nav_in li.iehover ul ul ul ul{
  left: -999em;
}

#nav_in li:hover ul, 
#nav_in li.iehover ul {
	top: 1.6em;
	left:0;
}
#nav_in li li:hover ul,
#nav_in li li li:hover ul,
#nav_in li li.iehover ul,  
#nav_in li li li.iehover ul {
	top: -20px;
	/*left:12.8em;*/
	left:17.4em;
}

#nav_inContainerBorder {
    background-color:white;
    padding:2px;
    border:1px solid #333;
    height:30em;
}
#nav_inContainer {
   border:1px solid #333;
   background-color: #d8edfb;
   height:30em;
   width:12em;
   vertical-align:top;
   padding:10px 5px 10px 5px;
}


.headline {
padding-top:257px;
text-align:left;
padding-left:28px;
}

.headline span {
color:#ffffff;
font-size:18px;
font-weight:bold;
text-shadow:0.1em 0.1em 0.2em black;
}

.topbane {
background: url(images/bg_right.jpg) repeat-y top left;
font:18px Arial, Helvetica, sans-serif;
padding-left:13px;
line-height:34px;
padding-bottom:25px;
//padding-bottom:32px;
}

.topbane a {
color:#213621;
text-decoration:none;
}

.topbane a:hover {
text-decoration:underline;
}

.bottombane {
background:url(images/bg_right2.jpg) repeat-y top;
height:198px;
padding-top:21px;
}

.testi_ctn {
background:url(images/kutip.png) no-repeat bottom right;
width:217px;
margin:0 auto;
padding-bottom:30px;
}

.testi_ctn span {
font-style:italic;
font-size:12px;
}

.action{
clear:both;
background:url(images/bg_action.jpg) repeat-y top;
padding:18px;
height:100%;
}

.box {
width:268px;
margin-right:14px;
float:left;
position:relative;
background:url(images/darkbox.png) no-repeat top;
color:#fff;
padding:10px 25px;
height:167px;
}

.box ul {
margin:5px;
padding:0;
}

.box ul li{
list-style:none;
}

.box ul li a{
font-size:14px;
color:#fff;
text-decoration:none;
background:url(images/arrow.gif) no-repeat left top;
display:block;
padding-left:10px;
}

.box ul li a:hover {
text-decoration:underline;
}

.box_last {
width:204px;
float:left;
position:relative;
color:#fff;
height:167px;
background:url(images/darkbox2.png) no-repeat top left;
padding:10px 25px;
}

.box_last ul{
margin:5px;
padding:0;
}

.box_last ul li{
list-style:none;
}

.box_last ul li a {
font-size:14px;
color:#fff;
text-decoration:none;
background:url(images/arrow.gif) no-repeat left top;
display:block;
padding-left:10px;
}

.box_last ul li a:hover {
text-decoration:underline;
}

.cream {
background:#e1decd;
/*height:197px;*/
padding:20px;
}

.footer {
background:#c2bea9 url(images/footer_bg.jpg) no-repeat bottom;
padding:10px 20px;
clear:both;
}

.footlink {
width:100%;
float:left;
}

.copy {
width:370px;
text-align:left;
}

.Normal p {
margin:0;
padding:0;
}