html,body{margin:0;padding:0;background:#fff url(../images/base-bg.jpg) repeat-x top;width:100%;height:100%;font-family:Arial, Helvetica, sans-serif;}
* html #wrap{height: 100%;}
p,td{font-family:Arial, Helvetica, sans-serif; margin-top:0px;}

a img{border:0;}
a{color: #000066;text-decoration:underline;}
a:hover{color: #789604;	text-decoration:none;}
a.hidden{text-decoration: none;color:#000;cursor:default;}

form{margin:0;padding:0;}
div.clr{clear:both;}
/*
ul{margin:0 0 0 20px;padding:0;list-style-type: square;line-height: 16px;}
*/
h1{font-size:20px;font-weight:normal;color:#000;margin:5px 0 10px;}
h2{font-size:16px;font-weight:normal;color:#000;margin:2px 0 7px;}

#wrap{position:relative; min-height:100%; margin:0 auto; width:100%;}
#page{width:902px;margin:0 auto; margin-top:5px; background:#FFF url(../images/page_bg.gif) repeat-y;}
	#page .bottom{background:url(../images/page_bottom.gif) no-repeat; height:7px;}

#leftcolumn{width:664px; margin:0 0 10px 10px; float:left;}
#header{position:relative;}
    #jarak{width:664px; font-size:10px;}
    #left_area{width:164px; color:#000;text-align: justify;padding: 10px 0;vertical-align: top; font-size:12px; float:left;}
	#leftcon {float:left;width:160px;margin-left:0px;	padding: 0px 5px 15px 5px; border:1px solid #D3DAF8; -webkit-border-radius: 15px;	-moz-border-radius: 8px; text-align: justify; font-size:12px; vertical-align: top;}
	#rightcon {float:right;width:472px;margin-left:6px;	padding: 0px 5px 15px 5px; border:1px solid #D3DAF8; -webkit-border-radius: 15px;	-moz-border-radius: 8px; text-align: justify; font-size:12px; vertical-align: top;}
	.rightcon p {
	margin:0;
	padding:0;
	padding-bottom:10px;
	line-height:17px
    }
    #submidcon {float:left;margin-left:0px;  padding: 5px 5px 15px 5px; border:1px solid #D3DAF8; -webkit-border-radius: 15px;		-moz-border-radius: 8px; margin-top:8px;}
	#submidcon H5 {font-family:Arial, Helvetica, sans-serif;font-size:18px;font-weight:normal;color:#0c1744;border-bottom:1px solid #183088;margin-bottom:10px}
	#submidcon a {color:#3387e9;text-decoration:none}
	#submidcon a:hover {color:#000}
	#submidcon p {margin:0;padding:0;padding-bottom:10px;line-height:17px}

	#body_area{
	width:490px; 
	color:#000;
	text-align: justify;
	padding: 10px 0;
	vertical-align: top; 
	font-size:12px; 
	float:right;
	border-right: Gray 1px solid; 
	border-left: Gray 1px solid; 
	border-top: Gray 1px solid; 
	border-bottom: Gray 1px solid; 
	}
#top{height:69px; position:relative;} 
	#top .top{background:url(../images/page_top.gif) no-repeat; height:7px;}
	#logo{ position:absolute; margin:6px 0 0 30px;}
	#company_name{font-size:25px;font-weight:normal; font-family:"trebuchet MS";text-transform: none;color:#d90f00; position:absolute; margin:12px 0 0 79px;}
	#tmenu{position:absolute; margin:13px 0 0 750px;}

#menu{color: #FFF;font-weight:normal;padding: 0;white-space: nowrap; margin:0 10px;background:url(../images/mbg.gif) repeat-x;}
	#menu .item{background:url(../images/mbg.gif); font-size:13px; font-family:tahoma; padding:0 30px 0 20px; background-repeat:repeat-x;}
	#menu a{text-decoration: none;color: #FFF;}
	#menu a:hover{color: red;}

#menu_head{
	height: 40px;
	margin: 0 auto;
	text-align:center;
	background: url(../images/mbg.gif);
	background-repeat:repeat-x;
	background-position:top;
	padding-top:2px;
}

#menu .item{background:url(../images/mbg.gif); font-size:13px; font-family:tahoma; padding:0 30px 0 20px; background-repeat:repeat-x;}

#menu_head a {
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
}

#menu_head a:hover {
	color:#FF0000
}

#contentwrap{position:relative; margin:5px 0 0; overflow:hidden;}
	
	#sidebar{ float:right; width:208px; margin:5px 10px 0 0; font-size:12px;}
	#sidebar h2{display:block; background:url(../images/rh2.gif) no-repeat; height:25px; line-height:25px; font-size:12px; font-weight:bold; color:#FFF; padding:0 10px; margin:0;}
	#sidebar .content{padding:5px; background:#e7e6e6;}
	#sidebar .bottom{ background:url(../images/r-bottom.gif) no-repeat; height:6px; overflow:hidden;}
	#login_form{height: 20px;width: 150px;font-size: 12px;}
	#sidebar h3{display:block; background:url(../images/rh3.jpg) no-repeat; height:25px; line-height:25px; font-size:14px; font-weight:bold; color:#FFFFFF; padding:0 10px; margin:0;}
	#sidebar .sub_content{padding:10px; background:#e2f5d3;}
	#sidebar .sub_bottom{ background:url(../images/r-bottom3.jpg) no-repeat; height:6px; overflow:hidden;}

#footer{width:882px; background:#73862b; margin:0 10px 3px;}
	#footer .top{background:url(../images/footer_top.gif) no-repeat; height:6px; overflow:hidden;}
	#footer .bottom{background:url(../images/footer_bottom.gif) no-repeat; height:6px; overflow:hidden;}	
	#bottom_menu{color:#fff;text-align: center;padding: 5px 15px 2px; font-size:11px;}
	#bottom_menu a{color:#fff;text-decoration:underline;}
	#bottom_menu a:hover{color:#fff;text-decoration:underline;}

	#bottom_addr{color:#FFF;text-align:center;padding: 2px 15px 5px; font-size:11px;}
	#bottom_addr a{text-decoration:underline; color:#FFF;}
	#bottom_addr a:hover{text-decoration: underline;}
	
#seccolumn{width:880px; margin:0 0 10px 10px; float:left;}
#headersec{position:relative;}
    #jaraksec{width:875px; font-size:10px;}
    #left_areasec{width:164px; color:#000;text-align: justify;padding: 10px 0;vertical-align: top; font-size:12px; float:left;}
	#leftconsec {float:left;width:190px;margin-left:0px;	padding: 0px 5px 15px 5px; border:1px solid #D3DAF8; -webkit-border-radius: 15px;	-moz-border-radius: 6px; text-align: justify; font-size:12px; vertical-align: top;}
	#rightconsec {float:right;width:658px;margin-left:6px;	padding: 0px 5px 15px 5px; border:1px solid #D3DAF8; -webkit-border-radius: 15px;	-moz-border-radius: 8px; text-align: justify; font-size:12px; vertical-align: top;}
	#body_areasec{
	width:658px; 
	color:#000;
	text-align: justify;
	padding: 10px 0;
	vertical-align: top; 
	font-size:12px; 
	float:right;
	border-right: Gray 1px solid; 
	border-left: Gray 1px solid; 
	border-top: Gray 1px solid; 
	border-bottom: Gray 1px solid; 
	}

ul.box {
	margin:0px;
	padding:0px 2px 0 16px;
	list-style: url(images/corn.png);
}

ul.box li {
	padding:3px;
	border-bottom:1px dotted #333;
}

ul.box li a {
	text-decoration:none;
	color:#333;
}

ul.box li a:hover{
	color:#090;
}

/*
MENU DROP DOWN
*/
* 									{ margin: 0; padding: 0; }
#page-wrap							{ width: 800px; margin: 25px auto; } 
a									{ text-decoration: none; }
ul									{ list-style: none; }
p                                   { margin: 15px 0; }

/* 
	LEVEL ONE
*/
ul.dropdown                         { position:relative; }
ul.dropdown li                      { font-weight: bold; float: center; zoom: 1; background: none; }
ul.dropdown a:hover		            { color: #000; }
ul.dropdown a:active                { color: #ffa500; }
ul.dropdown li a                    { display: block; padding: 4px 8px; border-right: 0px solid #333;
	 								  color: #FFFFFF; }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { background: #F3D673; color: black; position: relative; }
ul.dropdown li.hover a              { color: black; }


/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ width: 220px; visibility: hidden; position: absolute; top: 100%; left: 0%; }
ul.dropdown ul li 					{ font-weight: normal; background: #CFD2F5; color: #000; 
									  border-bottom: 1px solid #ccc; float: none; }
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; } 

/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }




/*
---------------------------------------------------------
MENU DROP DOWN II
*/
* 									{ margin: 0; padding: 0; }
#page-wrap							{ width: 800px; margin: 25px auto; } 
a									{ text-decoration: none; }
ul									{ list-style: none; }
p                                   { margin: 15px 0; }

/* 
	LEVEL ONE
*/
ul.dropdown2                         { position: relative; }
ul.dropdown2 li                      { font-weight: bold; float: right; zoom: 1; background: none; }
ul.dropdown2 a:hover		         { color: #000; }
ul.dropdown2 a:active                { color: #ffa500; }
ul.dropdown2 li a                    { display: block; padding: 4px 8px; border-right: 1px solid #333;
	 								  color: #5164AD; }
ul.dropdown2 li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown2 li.hover,
ul.dropdown2 li:hover                { background: #F3D673; color: black; position: relative; }
ul.dropdown2 li.hover a              { color: black; }

/* 
	LEVEL TWO
*/
ul.dropdown2 ul 					{ width: 180px; visibility: hidden; position: absolute; top: 0; left: 93%; }
ul.dropdown2 ul li 					{ font-weight: normal; background: #f6f6f6; color: #000; 
									  border-bottom: 1px solid #ccc; float:none;}
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown2 ul li a					{ border-right: none; width: 100%; display: inline-block; text-align: left;} 

/* 
	LEVEL THREE
*/
ul.dropdown2 ul ul 					{ width: 220px; left: 100%; top: 0; }
ul.dropdown2 li:hover > ul 			{ visibility: visible; }

/*
MENU DROP DOWN III
*/
* 									{ margin: 0; padding: 0; }
#page-wrap							{ width: 800px; margin: 25px auto; } 
a									{ text-decoration: none; }
ul									{ list-style: none; }
p                                   { margin: 15px 0; }

/* 
	LEVEL ONE
*/
ul.dropdown3                         { position:relative; }
ul.dropdown3 li                      { font-weight: bold; float: right; zoom: 1; background: none; }
ul.dropdown3 a:hover		            { color: #000; }
ul.dropdown3 a:active                { color: #ffa500; }
ul.dropdown3 li a                    { display: block; padding: 4px 8px; border-right: 0px solid #333;
	 								  color: #5164AD; }
ul.dropdown3 li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown3 li.hover,
ul.dropdown3 li:hover                { background: #F3D673; color: black; position: relative; }
ul.dropdown3 li.hover a              { color: black; }


/* 
	LEVEL TWO
*/
ul.dropdown3 ul 						{ width: 180px; visibility: hidden; position: absolute; top: 0; left: 81%; }
ul.dropdown3 ul li 					{ font-weight: normal; background: #CFD2F5; color: #000; 
									  border-bottom: 1px solid #ccc; float: none; }
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown3 ul li a					{ border-right: none; width: 100%; display: inline-block; } 

/* 
	LEVEL THREE
*/
ul.dropdown3 ul ul 					{ left: 100%; top: 0; }
ul.dropdown3 li:hover > ul 			{ visibility: visible; }

.baca{
	display:block;
	float: right;
	width: 67px;
	text-align: center;
	padding: 0px 0px 0px 0px;
	height: 22px;
	text-decoration: none;
	color: #ffffff;
	text-decoration: none;
	font-size:12px;
	font-weight: 100;
	background: url(../images/read.png) left top no-repeat;
}

.image {
	background-color: #fff;
	padding: 2px;
	margin: 3px 10px 3px 0;
	border: 1px solid #ddc688;
	float: left;
}

.image1 {
	background-color: #fff;
	padding: 2px;
	margin: 3px 15px 5px 4px;
	border: 1px solid #ddc688;
	float: left;
}

.judul {
	font-size:15px;
	/*text-transform:uppercase;*/
	font-weight:bold;
	padding-bottom:1px;
	line-height:5px
}

.date{
	font-style:italic;
	padding-bottom:1px;
	line-height:5px
}	

.judul2 {
	font-size:12px;
	/*text-transform:uppercase;*/
	color:#ff0000;
	font-weight:bold;
	padding-bottom:1px;
	line-height:5px
}

.date2{
	font-style:italic;
	padding-bottom:1px;
	color:#000099;
	line-height:5px	
}

.read1{
	line-height:17px
}

.jdl_dinamic {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: url(../images/bg_title.jpg);
	font-size: 14px;
	font-weight: bold;
	color: #006666;
	padding-top: 1px;
	padding-bottom: 12px;
	padding-left: 5px;
}

ul.box1 {
	margin:0px;
	padding:0px 2px 0 16px;
	list-style: url(images/corn.png);
}

ul.box1 li {
	padding:3px;
	border-bottom:0px dotted #333;
}

ul.box1 li a {
	text-decoration:none;
	color:#333;
}

ul.box1 li a:hover{
	color:#090;
}