/* CSS Document */

body {
	margin: 0px;
}

/*
MENU
*/

a.curved-box, a.curved-box:visited {
	/*font-weight:bold;*/
	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	display:block;
	padding:6.5px;
}
a.curved-box:hover {
	/*font-weight:bold;*/
	font-size:12px;
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
    -webkit-border-radius:5px 5px 0px 0px;
    -moz-border-radius:5px 5px 0px 0px;
    border-radius:5px 5px 0px 0px;
    background-color: #1b3301;
	display:block;
	padding:6.5px;
}

.selectedmenu {
	font-size:12px;
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
    -webkit-border-radius:5px 5px 0px 0px;
    -moz-border-radius:5px 5px 0px 0px;
    border-radius:5px 5px 0px 0px;
    background-color: #1b3301;
	display:block;
	padding:6.5px;
}
/* END MENU CURVED */


/* dropdown */

#menu_child{
	position: absolute;
	visibility: hidden;
	background-color: #5b8c16;
	width: 200px;
	border: 1px solid black;
	border-bottom-width: 0;
}

#menu_child a{
	display: block;
	width: 98%;
	border-bottom: 1px solid black;
	padding: 2px;
	text-decoration: none;
	/*font-weight: bold;*/
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}

#menu_child a:hover{
    background-color: #1b3301;
}

#menu_child2{
	position: absolute;
	visibility: hidden;
	background-color: #5b8c16;
	width: 200px;
	border: 1px solid black;
	border-bottom-width: 0;
}

#menu_child2 a{
	display: block;
	width: 98%;
	border-bottom: 1px solid black;
	padding: 2px;
	text-decoration: none;
	/*font-weight: bold;*/
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}

#menu_child2 a:hover{
    background-color: #1b3301;
}

#menu_child3{
	position: absolute;
	visibility: hidden;
	background-color: #5b8c16;
	width: 200px;
	border: 1px solid black;
	border-bottom-width: 0;
}

#menu_child3 a{
	display: block;
	width: 98%;
	border-bottom: 1px solid black;
	padding: 2px;
	text-decoration: none;
	/*font-weight: bold;*/
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}

#menu_child3 a:hover{
    background-color: #1b3301;
}

#menu_child4{
	position: absolute;
	visibility: hidden;
	background-color: #5b8c16;
	width: 200px;
	border: 1px solid black;
	border-bottom-width: 0;
}

#menu_child4 a{
	display: block;
	width: 98%;
	border-bottom: 1px solid black;
	padding: 2px;
	text-decoration: none;
	/*font-weight: bold;*/
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}

#menu_child4 a:hover{
    background-color: #1b3301;
}

#menu_child5{
	position: absolute;
	visibility: hidden;
	background-color: #5b8c16;
	width: 200px;
	border: 1px solid black;
	border-bottom-width: 0;
}

#menu_child5 a{
	display: block;
	width: 98%;
	border-bottom: 1px solid black;
	padding: 2px;
	text-decoration: none;
	/*font-weight: bold;*/
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}

#menu_child5 a:hover{
    background-color: #1b3301;
}

#menu_child6{
	position: absolute;
	visibility: hidden;
	background-color: #5b8c16;
	width: 200px;
	border: 1px solid black;
	border-bottom-width: 0;
}

#menu_child6 a{
	display: block;
	width: 98%;
	border-bottom: 1px solid black;
	padding: 2px;
	text-decoration: none;
	/*font-weight: bold;*/
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}

#menu_child6 a:hover{
    background-color: #1b3301;
}

#menu_child7{
	position: absolute;
	visibility: hidden;
	background-color: #5b8c16;
	width: 200px;
	border: 1px solid black;
	border-bottom-width: 0;
}

#menu_child7 a{
	display: block;
	width: 98%;
	border-bottom: 1px solid black;
	padding: 2px;
	text-decoration: none;
	/*font-weight: bold;*/
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}

#menu_child7 a:hover{
    background-color: #1b3301;
}

#menu_child8{
	position: absolute;
	visibility: hidden;
	background-color: #5b8c16;
	width: 200px;
	border: 1px solid black;
	border-bottom-width: 0;
}

#menu_child8 a{
	display: block;
	width: 98%;
	border-bottom: 1px solid black;
	padding: 2px;
	text-decoration: none;
	/*font-weight: bold;*/
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}

#menu_child8 a:hover{
    background-color: #1b3301;
}


/* end dropdown */
.tagline {
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	padding:3px;
	padding-left:25px;
}

.bgside {
	background:url(../images/bg-side.jpg) #1c3900;
}

.bgmenu {
	background:url(../images/bgmenu.jpg) #1c3900;
	background-repeat:repeat-x;
	padding-left:25px;
}

.lepmida_title {
	color:#181818;
	font-family:verdana;
	font-size:12px;
	font-weight:bold;
}

.lepmida_ringkas {
	color:#131313;
	font-family:verdana;
	font-size:10px;
}

.lepmida_more {
	font-family:verdana;
	color:#17269b;
	font-size:10px;
}

.news_title {
	color:#1a3700;
	font-family:verdana;
	font-size:11px;
	font-weight:bold;
}

.berita_terkini_list {
	color:#1a3700;
	font-family:verdana;
	font-size:11px;
	font-weight:bold;
}


.bd_about {
	font-family:verdana;
	font-size:11px;
	color:#14260c;
}

.adv {
	font-family:Tahoma;
	font-size:11px;
	padding-left:7px;
}

