body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, blockquote, code, form, img {margin: 0;padding: 0;border: 0;}
img.menu {display:block;}
h1, h2, h3, h4, h5, h6	{font-family: Myriad, Arial, "Bitstream Vera Sans", Helvetica, sans-serif;font-weight: normal;letter-spacing: 1px;voice-family: "\"}\"";voice-family: inherit;}
body{line-height: 1.38em;background:#E8E6CD;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-size:32px;color:#ffffff;font-weight:bold;margin:10px;}
h2 {font-size:medium;color:#FF9900;font-weight:bolder;padding:10px 0 10px 0;}
h3 {font-size:small;color:#FF9900;font-weight:bolder;margin:10px 0 3px 0;}
h4 {font-size:11px;color:#FF9900;font-weight:bolder;margin:0 0 3px 0;}
.about h2 {font-size:medium;color:#000000;font-weight:bolder;padding:0 0 10px 5px;}
.subtitle {font-size:11px;color:#ff9900;font-weight:bolder;margin:0 0 3px 0;font-style:italic;}
a:link,a:active,a:visited {color:#FF9900;text-decoration:none;}
a:hover {text-decoration:none;color:#000;}
a.onews:link,a.onews:active,a.onews:visited {color:#000;font-size:10px;text-decoration:underline;}
a.onews:hover {color:#ff9900;text-decoration:underline;}
a.empt:link,a.empt:active,a.empt:visited {color:#000;}
a.empt:hover {text-decoration:none;}
.innercontent{padding: 10px;}
.innercontent2{padding: 0 10px 0 10px;}
.innercontentc{padding: 10px;}
.clear {clear:both;}
.flleft {float:left;}
.flright {float:right;}
.centertext {text-align:center;}
.righttext {text-align:right;}
.lefttext {text-align:left;}
.genpic {margin:0 5px 5px 0;border:4px solid #f3f3f3;padding:2px;}
.genpic2 {margin:0 5px 5px 0;padding:2px;}
.smallpic {margin:0 10px 2px 0;border:1px solid #ccc;padding:2px;}
.warning {color:#FF9900;}
.padtopb5 {padding:5px 0 5px 0;}
.mar5 {margin-top:5px;}
.pad5 {padding:5px;}
.mar15 {margin-top:15px;}
.marb5 {margin-bottom:5px;}
.marr5 {margin-right:5px;}
.contentkiri {margin-top:50px;padding:10px;}
.titleblue {font-family:myriad,arial;font-size:18px;color:#6699FF;font-weight:bolder;padding:0 0 10px 0;}
.testi {margin-left:140px;}
.testicon {width:250px;text-align:right;margin:20px 0 10px 0;}
.titleblue2 {font-family:myriad,arial;font-size:18px;color:#6699FF;font-weight:bolder;padding:10px 0 5px 0;}
.testicon2 {text-align:right;margin:5px 0 5px 0;}
.tanggal {color:#999;font-size:10px;margin-bottom:5px;}
.dcom {color:#999;font-size:10px;margin:5px;text-align:center;}
.listnews {border-bottom:1px dashed #ccc;margin-bottom:10px;padding-bottom:10px;}
.paging {text-align:center;font-weight:bold;margin-top:10px;}
.fontsmall {font-size:10px;}
.inputeks {border:1px solid #ccc;}
.tombol {background:#ff7412;color:#fff;font-weight:bold;font-size:10px;}
.titlebold {font-weight:bold;}
.col2 {background-color:#f5f5f5;padding:4px;}
.col1 {background-color:#ffffff;padding:4px;}
.arttool {background-color:#f5f5f5;border:2px solid #ccc;}
ul.content, ol.content {margin-left:35px;}
ul.comment {margin-left:5px;list-style:none;}
ul.comment li {padding:10px 0 10px 15px;}
ul.onews {margin-left:15px;margin-top:5px;list-style-type:disc;}
ol.onews {margin-left:20px;margin-top:5px;}
.htag {height:33px;line-height:33px;color:#000;font-weight:bold;font-size:9.75pt;padding-left:10px;font-family:Arial, Verdana, Helvetica, sans-serif;background:#E8E6CD;}
.htagr {height:33px;line-height:33px;color:#f3f3f3;font-weight:bold;font-size:9.75pt;padding-left:10px;font-family:Arial, Verdana, Helvetica, sans-serif;background:#90B821;}

.buton {height:35px;color:#000;font-weight:bold;font-size:8pt;font-family:Arial, Verdana, Helvetica, sans-serif;background:#fee34b url(/images/bg_menu2.gif) repeat-x;border:3px double #000;}
/*clayout*/
#maincontainer{width: 1004px;margin: 0 auto;background:#ffffff;}
#header{background: #CD6903 url(/images/bg_header.jpg) no-repeat;height: 168px;border-bottom:1px solid #fff;}
#header h1 {font-size:40px;color:#ffffff;font-weight:bold;margin:0;padding:45px 0 10px 50px;letter-spacing: -2px;}
#header h2 {font-size:20px;color:#ffffff;font-weight:bold;margin:0;padding-left:50px;padding-top:5px;letter-spacing: 0;}
#contentwrapper{float: left;width: 100%;}
#contentarea{margin: 0 275px 0 0;}
#rsidebar{float: left;width: 275px;margin-left: -275px;background: #FFFDE8 url(/images/bg_right.gif) repeat-y;}
#footer{clear: left;width: 1004px;height:80px;margin: 0 auto;background: #333333;color: #f3f3f3;text-align: center;padding: 4px 0;}
#footer a:link,#footer a:active,#footer a:visited {color:#f3f3f3;}
#footer a:hover {color:#ffff90;}
.splcontent {width:345px;height:230px;margin:10px 0 10px 0;overflow:hidden;background:#fff;}
#menu {height:28px;}
.about {background:#FBFBEC url(/images/bg_about.gif) repeat-x top left;padding:5px;border:4px solid #E8E6CD;margin-bottom:10px;}
/*clayout end*/
#albumlist {list-style-type: none;margin-left:10px;}
#albumlist li {float: left;margin-right: 15px;margin-bottom: 15px;font-family: tahoma,Arial, Helvetica, sans-serif;font-size:10px;font-weight:normal;color: #000;height:140px;width:155px;background-color:#f5f5f5;padding:5px 5px 0 5px;line-height:1.2em;}
#albumlist img {display: block;}
#albumlist a:link{color:#000;text-decoration:none;font-weight:normal;}
#albumlist a:active{color:#000;text-decoration:none;font-weight:normal;}
#albumlist a:visited {color:#000;text-decoration:none;font-weight:normal;}
#albumlist a:hover{color:#ff9900;text-decoration:none;font-weight:normal;}

#albumlist2 {list-style-type: none;margin-left:5px;}
#albumlist2 li {float: left;margin-right: 10px;margin-bottom: 15px;font-family: tahoma,Arial, Helvetica, sans-serif;font-size:10px;font-weight:normal;color: #000;height:110px;width:155px;background-color:#f5f5f5;text-align:center;padding:5px 5px 0 5px;}
#albumlist2 img {display: block;}
#albumlist2 a:link{color:#000;text-decoration:none;font-weight:normal;}
#albumlist2 a:active{color:#000;text-decoration:none;font-weight:normal;}
#albumlist2 a:visited {color:#000;text-decoration:none;font-weight:normal;}
#albumlist2 a:hover{color:#ff9900;text-decoration:none;font-weight:normal;}

#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;
	}
	/*menu*/
.indentmenu{font: bold 12px Arial; width: 100%;}
.indentmenu ul{margin: 0;padding: 0;float: right;width: 95%;border-left:1px solid #333333;}
.indentmenu ul li{display: inline;}
.indentmenu ul li a{float: left;color: white;padding: 6px 11px 4px 11px;text-decoration: none;border-right: 1px solid #333333;}
.indentmenu ul li a:visited{color: white;}
.indentmenu ul li a:hover, .indentmenu ul li a.current{color: #000000 !important;padding-top: 6px;padding-bottom: 7px;background: black url(/images/bg_menu2.gif) center center repeat-x;}
/*menu end*/