body {
	font-family: Arial, Helvetica, sans-serif, Tahoma;
	font-size: 12px;
	line-height: 14px;
	background-image: url(../Images/bg_fade.gif);
	background-repeat: repeat-x;
	background-color: #107B53;
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: none;
}
div, p, ul, h2, h3, h4, h5, form, img {
	margin: 0px;
	padding: 0px;
}
ul {
	list-style-type: none;
}
#header {
	height: 287px;
	width: 880px;
	position: relative;
	background-image: url(../Images/Kepala_About.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	z-index: 1;
}
#header ul {
	font-family: Arial, Helvetica, sans-serif, Tahoma;
	font-size: 13px;
	font-weight: normal;
	height: 40px;
	width: 880px;
	position: absolute;
	left: 0px;
	top: 85px;
	z-index: 1;
}
#header ul li {
	height: 40px;
	width: 176px;
	float: left;
	top: 100px;
	background-image: url(../Images/background_nav_active.jpg);
}

#header ul li a {
	font-family: Arial, Helvetica, sans-serif, Tahoma;
	font-size: 14px;
	line-height: 40px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(Images/background_nav_active.jpg);
	background-repeat: repeat-x;
	text-align: center;
	display: block;
	height: 40px;
	width: auto;
	top: 86px;
}
#header ul li a:hover {
	font-family: Arial, Helvetica, sans-serif, Tahoma;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	background-image: url(../Images/background_nav_hover.jpg);
	background-repeat: repeat-x;
	text-align: center;
	display: block;
	height: 40px;
	width: 176px;
	top: 86px;
	color: #333333;
}

#leftbody{
	width:200px;
	color:#B6B6B5;
	float:left;
	background-color: #F5F2E5;
	background-repeat: no-repeat;
	background-position: 0 0;
	height: auto;
	z-index: 2;
	display: block;
	padding: 0;
	position: absolute;
	top: 0px;
	left: 0px;
	}

	



#BodyPan {
	width: 650px;
	margin-top: 0px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	display: block;
	float: none;
	margin-bottom: auto;
	height: auto;
	padding-bottom: 10px;
	border: none;
	background-image: url(../Images/bg_bodyPan.jpg);
	background-repeat: repeat-y;
	padding-right: 10px;
	padding-left: 220px;
	z-index: 1;
	padding-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}

#BodyPan a {
	font-family: Arial, Helvetica, sans-serif;
	color: #006600;
	text-decoration: underline;
}

#BodyPan a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #264465;
	text-decoration: underline;
}

#BodyPan ul a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #264465;
	text-decoration: none;
}

#Body {
	width: 640px;
	position: relative;
	display: block;
	float: none;
	padding-bottom: 10px;
	border: none;
	background-image: url(../Images/bg_bodyPan.jpg);
	background-repeat: repeat-y;
	margin: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 210px;
}
#footerPan{
	width:880px;
	height:40px;
	color:#fff;
	position:relative;
	margin:0 auto;
	clear:both;
	padding:0px 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image: url(../Images/background_footer.jpg);
	background-repeat: repeat-x;
	line-height: 40px;
}



#footerPan ul{
	width:680px;
	position:relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}


#footerPan li{float:left; }

#footerPan ul li a{
	padding:0 10px 0;
	color:#fff;
	text-decoration:underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#footerPan ul li a:hover{
	text-decoration:underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #F5F2E5;
}


#footerPan p.copyright{
	width:500px;
	color:#fff;
	position:absolute;
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
	top: 10px;
}
#header p style1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
.linkkepala {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}

.linkkepala a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #F5F2E5;
	text-decoration: underline;
}
.linkkepala a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: normal;
}

.JudulMenuKiri {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #005027;
}
.H1Body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: normal;
	color: #005027;
	line-height: 24px;
}
.H2Body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	font-weight: bold;
	line-height: 25px;
}
.H3Body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}

.H3BodyWhite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}
.H4News {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #005027;
}
.HomeText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}
.ContentText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	font-weight: normal;
}
.crumb {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #888888;
}

.crumb_active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #188644;
}

ul#menu {
  width: 200px;
  list-style-type: none;
  margin: 0;
  padding: 0;
  
}

ol#submenu {
	display: none;
	text-align: left;
	list-style-type: none;
	margin: 0;
	padding: 0px;
	text-indent: 30px;
}


ul#menu li, 
  ul#menu a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-indent: 25px;
}

