<style type="text/css">
	* {
		margin:0px;
		padding:0px;
	}

	html, body {
		height:100%;
		color:#000000;
		font-family: "Trebuchet MS", arial, "Trebuchet MS", sans-serif;
		font-size:11px;
		line-height:18px;
	}
	#wrapper {
		text-align: left;
		float: right;
		width: 950px;
		margin-right: auto;
		padding-top: 0px;
		margin-left: auto;
		padding-bottom: 10px;
	}
	#nav {
		width: 903px;
		height: 43px;
		padding-top: 0px;
		padding-right: 40px;
		text-align: right;
		background-repeat: no-repeat;
		font-family:Arial, Helvetica, sans-serif;
	}
	#nav a {
		color:#494134;
		text-decoration:none;
		margin-left: 59px;
	}
	#nav a:hover {
		color:#bf2e1a;
		text-decoration:none;
		margin-left: 59px;
	}
	#header {
		width: 950px;
		clear: both;
		overflow: auto;
		float: left;
	}
	#header2 {
		width: 950px;
		clear: both;
		overflow: auto;
		float: left;
	}
	#logo {
		float: nobe;
		margin-left:0px;
		margin-top:10px;
		z-index:0;
		width : 206px;
		height : 150px;
	}
	#flash-utama {
		position : absolute;
		margin-left:205px;
		margin-top:35px;
		background: url(images/bg-pic1-content.png);
		background-repeat: no-repeat;
		z-index:1;
		width : 446px;
		height : 243px;
	}
	#hall {
		float: none;
		margin-left:616px;
		margin-top:60px;
		z-index:0;
		width : 334px;
		height : 227px;
