/* CSS Document */

body{
	margin-left:0px;
	margin-right:0px;
	margin-top:0px; 
	margin-bottom:0px;
	/* background-image:url(images/bodybg.jpg);
	background-repeat:repeat-x; background-position:left top;
	background-color:#C4C3C3; color:#4D4747; */
	color:black; 
    font-family:verdana,arial,sans-serif; 
	background: #e1f2d0 url("../images/bg.jpg") repeat-y top center;
}
img {
	border:none;
}

h1,h2,h3,h4,p { margin:0; } 
h1 { font-size:1.9em; }
h2 { font-size:1.1em; }
h3 { font-size:1em;   }
.spacer {
	font-size:0; line-height:0; clear:both;
}

#frame{
	width:900px;
	height:auto;
	background-color:#FFF; color:#4D4747;
	padding:0 2px;
	margin:auto;
}

/* banner part style start from here */

#banner{
width:900px;
height:194px;
background-color:#FFFFFF; color:#4D4747;
margin:auto;
}

#bleft{
width:728px;
height:194px;
padding-top:1px;
padding-right:1px;
float:left;
margin:auto;
}

#bright{
width:170px;
height:194px;
border-top:1px solid #FFFFFF;
float:right;
margin:auto;
}




/* banner end part style end here */

.blank{
width:900px;
height:12px;
background-color:#FFFFFF; color:#4D4747;
margin:auto;
}

/* body part style start from here */

#bodycontainer{
width:900px;
height:auto; color:#4D4747;
background-color:#FFF;
margin:auto;
}

#bodycontainercenter{
width:75%;
height:auto;
float:left;
margin:auto;
}

#bodycontainerright{
width:25%;
height:auto;
float:left;
margin:auto;
}

/* body end part style end here */

#footercontainercenter{
width:900px;
height:78px;
background-color:#FFFFFF; color:#4D4747;
border-bottom:1px solid #FFFFFF;
margin:auto;
}

#fooertleft{
width:232px;
height:78px;
background-color:#5E8800;color:#4D4747;
border-right:1px solid #FFFFFF;
float:left;
margin:auto;
}

#fstore{
width:154px;
height:22px;
padding-top:28px;
text-align:center;
margin:auto;
}

#footeright{
width:900px;
height:78px;
background-color:#FFFFFF;
float:left; color:#4D4747;
margin:auto;
}

#frtop{
width:900px;
height:35px;
background-image:url("../images/footertop.jpg");
background-repeat:repeat-x;
text-align:center;
float:left;
margin:auto;
}


#fooertxt{
height:auto;
padding-top:8px;
text-align:center;
margin:auto;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFF; background-color:inherit;
text-decoration:none;
}

a.fnav{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;
font-weight:bold;
color:#FFFFFF; background-color:inherit;
text-decoration:none;
}
a.fnav:hover, #fooertxt span{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;
font-weight:bold;
text-align:center;
color:#FFE200; background-color:inherit;
text-decoration:none;
}


#copyright{
width:800px;
height:auto;
padding-top:5px;
float:center;
margin:auto;
}

.copyrighttxt{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:center;
padding-left:20px;
color:#4D4747; background-color:inherit;
}

#cardcontainer{
width:270px;
height:40px;
float:left;
margin:auto;
}
#menu1 {
	margin:0; padding:0; list-style:none;
}
#menutama{
	width: 170px;
	margin: 0px;
	}
	
#menutama li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	
	
#menutama li a:link, #menutama li a:visited {
	color: #FFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:13px;
	display: block;
	background:  url("../images/menu.gif");
	padding: 8px 0px 0 30px;
	}
	
#menutama li a:hover {
	color: #FFF;
	background:  url("../images/menu.gif") 0 -32px;
	padding: 8px 0px 0 30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:13px;
	}
 #nav                { float:left; width:25%; min-width:160px;  }
 #nav    *.oi        { padding-right:10px;  }
 #main               { float:left; width:60%; min-width:300px; margin-top:0px; font-size:0.8em;}
 #main   *.oi        { padding-right:10px; position:relative; height:44em; }
 #extras             { float:right; width:40%; min-width:160px; }
 #extras *.oi        { }
