<style type="text/css">

	* {
		padding: 0;
		margin: 0;
	}

	html {
		background:#ffffff;
	}

	body {
		text-align: center;
		font-size: 12px;
		font-family: tahoma, Verdana, sans-serif, Verdana, Helvetica;
		line-height: 1.3;
		background:#ffffff;
	}
	.newletter-head{
		font-size: 13px;
		font-family: tahoma, Verdana, sans-serif, Verdana, Helvetica;
		line-height: 1.3;
		background:#ffffff;
		font-weight: bold;
	}
	.newletter{
		font-size: 12px;
		font-family: tahoma, Verdana, sans-serif, Verdana, Helvetica;
		line-height: 1.3;
	}
	.tx-head-l20	{
			text-indent: 2px;
			font-family: Calibri;
			font-size: 14pt;
			color: #606060;
			font-weight: bold;
			padding-top:15px;
		}
	.tx-tanggal	{
			/*padding-top:0px;*/
			font-family: arial;
			font-size: 8pt;
			color: #fe6000;
		}
	#site {
		background: #ffffff;
		padding:0;
		padding-bottom:50px;
		margin:0;
	}

	h1, h2, h3, h4, h5, h6, blockquote, label, ul, ol, dl, fieldset, address {
		/*margin: 0.5em 0;*/
	}
	form {
		margin:20;padding:0;
	}
	.menuheader{color: #912a8e;
		text-transform: uppercase;
		font-size: 15px;
		font-weight: bold;
	}

	
	a img {
		border: 0px;
	}

	li, dd {
		margin-left: 1em;
	}
	ul li {
		list-style-type:circle;
	}

	fieldset {
		padding:5em;
	}



	.isie {
		text-align: left;
		color: #000000;
		font-size: 12px;
		font-family: tahoma, Verdana, sans-serif, Verdana, Helvetica;
	}
	td {
		padding:1px;
	}

	#wrap {
		min-width: 960px;
		max-width: 960px;
		width: auto !important;
		width: 960px;
		margin: 0 auto;
		text-align: left;
	}
	#tcontent{
		clear: both;
/**		overflow: auto;**/
		float: left;
		/**width: 780px;
	
		height :500px;**/
		margin-left:85px;
		margin-bottom:25px;
		margin-top:35px;
		background:#ffffff;
	}
	#pict{
