body { /* background gambar */
	line-height: 16px;
	font-family: "Arial", serif;
	font-size: 76%;
	margin-top: 0px;
	background-image: url(back_bluejj.jpg);
	background-repeat: repeat-x;
	color:#666666;
	background: url(back_blue.jpg) top center no-repeat;
	}
	
	p {	
	margin: 0 0 5px 0;
	
}
	
h2 {
	margin: 0px 0px 8px 0px;
	padding: 10px 0px 0px 15px;
	font-size: 16px;
	color: #098CE0;
}
		a{
			color: #6A849D;
			text-decoration: none;
		}	
		a:hover{
			color: #1D3F60;
			text-decoration: underline;
		}
		#container {   /* lebar layout web */
			width:920px;						
			margin-left: auto;
			margin-right: auto;
				
		}

		#banner {
		height: 200px;
			padding: 5px;
			margin-bottom:1px; ;
			background-image: url(head.jpg);
			background-repeat: no-repeat;
		}


		#footer {
		   height: 50px;
			clear: both;
			background-image: url(footer.jpg);
			background-repeat: no-repeat;
			background-position: bottom;
		}
		.fotext{
		margin-left: 30px;
		margin-right: 30px;
		font-size: 10px;
		padding-top: 10px;
		color:#6A849D;
		}
.form1 {
padding-bottom:0px;
margin-bottom:auto;
}

#atas{
float:none;
margin-left: 30px;
width:900px;
margin-top:2px;
}
.navcontainer
{
float:none;
margin-top: 2px;
margin-left: 28px;

}

.navcontainer ul
{
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

.navcontainer ul li
{
display: block;
float: left;
text-align: center;
padding: 2px;
margin: 0;
}
.daftar {
display: block;
float: left;
text-align: center;
padding: 2px;
margin: 0;
}

.navcontainer ul li a
{border-right: 0px solid #6A849D;
background: #fff;
width: 60px;
height: 15px;
border-top: 0px solid #6A849D;
border-left: 0px solid #6A849D;
border-bottom: 0px solid #6A849D;
padding: 2px;
margin: 0 0 5px 0;
color: #6A849D;
text-decoration: none;
display: block;
text-align: center;
font: 1em tahoma, lucida, sans-serif;
}

.navcontainer ul li a:hover
{
color: #000000;
}

.menufocus {
background: #FF0000;
color: #fff;
}

#rightmenu {
font-size:0.9em;
	margin: 0;
	padding: 0;
}

#rightmenu a {
	display: block;
	background: url(../images/arrow.gif) no-repeat center left ;
	color: #6A849D;
		padding: 2px 2px 5px 15px;
	margin: 0 0 1px 0;
	text-decoration: none;
	background-position: 4px;
}

#rightmenu a:hover {
	color: #AE6427;
	background:  url(../images/arrow.gif) no-repeat center left;
	background-position: 4px;}
	
*.button   {
	border: 1pt solid #6A849D;
	font: normal 12px tahoma;
	color: #000000;
	background-color:#FFFFFF;
	margin:0px 0px 5px 0px;
}
*.button2   {
	border: 1pt solid #245F98;
	font: normal 12px tahoma;
	color: #000000;
	background-color:#FFFFFF;
	margin:0px 0px 5px 0px;
}
*.button2:hover  {
	border: 1pt solid #6A849D;
	font: normal 12px tahoma;
	color: #FFFFFF;
	background-color:#6A849D;
	margin:0px 0px 5px 0px;
}
*.button:hover  {
	border: 1pt solid #6A849D;
	font: normal 12px tahoma;
	color: #FFFFFF;
	background-color:#6A849D;
	margin:0px 0px 5px 0px;
}
*.editbox {
	border: 1pt solid #6A849D;
	font: normal 12px tahoma;
	color: #707070;
	background-color:#CFD8E1;
	margin:0px 0px 5px 0px;
}
.search{
padding: 5px;
font-size: 0.9em;
color: #6A849D;

}
.news{
border-bottom: 1px dashed #ddd;
padding:5px;
color: #9D9C6A;
	font-size: 0.9em;
	margin-top: 10px;
	margin-bottom: 10px;
}

#blok-kiri{ 
	padding-right: 10px;
	padding-left:5px;
	width:200px;
	float: left;
}
#content {
		text-align: justify;	
		margin-top:0px;
		float: left;
		background-color:#fff;
		width:690px;
}
/* ----------------- End of Content ------------------- */

/* ------------- Section ------------------ */
.templatemo_section {
	margin: 0px 0px 15px 0px;	
	padding: 0px;
	color: #000000;
}

.templatemo_section .section1_top {
	padding-left:30px;
	padding-top:5px;
	height: 40px;
	background: url(menu_01.gif) no-repeat;
}
.templatemo_section .section1_middle {
	background: url(menu_02.gif) repeat-y;
}
.templatemo_section .section1_bottom {
	padding-left:5px;
	height: 37px;
	background:url(menu_03.gif) no-repeat;
}

.templatemo_section .section2_top {
	padding-left:30px;
	padding-top:5px;
	height: 40px;
	background: url(menu2_01.gif) no-repeat;
}
.templatemo_section .section2_middle {
	background: url(menu_02.gif) repeat-y;
}
.templatemo_section .section2_bottom {
	height: 37px;
	padding-left:5px;
	background: url(menu_03.gif) no-repeat;
}

