body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;color: #000000;text-decoration: none;margin: 0px;padding: 0px;background:#003366;}
#header {background:#FFF url(images/headertop.gif) no-repeat left top; height: 300px;}
#webtitle, #searchbox {height: 52px;}
#webtitle h1 {text-align:right;margin: 20px 0px 0px 30px;font-size: 20px; padding: 0px 0px 0px 0px}
#webtitle h1 a{color: #FFF;font-size: 20px; font-weight:bold; text-decoration: none}
#webtitle h1 a:hover{color: #baf7fb;}
#searchbox {text-align:left; color: #FFF;}
#searchbox form {margin: 20px 0px 0px 0px}
#searchbox .searchbtn {margin: 0px 10px 0px 0px}
#searchbox .searchfieldz {border:#000 solid 1px; margin: 0px 10px 0px 0px; color:#999999; padding: 0px 0px 0px 5px;}
#mainheader {margin: 0px; padding: 0px}
#rollimages {list-style:none; margin: 0px; padding: 0px; float:left;}
#rollimages img {display: block; margin: 0px 0px 0px 0px; padding: 0px;}
#menu01 {margin: 20px 0px 0px 0px; padding: 0px; list-style:none; position:absolute; width:250px;}
#menu01 li {background: url(images/linebottom.gif) no-repeat left bottom;display: block;padding: 5px 0px 5px 0px;}
#menu01 li a {display: block;background: url(images/iconlist.gif) no-repeat left center;text-decoration: none;padding: 5px 0px 5px 25px;text-transform: uppercase;color: #003366;font-size: 11px;font-weight: bold;}
#menu01 li a:hover, #menu01 li a.active {color: #FF9900;}
#hotcontent {background:#fcac01 url(images/sidedrowshadow.gif) no-repeat top center; height: 150px; padding: 0px 0px 0px 40px; color:#3f6f8a;}
#hottcontent {background:#FFF url(images/linecenter.gif) repeat-x left top; height: 30px; padding: 0px 0px 0px 0px; color:#3f6f8a;}
#hottcontent h1 { font-size:12px; margin:10px 0px 0px 10px; padding:0px; text-transform:uppercase}
#hk01, #hk00 {height: 120px; margin: 25px 0px 0px 0px; overflow: hidden; padding: 0px 0px 0px 135px}
#hk01 h1, #hk00 h1 {margin: 10px 0px 5px 0px;}
#hk01 h1 a, #hk00 h1 a {font-size:16px; font-weight: bold; text-decoration: none; color:#761708;}
#hk01 h1 a:hover, #hk00 h1 a:hover {color:#EFEFEF}
#hk01 {background: url(images/hotc01.png) no-repeat left top; margin-left: 40px; position:relative;}
#hk00 {background: url(images/hotc02.png) no-repeat left top; left: 600px;}
#maincontent {background: #EFEFEF;}
#content1 {background: url(images/bgcontent01.png); margin: 0px 0px 10px 0px}
#content, #emptyData {background: #FFF;	border: #B0B3FF solid 1px; margin: 0px 0px 10px 0px}
#emptyData {font-size:32px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#BFBFBF; text-align:center; padding: 20px 0px 20px 0px;}
#content h1 {background: url(images/h1right.gif) no-repeat right top;  height: 40px; padding: 0px 0px 0px 0px}
#content h1 a {color: #003366; font-weight: bold; background: url(images/h1left.gif) no-repeat left top; display:block; padding: 12px 0px 0px 15px; height: 40px; font-size:14px; text-decoration:none;}
#content h1 img {vertical-align:middle; border: none; margin: 0px 5px 0px 0px;}
#content h1 a:hover {color: #990000}
#content h2 {padding: 0px; margin: 10px 0px 0px 0px;}
#content h2, #content h2 a {color: #003366; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; font-weight: bold; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 5px;}
#content h2 a:hover {color: #0099FF}
#content h5 {padding: 0px 0px 0px 10px; margin: 0px; border-bottom: #EFEFEF solid 1px; height: 20px;}
#content h5 a {text-decoration: none; color: #BFBFBF; font-size: 11px; font-weight: normal; display: block; float:left;}
#content h5 a:hover {text-decoration: none; color: #FF9900}
#content h6 {padding: 0px 0px 10px 10px; margin: 0px; border-top: #EFEFEF solid 1px; height: 20px;}
#content h6 a {background: url(images/12.png) no-repeat left center; text-decoration: none; color: #003366; font-size: 11px; font-weight: bold; display: block; float:left; padding: 5px 0px 5px 15px}
#content h6 a:hover {text-decoration: none; color: #FF9900;}
#content h7, .htujuh {padding: 0px 0px 10px 10px;}
#content h7 a, .htujuh a {background: url(images/12.png) no-repeat left center; text-decoration: none; color: #003366; font-size: 11px; display: block; float:left; padding: 5px 0px 5px 15px; margin: 0px 0px 0px 10px;}
#content h7 a:hover, .htujuh a:hover {text-decoration: none; color: #FF9900;}
.content01 {margin: 10px 10px 30px 10px;}
.content02 {margin: 0px 10px 10px 10px; border-top:#BFBFBF dotted 1px; padding:5px 0px 0px 0px;}
.content02 a{margin: 0px 10px 0px 0px;}
.thumbnail {float: left; margin: 0px 10px 0px 0px;}
.thumbnail2 {float: left; margin: 10px 10px 0px 0px; position:absolute;}
#tabmenu {list-style: none;margin: 0px 0px 7px 0px;padding: 10px 0px 0px 0px; height: 30px; position:absolute; left:0px; top:10px;}
#tabmenu li {display: inline;}
#tabmenu li a {text-decoration:none; background: #B0B3FF; border: #B0B3FF solid 1px; padding: 10px 10px 10px 10px; font-weight: normal; font-size: 11px;}
#tabmenu li a:hover {background: #B0B3FF; color:#FFF}
.cyan {color:#fda102}
#tabmenu li .active {text-decoration:none; background: #FFF; border-bottom: #FFF solid 1px; padding: 10px 10px 10px 10px; font-weight: bold; font-size: 12px;}
#tabmenu li .active:hover { background: #FFF;color:#761708}
.listPFolio {margin: 0px; padding: 0px;}
.corak{position:absolute; display:none;}
#footer {background: #003366 url(images/footer.gif) no-repeat top center; color: #FFF; height:75px;}
#menufooter {list-style: none;margin: 30px 0px 0px 10px;padding: 0px 0px 0px 20px; height: 20px; background: url(images/footer-icon.gif) no-repeat left center;}
#menufooter li {display:inline}
#menufooter li a {color:#FFF; text-decoration:none; margin:0px 0px 0px 15px}
#menufooter li a:hover {color:#00CCFF}
#footer p {margin: 0px 0px 0px 10px; color: #00CCFF;}
#header_gallery{list-style: none;margin: 0px;}
.otherlist{list-style:none; margin:10px; padding:0px;}
.otherlist li{display:block; margin: 0px 0px 5px 0px;}
.otherlist li a{text-decoration:none; color:#006699; padding:0px 0px 0px 15px; margin:0px 0px 0px 10px; background: url(images/12.png) no-repeat left center;}
.otherlist li a:hover{color:#FF9900}
.otherlist li.othertitle{font-weight:bold; font-size:12px; background: url(images/iconh1.gif) no-repeat left center; padding:0px 0px 0px 0px;}
.otherlist li.othertitle a{background:none;}
.otherlist li.othertitle a:hover{color:#006699;}
.comment{float:left; margin: 0px 10px 0px 0px; display: block; width:100px; overflow:hidden; background: url(images/roundbox.gif) no-repeat left center;}
.comment a{text-align:center; margin: 0px 0px 0px 2px; display: block; padding:3px 0px 3px 0px; background: url(images/roundbox2.gif) no-repeat right center; font-size:10px; color:#006699; text-decoration:none}
.comment a:hover{color:#FFCC00;}
.commentList{margin:0px 0px 10px 0px; padding:5px; list-style:none;}
.commentList li{display:block; height:50px; overflow:hidden; vertical-align:top}
.commentList li span{display:block; color:#4a4a4a;}
.commentList li span b{font-weight:normal; color:#0099FF;}
.commentList li.isiContent{}

/******* PAGING ****/
div#paging {margin: 0px;padding: 0px;clear: both;}
div#paging #left {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #000000;float: left;width: 45%;margin: 0px 0px 0px 0px;padding: 0px 0px 10px 0px;}
div#paging #left input {font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px;color: #000000;text-decoration: none;border: 1px solid #000000;}
div#paging #right {float: right;font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px;color: #000000;	width: 50%;	text-align: right;}
.banner{text-align:center;}
.banner p{margin:5px 0px 5px 0px;}
.btn {cursor:pointer; background:#003366; color:#FFFFFF}

/******* COMMENT FORM ****/
.fcomment{display:block; margin:0px; padding:5px; background:#EFEFEF; border:#BFBFBF solid 1px; text-align:right}
.fcomment img {display:block; float:left; margin:0px 10px 0px 0px;}
.fcomment textarea{display:block; height:50px; width:90%;}
.fcomment input{background:#7d9ad7; border:#BFBFBF solid 1px; color:#FFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; cursor:pointer}
.fcomment input:hover{background:#455a85; color:#FF9900}
.fcomment a{text-decoration:none;}
.fbbutton {background:url(images/login-button.png) no-repeat top left; padding:3px 10px 3px 30px; color:#FFF;}