/*		float: left;	*/
		width: 161px;
		position:absolute;
		padding-left:21px;
		padding-top:31px;
	}
	#textc{
		float: left;
		width: 550px;
		padding-top:5px;
		padding-left:221px;
		padding-right:40px;
		padding-bottom:5px;
		background:#ffffff;
	}
	#textc h3{
		color: #912a8e;
		text-transform: uppercase;
		vertical-align: middle;
	}
	#textc-ed{
		float: left;
		/*width: 498px;*/
		padding-top:5px;
		padding-bottom:5px;
		background:#ffffff;
	}
	#textc-ed h3{
		color: #912a8e;
		text-transform: uppercase;
		vertical-align: middle;
	}
	#news-home{
		clear: both;
		overflow: auto;
		float: left;
		width: 780px;
		padding-left:85px;
	}
	#news-home-item-2{
		width: 300px;
		padding-right: 20px;
		padding-left: 0px;
	}
	#news-home-item{
		float: left;
		left: 300px;
		width: 360px;
		padding-right: 20px;
		padding-left: 0px;
	}
	#news-home-item h3{
		color:#912a8e;
		padding-left:10px;
		vertical-align: middle;
		text-transform:uppercase;
	}
	#news-home-item a{
		color:#912a8e;
	}
	#news-home-item p{
		clear: both;
		padding-top:5px;
	}

	#header {
		position:relative;
		margin-top:0px;
		margin-bottom:0px;
		color:#ffffff;
	}
	#header .logo {
		margin-top:0px;
	}
	#header h1 {
		font-variant: small-caps;
		font-stretch: expanded;
		padding-left: 20px;
		color:#ffffff;
		font-weight: bold;
		font-size: 50px;
	}
	#header input {
		background: url(../images/search.png) no-repeat;
		border:0;
		height: 22px;
		width: 168px;
		padding: 2px;
		font-size:1em;
		color:#fff;
		border:1px solid #ffffff;
	}
	#header .search {
		position:absolute;
		top: 30px;
		right:20px;
		color:#fff;
	}

	#header .banner {
		position:absolute;
		top: 68px;
		right:20px;
		color:#fff;
	}
	#pic-home{
		text-align: center;
		clear: both;
		width: 781px;
		height:300px;
		padding-left:85px;
		padding-top:35px;
		padding-bottom:30px;
	}
	#mainmenu{
		text-align: center;
		clear: both;
		float: left;
		width: 781px;
		padding-left:83px;
	}
	#header1{
		clear: both;
		overflow: auto;
		float: none;
		width: 900px;
		padding-left: 0px;
		text-align: center;
	}
	#h-logo{
		float: left;
		width: 265px;
		padding-right: 0px;
		padding-left: 150px;
	}
	#h-mascot{
		float: left;
		width: 320px;
		padding-right: 0px;
		padding-left: 0px;
	}
	#h-item{
		float: left;
		width: 210px;
		padding-right: 0px;
		padding-left: 0px;
	}
	.h-form{
		background-color: Gray;
		color: White;
	}
	.h-sign-in{
		background-color: White;
		color: #696969;
		border: 0px none White;
		font-family: Verdana ;
		font-weight: bold;
		font-size: 10px;
	}



	#leftcol {
		float:left;
		width:23%;
		overflow:hidden;
	}
	#content {
		float:left;
		width: 54%;
	}

	#content1 {
		position:relative;
		float:left;
		width: 54%;
		overflow:hidden;
	}

	#content2 {
		position:relative;
		float:left;
		width: 77%;
		overflow:hidden;
	}
	#content3 {
		position:relative;
		float:left;
		width: 100%;
		overflow:hidden;
	}


	#rightcol {
		position:relative;
		float:left;
		width:23%;
		overflow:hidden;

	}
	#footer {
		/*clear: both;*/
		left:200px;
		background: #7d7d7d;
		height: 22px;
		text-align: left;
		width: 900px;
		margin: 0;
		padding-left: 20px;
		padding-top: 10px;
		font-weight: bold;
		color: White;
	}

	#footer .box {
		padding:0;
		padding-top: 30px;
		margin:0;
	}
	#top {
		padding:10px 10px 5px 10px;
		margin:0px;
	}
	#top .box {
		padding:0;
		margin:0;
		color:#000;
		background:#fff;
	}

	#bottom {
		clear:both;
		padding:10px 10px;
		margin:5px 10px;
		background:#fff;
		border-top:1px dotted #00b6d5;
		border-bottom:1px dotted #00b6d5;
	}

	#user {
		clear:both;
		padding:10px;
	}

	.box {
		padding:10px;
	}

	/* --- */

	#leftcolbg {


	}

	#rightcolbg {


	}


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


	h1, .contentheading, .componentheading, .contentpagetitle {
		color: #00b6d5;
		font-weight:bold;
		font-size:1.5em;
	}
	h2{font-size: 1.5em;}
	h3 {color: #912a8e;
		text-transform: uppercase;
		vertical-align: middle;}
	h4 {font-size: 1.2em;}
	h5 {font-size: 1.1em;}
	h6 {font-size: 1em;}

	hr {
		border:1px solid #6e8fb3;
	}
	fieldset {
		padding: 0.3em;
		border: 0px;
	}

	#footer, .small, .createdate, .modifydate {
		font-size:0.8em;
		color: #ACB6BF;
	}
	#footer a {
		color:#fff;
	}
	.module {
		margin-bottom: 1em;
		padding: 0 10px;
		padding-bottom: 5px;
		border: 2px solid #00b6d5;
		text-align:left;
	}

	.module h3 {
		background: #f2fc4c;
		color: #600b6d5;
		padding: 0.25em 0.5em;
		text-align: center;
		font-size: 1.1em;
		margin: 2px -8px 0.5em -8px;
		text-align: left;

	}


	.module_menu {
		padding:0;
		margin-bottom: 1.6em;
		color: #fff;
	}

	.module_menu2 {
		padding:0;
		margin-bottom: 1.6em;
	}

	.module_menu h3 {
		background: #f2fc4c;
		color: #00b6d5;
		padding: 0.25em 0.5em;
		text-align: left;
		font-size: 1.1em;
		margin: 0;
		border-bottom: 1px solid #fff;

	}

	.module_menu ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.module_menu li {
		border-bottom: 1px solid #fff;
		margin: 0;
		list-style:none;
	}

	.module_menu li a {
		display: block;
		padding: 3px 5px 3px 0.5em;
		border-left: 10px solid #dd8ed3;
		background-color: #bf60aa;
		color: #fff;
		text-decoration:none;
	}

	html>body .module_menu li a {
		width: auto;
	}
	.module_menu li a:hover, a#active_menu:link, a#active_menu:visited {
		border-left: 10px solid #6090bf;
		background-color: #906793;
		color:#fff;
	}

	.module_menu #current a {
		border-left: 10px solid #6090bf;
		background-color: #906793;
		color:#fff;
	}

	/*sub*/
	.module_menu ul li ul li a{
		display: block;
		padding: 3px 5px 3px 1.0em;
		border-left: 20px solid #00b6d5;
		background-color: #00b6d5;
		color: #fff;
		text-decoration:none;
		border-top: 1px solid #fff;
	}

	.module_menu ul #current ul li a{
		display: block;
		padding: 3px 5px 3px 1.0em;
		border-left: 20px solid #ad8ed3;
		background-color: #bf60aa;
		margin:0 0 -1px 0;
		color:#fff;
	}

	.module_menu ul li ul #current a{
		display: block;
		padding: 3px 5px 3px 1.0em;
		border-left: 20px solid #bf60aa;
		background-color: #906793;
		border-bottom:1px solid #906793;
		margin:0 0 -1px 0;
		color:#fff;
	}


	#header .module {
		margin-bottom: 0em;
		padding: 0; border: 0px;
	}


	#mainlevel-nav {
		list-style:none;
		float:right;
		margin:0;
		padding:0;
		width:100%;
		list-style-type:none;
		position:absolute;
		bottom:-10px;
		right:8px;
	}

	#mainlevel-nav li {
		list-style:none;
		float:right;
		margin:0;
		padding:0px;
	}

	#mainlevel-nav a:link,#mainlevel-nav a:visited {
		float:left;
		display:block;
		color:#000;
		text-decoration:none;
		margin:0 2px;
		padding:7px 8px 5px 8px;
		border: 2px solid #00b6d5;
		background:#f2fc4c;
	}

	#header #active_menu-nav, #mainlevel-nav #current a {
		float:left;
		display:block;
		color:#000;
		text-decoration:none;
		margin:0 2px;
		padding:7px 8px 5px 8px;
		border: 2px solid #00b6d5;
		background:#e757d4;
	}

	#mainlevel-nav #current {
		background:#e757d4;
	}

	#mainlevel-nav li a:hover {
		background:#e757d4;
	}

	.pagination span, .pagination a, .pagination strong{
		margin:0 3px;
	}
	/** overlib **/
	.ol-foreground {
		background-color: #f0f0f0;
	}
	.ol-background {
		background-color: #d6d6d6;
	}
	.ol-textfont {}
	.ol-captionfont {
		color: #ffffff;
		font-weight: bold;
	}
	.ol-captionfont a {}

	.ol-closefont {}


	#modlgn_username {
		width:160px;
	}
	#modlgn_passwd {
		width:160px;
	}
</style>