.templatemo_section .section3_top {
	padding-left:30px;
	padding-top:5px;
	height: 40px;
	background: url(menu3_01.gif) no-repeat;
}
.templatemo_section .section3_middle {
	background: url(menu_02.gif) repeat-y;
}
.templatemo_section .section3_bottom {
	height: 37px;
	background: url(menu_03.gif) no-repeat;
}


.templatemo_section ul {
	margin: 0px 0px 0px 15px;
	padding: 0px;
	list-style: none;
}

.templatemo_section ul li {
	display: block;
}

.templatemo_section ul li a {
	padding: 0px;
	margin: 0px;
	color: #3e3939;
	text-decoration: none;
}

.templatemo_section ul li a:hover {
	color: #992300;
}

/* ---------- End of Section ------------ */
#blok-tengah{ 
	float: left;
	padding-right: 0px;
	width:487px;
}
#blok-detail{ 
	float: left;
	margin-right:0px;
	width:705px;
}
#blok-kanan{ 
	width:200px;
	float: left;
}
.box{
	background-color: #EDF1F2;
	border: 1px solid #BFCAD5;
	padding: 0px;
	font-size: 0.9em;
	color: #6A849D;
	margin-bottom:12px;
	margin-left:0px;
	margin-right:0px;
	width:200px;
}
.box h2{
	margin-top:0px;
	margin-bottom:0px;
	height:20px;
	padding-top:3px;
	padding-left:5px;
	color: #FFFFFF;
	font-size: 1.2em;
	background-color: #6A849D;
}
.box ul {
margin-left:0px;
padding-left:15px;
}
.box-tengah{
	background-color: #ffffff;
	border: 1px solid #BFCAD5;
	padding: 0px;
	font-size: 0.9em;
	color: #6A849D;
	margin-bottom:7px;
	margin-left:4px;
	margin-right:14px;
	overflow:auto;
}
.box-tengah h2{
	margin-top:0px;
	height:20px;
	padding-top:3px;
	padding-left:5px;
	color: #FFFFFF;
	font-size: 1.2em;
	background-color:#72A3FD;
}

.imgright{
vertical-align: top;
	border: 1px solid #eee;
	padding: 3px;
	float: right;
	margin: 5px;
}
.imgleft{
vertical-align: top;
	float:left;
	border: 1px solid #eee;
	padding: 3px;
	margin:5px;
}
/* MORE */
*.more { text-align:right; font-weight:bold; font-size:10px; }

#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 #6A849D;
}
#gambar {
	border: 1px solid #6A849D;
	margin:5px 10px 5px 5px;
	padding: 2px 2px 2px 2px;
}
.ari13 {
	padding-bottom:10px;
	font-family: Tahoma;
	font-size: 11px;
	text-decoration: none;
	color:#6A849D;
}
.ver11p {
	font-family: verdana;
	font-size: 11px;
	text-decoration: none;
	color: #FFFFFF;
	
}
.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;
	}
#table-no  {
	padding: 0;
	margin: 0;
	border:0;
	margin-left: 10px;
}
#tablebaru  {
	padding: 0;
	margin: 0;
	border:1px solid #6A849D;
	margin-left: 10px;
}
.highlight { 
background-color: #5284B5; 
color: #FFFFFF;
font-size:11px;
}
.normal { 
}
#tablebaru  *.td0 {
	border-right: 1px solid #6A849D;
	border-bottom: 1px solid #6A849D;
	background-color:#6A849D;
	padding: 4px 4px 4px 4px;
	color: #FFFFFF;
	font-size:13px;
	font-family: "Tahoma";	
}
#tablebaru  *.td1 {
	border-right: 1px solid #6A849D;
	border-bottom: 1px solid #6A849D;
	background: #fff;
	padding: 4px 4px 4px 4px;
	color: #000000;
	font-size:11px;
	font-family: "Tahoma";	
}
#tablebaru  *.td2 {
	border-right: 1px solid #6A849D;
	border-bottom: 1px solid #6A849D;
	border-left: 1px solid #6A849D;
	border-top: 1px solid #6A849D;
	background: #FFFFFF;
	padding: 4px 4px 4px 4px;
	color: #000000;
	font-size:11px;
	font-family: "Tahoma";	
}
/* NAVIGATION menu kanan */
ul#mainNav {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
}

#mainNav a {
	font-family: "Tahoma";
	text-decoration: none;
	color: #6A849D;
	font-size: 12px;
	border-bottom: none;
	display: block;
	padding: 3px 2px 2px 10px;
	/*background:  url("../images/linkbiru.png") no-repeat 5px 50%;*/
}

#mainNav a:hover {
	font-weight: bold;
	background: #DEDEDE;
	/*background: #DEDEDE url("../images/linkbiru.png") no-repeat 5px 50%; */
}
.flashclass { /*sample CSS class added to image slideshow container*/
width: 196px; /*a width should be defined for transition to work*/
border: 0;
padding: 2px;
}

.flashclass img{
width:196px;
}
#loading { 
position: absolute; 
top: 0; 
left: 0; 
color: white; 
background-color: red; 
padding: 5px 10px; 
font: 12px Arial; 
}