/*		background: url(images/bg-hall-view.png);
		background-repeat: no-repeat;
*/	}
	#tgl {
		float: none;
		margin-left:0px;
		margin-top:0px;
		z-index:0;
		width : 206px;
		height : 114px;
	}
	


	#isi ul {
		list-style-type:none;
	}
	#isi ul li {
		margin: 0px 0px 5px 0px;
	}
	#isi2	{
		float: left;
		width: 145px;
		padding-right: 15px;
		padding-left: 20px;
		border-right: 3px solid #A9A9A9;
	}
	#footer {
		color:#ffffff;
		font-weight:bold;
		lear: both;
		overflow: auto;
		float: left;
		font-size:13px;
		padding-left:650px;
		padding-top:20px;
		font-family: "Myriad Pro Cond", "Trebuchet MS", arial, "Trebuchet MS", sans-serif;

	}
	#footer a:link {
		color:#3871c5;
		text-decoration:none;
	}
	#footer a:visited {
		color:#3871c5;
		text-decoration:none;
	}
	#footer a:hover {
		color:#ffffff;
		text-decoration:none;
	}
	#alamat {
		color:#83aabf;
		float: left;

	}
	#isi2-awal	{
		clear: both;
		overflow: auto;
		float: left;
		width: 205px;
		padding-left:0px;
	}
	#main_nav_inner ul, #functions ul {
		list-style-type:none;
	}
	#main_nav_inner {
		margin: 190px 0px 0px -5px;
		width: 258px;
	}

	#main_nav_inner img {
		border:none;
	}
	#main_nav_inner div {
		border:none;
		margin: 10px 0px 0px 0px;
	}

	#main_nav_inner ul {
		font-weight:bold;
		padding-left:0px;
		padding-right:48px;
	}

	#main_nav_inner ul li {
		margin: 5px 0px;
	}
	#kanan {
		width:270px;
		height:100%;
		position:relative;
		background: #c1c9d4;
		z-index:0;
	}
	#main_nav_inner ul ul {
		font-weight:normal;
		font-size:11px;
		line-height:14px;
		list-style-type:square;
	}
	#ultext 	{margin:2px 0px 0px 0px; padding:0 20px 10px 20px;font-size:12px;}
	#ultext ul 	{list-style:none; margin:0px; padding:2px; }
	#ultext li 	{list-style:none; margin-left:10px; padding-left:0px; padding-right:5px; padding-top:5px; border-bottom:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC;}

	#ultext2 	{margin:2px 0px 0px 0px; padding:0px;}
	#ultext2 ul 	{list-style:none; margin:0px; padding:2px; }
	#ultext2 li 	{list-style:none; margin-left:0px; padding-left:7px; padding-right:5px; padding-top:5px; border-bottom:1px solid #CCCCCC;}

	#oltext1 	{margin:2px 0px 0px 10px; padding:0 20px 10px 20px;font-size:12px;}
	#oltext1 ol 	{list-style:none; margin:0px; padding:2px; }
	#oltext1 li 	{list-style:1.; margin-left:10px; padding-left:0px; padding-right:5px; padding-top:5px; border-bottom:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC;}

	.tcontent {
		color: #444444;
		font: 12px "Trebuchet MS", arial, "Trebuchet MS", sans-serif;
		line-height: 1.5em;
		padding: 0 20px 3px 20px;
		padding-bottom : 5px;
	}
	.tcontent-ccg {
		border:1px solid #CCCCCC;
		vertical-align: middle;
	}
	.red {
		color:#708090;
		padding: 0 20px 10px 20px;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:18px;
		font-weight:bold;
		letter-spacing:-1px;
		text-transform:uppercase;
		background:#ffffff;
	}
	.content-head	{
		font-family: "Trebuchet MS", arial, "Trebuchet MS", sans-serif;
		padding: 0 20px 3px 20px;
		font-size:18px;
		color:#778899;
		text-transform:uppercase;
		font-weight:bold;
	}
	.content-head-smaller	{
		font-family: "Trebuchet MS", arial, "Trebuchet MS", sans-serif;
		font-size:15px;
		color:#778899;
		text-transform:uppercase;
		padding: 0 20px 3px 20px;
		font-weight:bold;
	}
	.post-head	{
		font-family: "Trebuchet MS", arial, "Trebuchet MS", sans-serif;
		font-size:23px;
		font-weight:bold;
	}
	.post-1head	{
		font-family: "Trebuchet MS", arial, "Trebuchet MS", sans-serif;
		font-size:16px;
		font-weight:bold;
	}
	.post-1	{
		font-family: "Trebuchet MS", arial, "Trebuchet MS", sans-serif;
		font-size:13px;
	}
	.ttesti {
		color: #f5f5f5;
		font: 11px "Trebuchet MS", arial, "Trebuchet MS", sans-serif;
		line-height: 1.5em;
		padding-top: 8px;
		padding-bottom: 15px;
	}
	.ttesti2 {
		color: #83aabf;
		font: 11px "Trebuchet MS", arial, "Trebuchet MS", sans-serif;
		line-height: 1.5em;
		padding-top: 8px;
		padding-bottom: 15px;
	}
	.info	{
		color: #363636;
		font: 11px "Trebuchet MS", arial, "Trebuchet MS", sans-serif;
		padding-bottom: 5px;
	}
	.q	{
		color: #363636;
		font: 12px "Trebuchet MS", arial, "Trebuchet MS", sans-serif;
		padding-top: 5px;
		padding-bottom: 0px;
		font-weight:bold;
	}
	.a	{
		color: #363636;
		font: 12px "Trebuchet MS", arial, "Trebuchet MS", sans-serif;
		padding-bottom: 5px;
		border-bottom: 1px solid #A9A9A9;
	}
	#isi-kalendar	{
		clear: both;
		overflow: auto;
		float: left;
		width: 248px;
		color: #363636;
		font: 12px "Trebuchet MS", arial, "Trebuchet MS", sans-serif;
		padding-bottom: 5px;
		height:43px;
		background-repeat: no-repeat;
	}
	#tgl	{
		float: left;
		color: #fffafa;
		padding-left:8px;
		font-weight:bold;
		wifth:45px;
		padding-top:10px;
		padding-right:14px;
		font: 14px "Trebuchet MS", arial, "Trebuchet MS", sans-serif;
		padding-bottom: 5px;
	}
	#tgl-kegiatan	{
		wifth: 201px;
		color: #000000;
		padding-top:10px;
		padding-left: 19px;
		font-weight: bold;
		font: 12px "Trebuchet MS", arial, "Trebuchet MS", sans-serif;
		vertical-align: middle;
	}
	.prog-tgl {
		float: left;
		color: #fffafa;
		padding-left:20px;
		font-weight:bold;
		wifth:45px;
		padding-top:10px;
		padding-right:14px;
		font: 14px "Trebuchet MS", arial, "Trebuchet MS", sans-serif;
		padding-bottom: 5px;
	}
	.prog {
		wifth: 201px;
		color: #000000;
		padding-top:10px;
		padding-left: 50px;
		font-weight: bold;
		font: 12px "Trebuchet MS", arial, "Trebuchet MS", sans-serif;
		vertical-align: middle;
	}
	.side-news {
		color: #363636;
		font: 11px "Trebuchet MS", arial, "Trebuchet MS", sans-serif;
		line-height: 1.5em;
		background: url(images/bg-sidenews.png) repeat;
		widht: 244px;
		padding-right: 15px;
		padding-left: 1px;
		padding-bottom: 5px;
		background-repeat: no-repeat;
	}
	#news-depan-awal{
		clear: both;
		overflow: auto;
		float: left;
		width: 563px;
		padding-left:12px;
	}
	#news-depan{
		float: left;
		width: 175px;
		font-family: "Trebuchet MS", arial, "Trebuchet MS", sans-serif;
		font-size:12px;
		padding-right: 6px;
		padding-left: 6px;
		border-right: 1px solid #A9A9A9;
	}
	#gallery-icon-awal{
		clear: both;
		overflow: auto;
		float: left;
		width: 300px;
	}
	#gallery-icon{
		float: left;
		width: 80px;
		font-family: "Trebuchet MS", arial, "Trebuchet MS", sans-serif;
		padding-right: 10px;
		padding-left: 10px;
		padding-bottom :10px;
	}

	#news-depan-p{
		float: left;
		font-family: "Trebuchet MS", arial, "Trebuchet MS", sans-serif;
		font-size:12px;
		width: 175px;
		padding-right: 6px;
		padding-left: 6px;
	}
	
	.white {
		font-family: "Trebuchet MS", "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #ffffff;
		padding-left: 0px;
		padding-top: 10px;
		padding-right: 15px;
		padding-bottom: 10px;
		height: 100%;
	}
	.contente {
		font-family: "Trebuchet MS", "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #363636;
		padding-left: 25px;
		padding-top: 10px;
		padding-right: 285px;
		padding-bottom: 27px;
		height: 100%;
	}
	.contente-nobg {
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #363636;
		height: 100%;
	}
	.blockq{
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #ff6600;
		padding-left: 0px;
		background: #f5f5f5;
		font-style: italic;
		font-weight: bold;
		padding-left: 7px;
		padding-top: 7px;
		padding-right: 0px;
		padding-bottom: 7px;
	}
	h1 {
		font-family: "Trebuchet MS", arial, "Trebuchet MS", sans-serif;
		font-size:23px;
		color:#ff6600;
		text-transform:uppercase;
		padding: 0 0 10px 0px;
		font-weight:bold;
	}

	h2 {
		margin-bottom:9px;
	}

	h1 {
		font-size:18px;
		font-weight:bold;
		color:#ca3c00;
		line-height:27px
	}

	h2 {
		font-size:14px;
		font-weight:bold;
		line-height:21px
	}

	h3 {
		font-size:12px;
		font-weight:bold;
		color:#ca3c00;
		line-height:18px;
	}
	a.news1:link {
		font-size: 11pt;
		color: #143459;
		font-weight: bold;
		text-decoration:none;
	}
	a.news1:visited {
		font-size: 11pt;
		color: #143459;
		font-weight: bold;
		text-decoration:none;
	}
	a.news1:hover {
		font-size: 11pt;
		color: #606060;
		font-weight: bold;
		text-decoration:underline;
	}

	a.event1:link {
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		font-size : 11px;
		font-weight: bold;
		color:#f5f5dc;
		text-decoration:none;
	}
	a.event1:visited {
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		font-size : 11px;
		font-weight: bold;
		color:#f5f5dc;
		text-decoration:none;
	}
	a.event1:hover {
		color:#ffffff;
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		font-size : 11px;
		font-weight: bold;
		text-decoration:underline;
	}
	a:link {
		font-weight:bold;
		color:#83aabf;
		text-decoration:underlined;
	}
	a:visited {
		font-weight:bold;
		color:#83aabf;
		text-decoration:underlined;
	}
	a:hover {
		color:#000080;
		font-weight:bold;
		text-decoration:none;
	}
	form#login {
		color: #000000;
		font-family: Calibri, "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 12px;
		margin-right: 16px;
		text-align: right;
	}
	#login .text {
		font-family: Calibri, "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 11px;
		width: 100px;
		margin-right: 16px;

	}
	#login .buttons {
		font-family: Calibri, "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 10px;
		background-color: #333333;
		color: #FFFFFF;
		margin-top: 6px;
		margin-right: 16px;
	}
</style>