.content_video {
	color: #1e2f00;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

.title_denyut {
	color:#1f3204;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
}

.waktu {
	color: #943310;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

.content_denyut {
	color:#1f3700;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

.info_pulau {
	background:url(../images/info_pulau.jpg); 
	padding:5px 5px 5px 25px; 
	color:#FFFFFF;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

.polling {
	background:url(../images/info_pulau.jpg); 
	padding:12px; 
	color:#FFFFFF;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

.sub_title {
	color: #35680c;
	font-weight:bold;
	font-family:Arial;
	font-size:18px;
}

.colom_bawah_title {
	color:#181818;
	font-family:verdana;
	font-size:11px;
	font-weight:bold;
}

.link_footer {
	color: #363636;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
}

.desc_footer {
	color:#1f3700;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

a.title_denyut, a.title_denyut:visited {
	font-weight:bold;
	font-size:12px;
	color:#1f3204;
	text-decoration:none;
}
a.title_denyut:hover {
	font-weight:bold;
	font-size:12px;
	color:#1f3204;
	text-decoration:underline;
}

a.list_denyut, a.list_denyut:visited {
	font-weight:bold;
	font-size:12px;
	color:#5c5c5c;
	text-decoration:none;
}
a.list_denyut:hover {
	font-weight:bold;
	font-size:12px;
	color:#5c5c5c;
	text-decoration:underline;
}

a.news_title, a.news_title:visited {
	font-weight:bold;
	font-size:12px;
	color:#1a3700;
	text-decoration:none;
}
a.news_title:hover {
	font-weight:bold;
	font-size:12px;
	color:#1a3700;
	text-decoration:underline;
}

a.list_berita, a.list_berita:visited {
	font-family:Arial;
	font-weight:bold;
	font-size:11px;
	color:#1a3700;
	text-decoration:none;
}
a.list_berita:hover {
	font-family:Arial;
	font-weight:bold;
	font-size:11px;
	color:#1a3700;
	text-decoration:underline;
}

/**
 * RESET
 _______________________________________________________________________________________________________*/
/*div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}*/
/*table{border-collapse:collapse;border-spacing:0;}*/
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:400;}
/*ol,ul{list-style:none;}*/
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
/*a{text-decoration:none;}
a:link,a:visited{color:#2d648a;}
a:hover,a:active{color:#000;}
a:active{outline:none;}
a:focus{-moz-outline-style:none;}*/
/*li{list-style-image:none;list-style-position:outside;list-style-type:none;}*/
hr{background:#e19832;border:0;border-top:1px dotted #e19832;height:0;}
p{font-size:1em;line-height:1.325em;margin:5px 0 10px;text-align:left;white-space:normal;}

/**
 * FOTO
 _______________________________________________________________________________________________________*/
.top img{padding:0;}
img.inset{width:68px;min-height:68px;}
img.sampul{width:90px;}
.items .crop{border:1px inset #ccc;}
.crop{float:left;margin-bottom:3px;overflow:hidden;}
/**
 * AJAX SCROLL NAVIGATION
 _______________________________________________________________________________________________________*/
.loading{height:40px;left:47%;position:absolute;top:80px;width:40px;}
.loading img{width:16px;}
.scroll-navigation{clear:both;float:left;position:relative;vertical-align:bottom;width:100%;}
a.browse{background:url(../images/navigation.gif) no-repeat;cursor:pointer;display:block;float:left;font-size:1px;height:30px;position:absolute;text-indent:-9999px;width:30px;z-index:99;}
a.left{margin-left:0;}
a.left:active{background-position:-60px 0;}
a.left:hover{background-position:-30px 0;}
a.next,a.nextPage{bottom:0;right:-5px;text-align:right;}
a.prev,a.prevPage{bottom:0;left:-5px;}
a.right{background-position:0 -30px;clear:right;margin-right:0;}
a.right:active,a.down:active{background-position:-60px -30px;}
a.right:hover,a.down:hover{background-position:-30px -30px;}
a.browse.disabled{display:none !important;}
#block-berita-pilihan .ajaxcontent{height:165px;}
.berita-pilihan .scroll-navigation{height:165px;}
.index-item{bottom:0;color:#777;font-size:0.9em;height:22px;left:50%;margin-left:-60px;position:absolute;text-align:center;width:120px;}
.ajaxcontent{clear:both;float:left;margin:0 auto;min-height:165px;overflow:hidden;width:100%;min-width:230px;}
img.preview,.berita-pilihan .ajaxcontent .crop{width:380px;margin-bottom:5px;}
.berita-pilihan .ajaxcontent .crop{height:165px;}
/**
 * AJAX SCROLL ITEMS
_______________________________________________________________________________________________________*/

.items{clear:both;position:absolute;width:20000em;}
.items li{display:inline;float:left;list-style-image:none;list-style-position:outside;list-style-type:none;overflow:hidden;width:95px;}
a.thumb{color:#000;line-height:1.324em; text-decoration:none}
a.thumb,a.thumb:hover{cursor:pointer;display:block;float:left;font-size:11px;text-align:center;}
a.thumb:focus{outline:none;}
.items img{margin:0;}
.items a:hover,.scrollable a.active{background:transparent url(../images/slide-pointer.png) no-repeat scroll left top;color:#FFF;}
.scrollable{background:transparent url(../images/slide.png) repeat-x scroll left top;border-bottom:1px solid #ccc;float:left;height:132px;overflow:hidden;position:relative;width:425px !important;}
.scrollable .active{position:relative;z-index:9999;}
.scrollable .items .crop{height:48px;width:80px;}
.scrollable a.thumb,.scrollable a.thumb:hover{min-height:120px;padding:20px 6px 5px;line-height:14px;}