ul#menu li {
	border-bottom: 1px solid #F5F2E5;
	line-height: 31px;
	background-image: url(../Images/background_leftmenu_active.jpg);
}

ul#menu ol li {
	border-bottom: 1px solid #F5F2E5;
	background-image: url(../Images/background_leftsubmenu_active.jpg);
	text-indent: 40px;
	line-height: 31px;
}



ul#menu a {
  text-decoration: none;
  outline: none;
}

ul#menu a:hover {
	color: #005027;
	background-image: url(../Images/background_leftmenu_hover.jpg);
	height: 31px;
	width: 200px;
	display: block;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

ul#menu a#open{
	color: #005027;
	background-image: url(../Images/background_leftmenu_hover.jpg);
	height: 31px;
	width: 200px;
	display: block;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

ol#submenu li {
	color: #005027;
	height: 30px;
	width: 200px;
	display: block;
	background-image: url(../Images/background_leftsubmenu_active.jpg);
	font-weight: normal;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-indent: 40px;
}
ol#submenu a {
	color: #333333;
	height: 30px;
	width: 200px;
	display: block;
	background-image: url(../Images/background_leftsubmenu_hover.jpg);
	font-weight: normal;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-indent: 40px;
	background-repeat: repeat-y;
}
ol#submenu a:hover {
	color: #005027;
	height: 30px;
	width: 200px;
	display: block;
	font-weight: bold;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-indent: 40px;
	background-image: url(../Images/background_leftsubmenu_hover.jpg);
}
ol#submenu a#open {
	color: #005027;
	height: 30px;
	width: 200px;
	display: block;
	font-weight: bold;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-indent: 40px;
	background-image: url(../Images/background_leftsubmenu_click.jpg);
	background-repeat: no-repeat;
}
ul#menu ol li {
	color: #005027;
	font-weight: normal;
	background-image: url(../Images/background_leftsubmenu_active.jpg);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-indent: 40px;
}
ul#menu ol li:hover {
	color: #005027;
	font-weight: bold;
	background-image: url(../Images/background_leftsubmenu_hover.jpg);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}	
	
.BodyTextLink{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #1B8644;
	text-decoration: underline;
}

.BodyTextLink a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #1B8644;
	text-decoration: underline;
}
.BodyTextLink a:link{
	color: #1B8644;
	text-decoration: underline;
}

.BodyTextLink a:hover{
	color: #264465;
	text-decoration: underline;
}
.TopToolsLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #F5F2E5;
	text-decoration: underline;
}
.TopToolsLink a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #F5F2E5;
	text-decoration: underline;
}

.TopToolsLink a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: underline;
}

#copyright{
	width:880px;
	height:100px;
	color:#F5F2E5;
	position:relative;
	margin:0 auto;
	clear:both;
	padding:0px 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 35px;
}

#copyright a{
	font-size: 11px;
	text-decoration: underline;
	color: #FFFFFF;
}

#copyright a:Link{
	font-size: 11px;
	text-decoration: underline;
	color: #FFFFFF;
}

#pojok{
	width:3px;
	color:#B6B6B5;
	float:right;
	background-repeat: no-repeat;
	background-position: 0 0;
	height: auto;
	z-index: 2;
	display: block;
	padding: 0;
	position: absolute;
	top: 85px;
	left: 877px;
	right: 878px;
	}
	
#textsizer
{
	margin-bottom: 6px;
	
}
	#textsizer p
	{
		display: inline;
	}
ul.textresizer
{
	list-style: none;
	display: inline;
	margin: 0px;
	padding: 0px;
}
	ul.textresizer li
	{
		display: inline;
		margin: 0px;
		margin-right: 5px;
		padding: 0px;
	}

	ul.textresizer a
	{
	border: solid 1px #999;
	padding: 2px 3px;
	font-weight: bold;
	text-decoration: none;
	color: #FF0000;
	}
    
	ul.textresizer a:hover
	{
		background: #C6FFC6;
		border: solid 1px #cccccc;
        
	}

	ul.textresizer .small-text
	{
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	}
	
	ul.textresizer .medium-text
	{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	}
	
	ul.textresizer .large-text
	{
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;	
	}
	
	ul.textresizer .larger-text
	{
	font-size: 17px;
	line-height: 30px;
	}

	ul.textresizer a.textresizer-active
	{
		border: solid 1px #2B562B;
		background: #CCCCCC;
		color: #FFFFFF;				
	}
#rightbody {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}