body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, blockquote, code, form, IMG {margin: 0;padding: 0;border: 0;}

body{line-height: 1.38em;background:#FFFFFF;font-size:11px;font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;color:#000;}

td,pre{font-size:11px;font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;color:#000;}

p {margin-bottom:10px;}

h1 {font-family:arial,verdana;font-size:32px;color:#000000;font-weight:bold;margin:10px;}

h2 {font-size:1.4em;color:#000000;font-weight:bolder;margin:0 0 10px 0;}

h3 {font-size:12px;color:#000000;font-weight:bolder;margin:0;}

h4 {font-size:11px;color:#000000;font-weight:bolder;margin:0;}

a:link,a:active,a:visited {color:#FF6633;text-decoration:none;}

a.onews:link,a.onews:active,a.onews:visited {color:#333;font-size:10px;text-decoration:underline;}

a.onews:hover {color:#FF6633;text-decoration:underline;}

a:hover {text-decoration:underline;}

a.empt:link,a.empt:active,a.empt:visited {color:#fff;}

a.empt:hover {text-decoration:underline;}

a.htm:link,a.htm:active,a.htm:visited {color:#000;}

a.htm:hover {text-decoration:underline;}

.innercontent{padding: 5px;padding-top:0;}

.innercontentc{padding: 10px;}

.innercontentc2{padding: 10px;padding-top:0;}

.clear {clear:both;}

.flleft {float:left;}

.flright {float:right;}

.centertext {text-align:center;}

.righttext {text-align:right;}

.genpic {margin:0 5px 5px 0;border:4px solid #ccc;padding:2px;}

.smallpic {margin:0 10px 2px 0;border:1px solid #ccc;padding:2px;}

.promo {margin:10px;border:1px solid #ccc;padding:5px;}

.warning {color:#FF0000;}

.tanggal {color:#999;font-size:10px;}

.sender {color:#ED2024;font-size:10px;}

.listnews {border-bottom:1px dashed #ccc;margin-bottom:10px;padding-bottom:10px;}

.paging {text-align:center;font-weight:bold;}

.fontsmall {font-size:10px;}

.inputeks {border:1px solid #ccc;}

.tombol {background:#ED2024;color:#fff;font-weight:bold;font-size:10px;}

.titlebold {font-weight:bold;color:#000;}

.mar_right5 {margin-right:5px;}

.mar_bottom5 {margin-bottom:5px;}

.mar_top5 {margin-top:5px;}

.borderb {border-bottom:1px dashed #ff6633;padding-bottom:5px;}

.idispblock {display:block;}

.bgabu {background:#f5f5f5;}

ul.content, ol.content {margin:0 0 10px 35px;}

ul.onews {margin-left:15px;margin-top:5px;list-style-type:square;}

ol.onews {margin-left:20px;margin-top:5px;}

/*clayout*/

#maincontainer{width: 1004px;margin: 0;background:#FFFFFF;}

#header{background: #FFFFFF url(/images/logo.jpg) no-repeat 0 50%;height: 95px;}

#header2{background: #ED2024;height: 170px;margin-bottom:10px;}

#contentwrapper{float: left;width: 100%;}

#contentarea{margin: 0 180px 0 178px;}

#lsidebar{float: left;width: 178px;margin-left: -1004px;background: #F7F4F8 url(/images/head_left.jpg) no-repeat;}

#rsidebar{float: left;width: 180px;margin-left: -180px;background: #F7F4F8 url(/images/bg_right.jpg) no-repeat center bottom;}

#footer{clear: left;width: 1004px;color: #000;padding-top:5px;}

.footertext {margin:0 0 10px 0;border-top:1px solid #ED2024;padding:5px;}

.menuleftlist {margin-left:5px;margin-top:5px;list-style-type:none;}

.menuleftlist li {background:url(/images/button_more.gif) no-repeat 0 50%;padding-left:15px;}

#headtagline {margin-top:30px;width:73%;}

#headtagline2 {margin-top:30px;width:27%;}

.head_tags {background: #ED2024;font-weight:bold;height:25px;line-height:25px;padding-left:5px;margin:0 10px 0 10px;color:#fff;}

.menuleft {height:25px;line-height:25px;border-bottom:1px dashed #FF9933;}

#headlines {background:#D4D8DB url(/images/bg_front.gif) repeat-x;margin:0 10px 0 10px;}

.headlinescol {width:350px;}

.headlinescol2 {width:260px;}

.sl_line1 {width:225px;background:#F7F4F8;height:150px;margin-right:5px;}

.sl_line2 {width:165px;background:#F7F4F8;height:150px;}

.sl_line1_header {background-color:#ADB6BC;height:25px;line-height:25px;padding-left:5px;}

.sl_line2_header {background-color:#739EAD;height:25px;line-height:25px;padding-left:5px;}

.innerboxes {margin:0 20px 10px 20px;background:#f5f5f5;padding:10px;}

.pboxes {padding:10px 5px 10px 5px;}

.pboxes2 {margin-top:10px;background:#f5f5f5;padding:10px 5px 10px 5px;}

/*clayout end*/

/*menu*/

#menu {margin-left:270px;}

#modernbricksmenu{padding: 0;width: 95%;background: transparent;voice-family: "\"}\"";voice-family: inherit;border-top:5px solid #4653A4;}

#modernbricksmenu ul{font: bold 10px Arial;margin:0;margin-left:25px;padding: 0;list-style: none;}

#modernbricksmenu li{display: inline;margin: 0 2px 0 0;padding: 0;text-transform:uppercase;}

#modernbricksmenu a{float: left;display: block;color: #000;margin: 0 1px 0 0;padding: 5px 10px;text-decoration: none;letter-spacing: 1px;background-color: #fff;border-right:1px solid #BEB1D7; }

#modernbricksmenu a:hover{background-color: #4653A4;color:#fff;}

#modernbricksmenu #current a{background: #4653A4;border-color: #4653A4;color:#fff;}

#modernbricksmenuline{clear: both;padding: 0;width: 100%;height: 5px;line-height: 5px;background: #4653A4;}

/*menu end*/

#lightbox{

	position: absolute;

	left: 0;

	width: 100%;

	z-index: 100;

	text-align: center;

	line-height: 0;

	}



#lightbox a img{ border: none; }



#outerImageContainer{

	position: relative;

	background-color: #fff;

	width: 250px;

	height: 250px;

	margin: 0 auto;

	}



#imageContainer{

	padding: 10px;

	}



#loading{

	position: absolute;

	top: 40%;

	left: 0%;

	height: 25%;

	width: 100%;

	text-align: center;

	line-height: 0;

	}

#hoverNav{

	position: absolute;

	top: 0;

	left: 0;

	height: 100%;

	width: 100%;

	z-index: 10;

	}

#imageContainer>#hoverNav{ left: 0;}

#hoverNav a{ outline: none;}



#prevLink, #nextLink{

	width: 49%;

	height: 100%;

	background: transparent url(/images/blank.gif) no-repeat; /* Trick IE into showing hover */

	display: block;

	}

#prevLink { left: 0; float: left;}

#nextLink { right: 0; float: right;}

#prevLink:hover, #prevLink:visited:hover { background: url(/images/prevlabel.gif) left 15% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { background: url(/images/nextlabel.gif) right 15% no-repeat; }





#imageDataContainer{

	font: 10px Verdana, Helvetica, sans-serif;

	background-color: #fff;

	margin: 0 auto;

	line-height: 1.4em;

	overflow: auto;

	width: 100%	

	}



#imageData{	padding:0 10px; color: #666; }

#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	

#imageData #caption{ font-weight: bold;	}

#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			

#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	

		

#overlay{

	position: absolute;

	top: 0;

	left: 0;

	z-index: 90;

	width: 100%;

	height: 500px;

	background-color: #000;

	}