{
	font-family: Verdana, Geneva, sans-serif;
}

body{
	margin:0;padding:0;text-align:center;
	background: #444 url('http://www.view-code.com/ryan.jpg');
}
	
#iwrapper{
	border-left: #d0d0d0 4px solid;
	border-right: #d0d0d0 4px solid;
	background-color: #fff;
	width:950px;
	margin:0 auto;
	font-size:11px;
}
	
#header{	
	/*border-bottom: #7f7f84 1px solid;	*/	
	letter-spacing:0.5px;
	width:950px;
	height:280px;
	margin-bottom:0;
}

#logo_gis{
	float:left;
	width:310px;
	margin-left:15px;
	margin-top:10px;
	margin-bottom:10px;
	text-align:left;
	padding:0;
}
#top_left{
	float: left;
	padding:0;
	margin:3px;
	color:#666;
}
	
#top_menu{
	float: right;
	padding:0;
	margin:3px;
}
		
#middle{
	padding:5px 0 10px 0;
}
	
#content{
	width:710px;	
	float:right;
	text-align:left;
	padding:0 20px 5px 10px;
	margin-bottom:10px;
	font:11px/20px Verdana, Geneva, sans-serif;
	color:#000;
	letter-spacing:0.5px;
}
	
#berita{
	float:left;
	width: 330px;
	margin:20px 10px 20px 10px;
	padding:0;
	font:12px/18px Verdana, Geneva, sans-serif;

	
}
	
#content .baris:hover{
	background-color:#d0d0d0;
	font-weight:bold;
}

.ul_nomor{
	list-style: decimal;
	padding:0 0 0 10px;
	margin: 5px 0 5px 5px;

}
	
.ul_detail{
	font-size: 10.5px;
	color:#515455;
}
	
#small_banner{
	float:right;
	width: 335px;
	margin:20px 0 0 0;
	padding:0;
}

#small_banner p{
	border:solid 1px #CACACA;padding:2px;margin-bottom:0px;
}
#main_menu{
	width: 205px;
	float:left;
	margin-bottom: 10px;
	padding:0;
}

#left_menu_gis{
	width: 180px;
	float:left;
	margin-bottom: 10px;
}


#right_menu_gis{
	width: 180px;
	float:right;
	margin-bottom: 10px;
}
	
	
#main_menu h2, #left_menu_gis h2, #right_menu_gis h2{
	text-align:left;
	font-size: 14px;
	padding:3px 5px 3px 10px;
	letter-spacing:-1px;
	border-top: #CACACA 2px solid;
	background-color: #eceaea;
}

.ul_main_menu,
#ul_top_menu,
#ul_cs{
	list-style:none;
	padding:0 0 0 10px;
	margin: 5px 0 5px 5px;
}

.berita_lainnya{
	list-style:none;
}

#ul_top_menu{
	list-style:none;
	padding:0;
	margin:0;
}

.ul_main_menu li{
	border-top:#CACACA 1px solid;
	height: 18px;
}

html>body .ul_main_menu li{
	border-top:#CACACA 1px solid;
	height: 22px;
}

.ul_main_menu li:hover{
	background-color: #eceaea;
}
	
.ul_main_menu2{
	padding:0 0 0 20px;
	margin: 5px 0 5px 9px;
}
.ul_main_menu2 li{
	margin:0;
	padding:0;
	list-style-image:url('images_lnk/li.gif');
	height:18px
}

html>body .ul_main_menu2 li{
	margin:0;
	padding:0;
	list-style-image:url('images_lnk/li.gif');
	height: 22px
}
	
.box_content{
	text-align:left;
	padding-left:10px;
	margin:5px;
}
.box_content img{
  margin-bottom:2px;
}
	
.ul_main_menu A{
	display:block;
	padding:2px 0 2px 0;
	color:#000;
	line-height:18px;	
	text-align:left;
	text-decoration:none;
	letter-spacing:0.5px;
}
	
.ul_main_menu2 A{
	display:block;
	padding:2px 0 2px 0;
	color:#000;
	line-height:15px;	
	text-align:left;
	text-decoration:none;
	letter-spacing:0.5px;
}

.ul_main_menu A:hover{
	color:#06c;
	background-color: #eceaea;
}
	

.ul_main_menu2 A:hover{
	text-decoration:underline;
}
	
#ul_top_menu A{
	padding:2px 0 2px 0;
	color:#666;
	line-height:20px;
	text-align:center;
	text-decoration:none;
	letter-spacing:-1px;
	font-weight: 800;
}
	
#ul_top_menu li{
	float:left;
}
	
.top_menu_item{
	padding:0;
	margin:0;
	width:70px;
}
	
#ul_top_menu A:hover{
	color:#000;
}

.berita_lainnya li {
	background: url('images_lnk/berita.png') no-repeat left top;; margin-left:.6em; margin-right:0; margin-top:0; margin-bottom:0; padding-left:20px; padding-right:0; padding-top:0; padding-bottom:0
}

.date{
	display: block;
	font-size: 0.9em;
}

.list_berita{
	/*width: 201px;*/
	width:330px;
	overflow:hidden;
	padding:0;
	margin:0;
	
}
	
.list_berita li{
	border-bottom:#eceaea 1px solid;
	height:120px;
	padding:5px;
	list-style:none;
	
}

.list_berita .judul{	
	margin-bottom:2px;
}
.list_berita .isi{
	display:block;
	
}
.list_berita img{
	float:left;
	margin-right:14px;
	padding:2px;
	border:solid 1px #CACACA;
}


	