/* MORE */
*.more { text-align:right; font-weight:bold; font-size:10px; }

/* ROLLUP ../images/footertop.jpg*/
*.rollup-trigger  { 
font-size:12px;
cursor:default;text-align:left; color:#000000; 
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
}
*.rollup-trigger:hover { color:#FFFFFF; }

/* TOOLS */
*.float-divider  { clear:both; height:1px; font-size:1px; line-height:1px; }
*.screenreader-only { position:absolute; left:-9999px; top:-9999px; width:1px; height:1px; overflow: hidden; } 
*.hidden { position:absolute; top:-99999px; left:-99999px; width:1px; height:1px; overflow:hidden; }


/* LINKS */
a:link,  a:visited, a:active { text-decoration:none; color:black; }  
a:hover      { color:black; text-decoration:underline; }


/* TEXT */
*.message    { text-align:left; font-size:0.7em; }
*.copyright  { text-align:center; font-size:0.8em; }


/* SECTION */
*.section    { margin-top:10px; font-size:0.8em; border:1px solid #ACCE48; }
*.section h3 { text-indent:10px; padding:5px 0; border-bottom:1px solid #ACCE48; 
background:url("../images/footertop.jpg") repeat-x left bottom; position:relative;
}
*.section p  { margin:5px 10px; }


/* BUTTONS */
*.button         { 	 background:url("../images/footertop.jpg") repeat-x left bottom white; 
	 border-left:1px solid #ACCE48; border-right:1px solid #ACCE48; 
     border-top:1px solid #ACCE48; border-bottom:1px solid #ACCE48;  
	 COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	 FONT-SIZE: 11px; FONT-WEIGHT: bold; height:20px; width:60px;margin-top:2px; }
*.button:hover   { background:url("../images/footertop.jpg") repeat-x left top white; 
	 border-left:1px solid #ACCE48; border-right:1px solid #ACCE48; 
     border-top:1px solid #ACCE48; border-bottom:1px solid #ACCE48;  
	 COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	 FONT-SIZE: 11px; FONT-WEIGHT: bold; height:20px; width:60px; }

#tengah {
margin-left:5px;margin-right:5px;
font-size:13px;
background-color:#CCFBAF;
margin-top:0px;
margin-bottom:10px;
overflow:auto;
}
#utama {
float:right;margin-top:0px; margin-bottom:10px; margin-right:0px;margin-left:5px;
overflow:auto;position:relative;min-width:600px;background:#FFFFFF; width:99%;
}
#submenu {
overflow:auto;margin-top:0px;margin-left:5px;margin-right:5px;margin-bottom:5px;
background:#FFFFFF;
}
#garis {
	border: 1px solid #ACCE48;
}
#gambar {
	border: 1px solid #ACCE48;
	margin:2px 2px 2px 2px;
}

#button {
	 background:url("../images/g1hijau.jpg") repeat-x left bottom white; 
	 border-left:1px solid #ACCE48; border-right:1px solid #ACCE48; 
     border-top:1px solid #ACCE48; border-bottom:1px solid #ACCE48;  
	 COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	 FONT-SIZE: 11px; FONT-WEIGHT: bold; height:20px; width:60px;
}

#editbox {
	BACKGROUND: #ffffff; BORDER-BOTTOM: #ACCE48 1px solid; BORDER-LEFT: #ACCE48 1px solid; BORDER-RIGHT: #ACCE48 1px solid; BORDER-TOP: #ACCE48 1px solid; COLOR: #ACCE48 ; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 11px;
	padding-top:3px;
}


/* tambahan dari css alan */

.tah11p {
	font-family: Tahoma;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}
.tah11 {
	font-family: Tahoma;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
.tah12 {
	font-family: Tahoma;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}

.tah10 {
	font-family: Tahoma;
	font-size: 10px;
	color: 000000;
	text-decoration: none;
	
}


.ver10 {
	font-family: "Trebuchet MS";
	font-size: 12px;
	text-decoration: none;
	color: #000000;
}
.ver11 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #000000;
}

.ver9 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
	color: #000000;
}