blockquote {
	padding-left: 55px;
	background: url('images_lnk/blockquote.png') no-repeat top left;
	font-style: italic;
	min-height: 45px;
	color: #404040
}


#footer{
	border-top: #d0d0d0 2px solid;
	font:9px verdana;
	color:#111;
	text-align:center;
	padding:20px 0 20px 20px;
}
	
#footer A:link,
#footer A:visited{
	display:inline;
	font-size:10px;
	color:#111;
	text-decoration:none;
}

#footer A:hover{
	display:inline;
	font-size:10px;
	color:#111;
	border-bottom:1px dotted #232323;
}

h1, h2, h3, h4, h5, h6, body{
	margin:0;padding:0;
}
	
img{
	border:0px none;

}

#content h1{
	font:bold 19px trebuchet ms,verdana,sans-serif;
	color:#000;text-transform:uppercase;
	letter-spacing:-1px;
}
	
#content li{
	margin:6px;
}
	
#content a{
	color:#06c;
	border-bottom:1px dotted #ccc;
	text-decoration:none;
}

#content a:hover{
	color:#06c;
	border-bottom:1px dotted #707670;
	text-decoration:none;
}

.alert{
	border-top: 2px solid #FEABAB;
	border-bottom: 2px solid #FEABAB;
	background: #FFDFDF url('images_lnk/alert.png') no-repeat 1.5em 1.5em;; padding-left:50px; padding-right:3px; padding-top:3px; padding-bottom:3px
}

.success{
	border-top: 2px solid #B7D2F2;
	border-bottom: 2px solid #B7D2F2;
	background: #DBE7F8 url('images_lnk/ok.png') no-repeat 1.5em 1.5em;; padding-left:50px; padding-right:3px; padding-top:3px; padding-bottom:3px
}

.myContent {
	font: 11pt Verdana, Arial, San-serif;
	float: none;	
	background: #ededed;/*#EFEFFF*/
	border: 1px solid #d0d0d0; /*007FAD*/
	padding: 10px;
	margin: 2px;
	color: black;
	letter-spacing:0.5px;
	line-height: 20pt;
	overflow: hidden;
}

.myBanner {
	float: none;	
	border: 1px solid #CACACA; /*007FAD*/
	padding: 2px;
	margin: 2px;
}

.myKritik {
	font: 8pt/10pt Verdana, Arial, San-serif;
	float: none;	
	background:#D9E1F9;
	border: 1px solid #d0d0d0; /*007FAD*/
	padding: 10px;
	margin: 2px;
	color: black;
	letter-spacing:0.5px;
}

.mySmallBanner {
	font: 8pt/10pt Verdana, Arial, San-serif;
	float: none;	
	background:#D9E1F9;
	border: 1px solid #cacaca; /*892706*/
	padding: 1px;
	margin: 1px;
	color: black;
	letter-spacing:0.5px;
}

.myListBerita {
	font: 8pt/10pt Verdana, Arial, San-serif;
	float: none;	
	background:white;
	color: black;
	letter-spacing:0.5px;
	padding-top:7px;
}

.myHeadLine {
	font: 11pt Verdana, Arial, San-serif;
	float: none;	
	background:white;
	border: 1px solid #D9d9d9; /*007FAD*/
	padding: 10px;
	margin: 1px;
	margin-left:10px;
	margin-top:5px;
	color: black;
	letter-spacing:0.5px;
}

.myContent2 {
	font: 8pt/10pt Verdana, Arial, San-serif;
	float: none;	
	background: #FFEFFF;
	border: 1px solid #007FBD;
	padding: 10px;
	margin: 2px;
	color: black;
}

.myStyleNote {
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 10px;
	color: #333333;
}

.scroll_text{
	background: #fff url('images_lnk/line.jpg') no-repeat bottom right;

	height:23px;
	text-align:right;
	margin:0;
	padding:3px
}

.scroll_text a{
	color:#175faf;border-bottom:1px dotted #707670;text-decoration:none;
}

.newsticker {
	list-style-type: none;
	border: 1px dashed #fff;
	background: #fff;
	padding: 3px;
	margin: 0;
}


#tickertape{
	layer-background-color:white;
	width:730px;
	height:20px;
	text-align:right;
}

#subtickertape{
	background-color:white;
	width:730px;
	height:20px;
	color:#175faf;
}

.subtickertapefont{
	font:11px/18px Verdana, Geneva, sans-serif;
	font-weight:bold;
	text-decoration:none;
	color:#175faf;
	letter-spacing:-1px;
}

.subtickertapefont a{
	color:#175faf;
	text-decoration:none;
}
.judul_head {
	font-family: Georgia;
	font-size: 12px;
}
.image {
background-color:#fff;
border:1px solid #4AABF2;
float:left;
margin:3px 5px 3px 0;
padding:2px;
}
.beritaTgl {
	font-size: 11px;
	color: #0033FF;
	font-family: Tahoma;
}
.beritaTopik {
	font-size: 10px;
	font-style: italic;
	color: #0033FF;
	font-family: Tahoma;
}

input, select{FONT:12px tahoma;COLOR:#333;}
.frmWrapper input, select, textarea{font-weight:bold;font-size:11px;border:1px solid #ccc;border-top:3px solid #ccc;background-color:#efefef;}
.frmWrapper input:hover, select:hover, textarea:hover{border-top:3px solid #f90;}
.frmWrapper label, input, textarea, select{margin:1px 0 0 15px;}
.frmWrapper label:hover{cursor:hand;}
.frmWrapper label{font-weight:bold;letter-spacing:-1px;color:#666;}
label:hover{cursor:hand;cursor: pointer;}