td {
	font-family: "Trebuchet MS";
	font-size: 13px;
	color: #000000;
	text-decoration: none;
	text-align:left;
}
.tabletd  td {
	font-family: "Trebuchet MS";
	font-size: 13px;
	color: #000000;
	text-decoration: none;
	text-align:left;
}
.ari12 {
	font-family: Arial;
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
}
.tra {
	font-family: "Trebuchet MS";
	font-size: 13px;
	color: #000000;
	border: none;
	text-align:left;
	line-height: 150%;
}
.ari13 {
	font-family: Arial;
	font-size: 12px;
	text-decoration: none;
	color: #000000;
}
.ari13p {
	font-family: Arial;
	font-size: 13px;
	color: #FFFFFF;
	text-decoration: none;
}

.tah9 {
	font-family: Tahoma;
	font-size: 9px;
	color: #000000;
	text-decoration: none;
	border: none;
}
.tah14 {
	font-family: Tahoma;
	font-size: 14px;
	color: #000000;
	text-decoration: none;
	border: none;
}
.style1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #165303}
-->
.ver10baru {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	color: #165303;
	
}
#atasbanner {
	width: auto;
	text-align:center;
	overflow:hidden;
	border: 1px solid #000000;
	}
	
/* kontak kecil */
*.merah a  {
	float:left;	cursor:pointer;	margin-top:9px;
	margin-left: 5px;	
	border:1px solid #666666;	width:9px;	height:9px;
	background-color: #FF0000;
}
*.biru a  {
	float:left;	cursor:pointer;	margin-top:9px;
	margin-left: 5px;	
	border:1px solid #666666;	width:9px;	height:9px;
	background-color: #0066FF;
}
*.hijau a  {
	float:left;	cursor:pointer;	margin-top:9px;	
	margin-left: 5px;	
	border:1px solid #666666;	width:9px;	height:9px;
	background-color: #00CC33;
}
*.abu a  {
	float:left;	cursor:pointer;	margin-top:9px;
	margin-left: 5px;	
	border:1px solid #666666;	width:9px;	height:9px;
	background-color: #999999;
}
*.indo a  {
	float:left;	cursor:pointer;	margin-top:7px;
	margin-left: 20px;	
	border:1px solid #666666;	width:14px;	height:12px;
	background-image:url("../images/id.png");
}
*.eng a  {
	float:left;	cursor:pointer;	margin-top:7px;
	margin-left: 10px;	margin-right:10px;
	border:1px solid #666666;	width:14px;	height:12px;
	background-image:url("../images/en.png");
}
#tablebaru  {
	padding: 0;
	margin: 0;
	border:1px solid #ACCE48;
}
#tablebaru  *.td0 {
	border-right: 1px solid #ACCE48;
	border-bottom: 1px solid #ACCE48;
	background:url("../images/g2hijau.jpg") repeat-x left top white;
	padding: 4px 4px 4px 4px;
	color: #000000;
	font-size:13px;
	font-family: "Trebuchet MS";	
}
#tablebaru  *.td1 {
	border-right: 1px solid #ACCE48;
	border-bottom: 1px solid #ACCE48;
	background: #fff;
	padding: 4px 4px 4px 4px;
	color: #000000;
	font-size:13px;
	font-family: "Trebuchet MS";	
}
#tablebaru  *.td2 {
	border-right: 1px solid #ACCE48;
	border-bottom: 1px solid #ACCE48;
	background: #CDF9BB;
	padding: 4px 4px 4px 4px;
	color: #000000;
	font-size:13px;
	font-family: "Trebuchet MS";	
}
/* NAVIGATION menu kanan */
ul#mainNav {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
	overflow: hidden;
}

#mainNav a {
	font-family: "Trebuchet MS";
	text-decoration: none;
	color: #000000;
	font-size: 12px;
	text-transform: uppercase;
	border-bottom: none;
	display: block;
	padding: 3px 2px 2px 26px;
	background:  url("../images/linkhijau.png") no-repeat 5px 50%;
	text-align:left;
}

#mainNav a:hover {
	font-weight: bold;
	background: #89AF31 url("../images/linkhijau2.png") no-repeat 5px 50%;
}