body {  	margin: 1px 0 1px 0;  	background-color: #fff;  	font: normal 11px verdana, sans serif;  	color: #333;  }    a {  	text-decoration: none;  	color: #333;  }    a:hover {  	color: #ff6600;  	border: none;  }    a img:hover {  	opacity: 0.85;  	filter: alpha(opacity = 85);  	zoom: 1;  }    #right-banner-block {  	float: right;  }    .right-banner-block {  	margin: 5px 0 5px 0;  }    #web-content {  	width: 808px;  	position: relative;  }    #page-border-top, #page-border-bottom {  	position: relative;  	width: 100%;  	margin: 0;  }    img {  	border: none;  }    #page-border-side {  	position: relative;  	width: 100%;  	margin: 0;  }    #page-content-block {  	position: relative;  	margin: 0;  }    #page-content {  	position: relative;  	padding: 6px 20px 2px 14px;  }    #top-bar, #body-bottom-bar {  	position: relative;  	right: -3px;  	width: 760px;  	height: 34px;  }    #date-info, #bottom-menu {  	position: absolute;  	font-weight: bold;  }    #date-info {  	left: 12px;  	top: 12px;  }    #head-img-block {  	width: 768px;  	position: relative;  	margin-left: 1px;  }    #body-block {  	position: relative;  	margin-top: 2px;  	padding-top: 8px;  	right: -3px;  	width: 760px;  	z-index: 1;  }    #body-content {  	padding: 2px 2px 6px 2px;  	font: normal 11px 'verdana', sans-serif;  	text-align: left;  }    #left-content-block, #center-content-block, #right-content-block {  	float: left;  }    #left-content-block {  	width: 174px;  }    #member-logo-block {  	margin-top: 51px;  	padding: 2px;  	border: 1px solid #ddd;  }    #member-no-logo-block {  	margin-top: 60px;  }    #lcb-menu-block {  	margin-top: 16px;  }    #lcb-menu-block div {  	margin: 2px 6px 2px 0;  	padding: 1px 1px 1px 4px;  	border-left: 2px solid #ddd;  	border-bottom: 1px solid #eee;  }    #lcb-menu-block div:hover {  	border-left: 2px solid #333;  	border-bottom: 1px solid #ccc;  }    #lcb-menu-block a {  	font: bold 16px 'lucida sans', 'ms sans serif', arial, 'lucida sans unicode', sans-serif;  	color: #111;  	text-decoration: none;  }    #lcb-menu-block a:hover {  	color: #ff6600;  }    .bottom-border {  	font-size: 12px;  	border-bottom: 1px dashed #ccc;  }    #lcb-sbox-block {  	padding: 2px 2px 2px 2px;  }    #sbox-title {  	padding: 1px 1px 2px 2px;  }    .block-title, .block-title a {  	font: normal 18px 'comic sans ms', cursive;  	color: #333;  }    .block-title a:hover {  	color: #ff6600;  }    .block-title-front {  	font: bold 20px 'lucida sans', sans-serif;  	font-style: italic;  	color: #000;  }    .block-title-orange {  	color: #ff6600;  	font-weight: bold;  }    #sbox-block {  	margin-top: -6px;  	padding: 6px 4px 4px 4px;  	border-top: 1px solid #ddd;  	border-bottom: 1px solid #ddd;  	background-color: #f9f9f9;  }    .sbox-row {  	padding: 3px 0px 3px 0px;  }    .sbox-row-b {  	background-color: #fff;  }    .sbox-from {  	border-bottom: 1px dashed #ddd;  }    #sbox-block b {  	color: #ff6600;  }    .float-cleaner {  	clear: both;  }    #center-content-block {  	width: 408px;  }    #ccb-intro-block, #ccb-news-block, #ccb-popular-block, #ccb-banner-block, #ccb-content-block {  	padding: 6px 4px 4px 4px;  }    #intro-title {  	position: relative;  	width: 100%;  	margin-top: -10px;  	text-align: center;  }    #intro-welcome-msg {  	padding-bottom: 6px;  	font-size: 14px;  	font-family: arial, sans-serif;  	text-align: center;  }    #intro-welcome-full {  	padding: 8px;  	border: 1px dashed #ddd;  	text-align: justify;  	font: normal 12px 'ms sans serif', 'comic sans ms', verdana, sans-serif;  	color: #333;  }    #intro-welcome-full img {  	padding: 0 4px 2px 0;  	float: left;  }    #news-title, #popular-title {  	margin-bottom: 4px;  	border-bottom: 1px solid #eee;  }    .news-point, .news-row-list {  	margin-top: 4px;  }    #news-link-list {  	width: 100%;  }    #news-link-list a {  	color: #333;  }    #news-link-list a:hover {  	color: #ff6600;  }    .news-point {  	width: 3%;  	float: left;  	color: #000;  }    .news-row-list {  	width: 97%;  	float: left;  }    #news-link-list .headline-date {  	margin: 0;  	padding: 0;  	color: #999;  }    #news-link-list .headline-title {  	margin: 0;  	padding: 0;  	font: bold 16px arial, 'lucida sans unicode', 'ms sans serif', sans-serif;  	color: #333;  }    #news-link-list .headline-title a {  	color: #333;  }    #news-link-list .headline-title a:hover {  	color: #ff6600;  }    #news-link-list .headline-short {  	margin: 0 0 6px 0;  	padding: 0 0 6px 0;  	border-bottom: 1px dashed #ddd;  }    #news-link-list .headline-short img {  	margin: 0 6px 3px 0;  	padding: 2px;  	float: left;  	background-color: transparent;  	border: 1px solid #eee;  }    #popular-link-list div {  	padding: 2px 0 0 0;  }    .span-block-left {  	margin-right: 2px;  	background-color: #ccc;  }    #ccb-popular-block {  	margin-top: 4px;  }    #ccb-banner-block {  	margin-top: 6px;  	text-align: left;  }    #bottom-random-img img, #bottom-banner img, #right-content-block img, #profile-head img {  	padding: 6px;  	border: 1px solid #eee;  	background-color: #fff;  }    #bottom-banner {  	margin: 10px 0 4px 0;  }    #right-content-block img {  	padding: 4px;  }      /* ----------- a: contact --------------------------- */    #ccb-contact-block {  	padding: 6px 6px 6px 26px;  	font-weight: bold;  }    /*#ccb-contact-block span {  	padding-right: 4px;  	font-family: 'ms sans serif', 'comic sans ms', arial, verdana, sans-serif;  	color: #999;  	border-right: 1px solid #ddd;  }*/    .contact-type {  	width: 56px;  	float: left;  }    .contact-content {  	margin: 2px 0 6px 6px;  	padding-left: 6px;  	float: left;  	font: bold 11px verdana, arial, sans-serif;  	border-left: 1px solid #ddd;  }    .contact-content img {  	margin: 1px 0 1px 0;  }    .contact-content div {  	float: left;  }    .contact-label-block {  	width: 86px;  	float: left;  	color: #999;  }    .contact-gap {  	clear: both;  	height: 10px;  }    /* --------------------------- z: contact ----------- */      /* ----------- a: dir --------------------------- */    #ccb-dir-all-block {  	padding: 6px;  	font: bold 14px arial, sans-serif;  }    #ccb-dir-all-block div {  	margin: 4px 0 6px 0;  }    #ccb-dir-all-block img, #ccb-dir-all-block a {  	float: left;  }    #ccb-dir-all-block img {  	margin-right: 4px;  }    #ccb-dir-group-block {  	padding: 6px;  	font-weight: bold;  }    .dir-group-title-block {  	margin: 2px 0 8px 0;  	border-bottom: 1px solid #eee;  	font: bold 18px arial, sans-serif;  	color: #ccc;  }    #ccb-dir-group-block img {  	float: right;  	margin-left: 4px;  }    .dir-group-title {  	float: right;  	margin-top: -2px;  }    .dir-group-row {  	margin: 2px 0 3px 0;  }    /* --------------------------- z: dir ----------- */      #right-content-block {  	width: 168px;  }    #right-content-block div {  	margin-bottom: 10px;  	text-align: right;  }    #right-content-block img:hover {  	border: 1px solid #000;  }    #right-content-block img, #profile-head img, .menu-content-img {  	background-color: #fcfcfc;  }    #body-bottom-bar {  	right: 0;  }    #bottom-menu {  	right: 2px;  	top: 10px;  }    #body-bottom-bg {  	position: relative;  	right: -3px;  	width: 760px;  	height: 100px;  	margin-top: -90px;  	z-index: 0;  }    #copyright-block {  	padding: 0px 16px 2px 0;  	text-align: right;  	font: bold 12px 'ms sans serif', arial, verdana, sans-serif;  	color: #666;  }    #copyright-block span {  	font-family: serif;  	font-size: 14px;  }      /* ----------- styles for member page -------------------------- */    .head-img-member {  	margin-left: 6px;  	margin-top: 2px;  	z-index: 1;  	float: left;  }    .head-img-sedapabis {  	position: absolute;  	top: 2px;  	left: 0px;  	z-index: 2;  }    #intro-title-transparent, #intro-title-top-text, #intro-title-bottom-text {  	font: bold 26px/30px arial, sans-serif;  }    #intro-title-transparent {  	padding: 4px;  	opacity: 0;  }    #intro-title-top-text, #intro-title-bottom-text {  	position: absolute;  	text-align: left;  }    #intro-title-bottom-text {  	top: 2px;  	left: 2px;  	color: #666;  }    #intro-title-top-text {  	top: 0px;  	left: 0px;  	padding-right: 2px;  	color: #ff6600;  }    #content-title {  	margin-top: -4px;  	margin-bottom: 16px;  	font: bold 22px tahoma, arial, 'lucida sans', 'ms sans serif', arial, sans-serif;  	color: #ccc;  	text-align: right;  	border-bottom: 1px solid #ddd;  }    #profile-head img {  	/* look upside for the rest */  	float: left;  	margin: 0 8px 4px 0;  	padding: 3px;  }    #profile-head span {  	font: normal 16px 'comic sans ms', arial, cursive;  	color: #333;  }    .profile-contact-group {  	margin-top: 16px;  }    .profile-contact-tab, .profile-contact-title {  	margin-bottom: 4px;  	padding: 2px 2px 2px 0px;  	font: bold 14px arial, sans-serif;  	background-color: #eee;  }    .profile-contact-tab {  	background-color: #ddd;  }    .profile-contact-label {  	color: #bbb;  	/*font-size: 10px;*/  	font: bold 12px arial, sans-serif;  }      /* ----------- a: menu --------------------------- */    .menu-title {  	margin: 6px 2px 2px 2px;  	padding: 2px 6px 2px 2px;  	font: bold 14px 'lucida sans', 'lucida sans unicode', arial, verdana, sans-serif;  	text-align: right;  	color: #333;  	background-color: #eee;  }    .menu-content {  	margin: 2px 2px 12px 2px;  }    .menu-content-img {  	margin: 0 8px 6px 0;  	padding: 3px;  	float: left;  	border: 1px solid #ccc;  	background-color: #fcfcfc;  }    /* --------------------------- z: menu ----------- */      /* ----------- a: gallery --------------------------- */    .gallery-unit {  	position: relative;  	float: left;  	z-index: 1;  }    .gallery-thumb {  	margin: 3px;  	padding: 2px;  	border: 1px solid #eee;  	background-color: #f9f9f9;  }    .gallery-full {  	position: absolute;  	width: auto;  	top: 26px;  	left: 26px;  	padding: 4px;  	border: 1px solid #eee;  	background-color: #f9f9f9;  }    .gallery-full-div {  	position: relative;  }    .gallery-full-descrp {  	font: bold 14px arial, sans-serif;  	margin-top: 2px;  }    /* --------------------------- z: gallery ----------- */      /* ----------- a: news content block --------------------------- */    #newscontent-date {  	margin: 10px 6px 0 6px;  	color: #999;  }    #newscontent-title {  	margin: 2px 6px 6px 6px;  	font: bold 18px arial, verdana, sans-serif;  }    #newscontent-content {  	margin: 0 6px 4px 6px;  }    #newscontent-content img {  	margin: 0 8px 4px 0;  	padding: 4px;  	float: left;  	background-color: #fcfcfc;  	border: 1px solid #eee;  }    /* --------------------------- z: news content block ----------- */      /* ----------- a: info --------------------------- */    .info-label {  	padding: 2px 0 2px 6px;  	font: bold 12px arial, verdana, 'ms sans serif', sans-serif;  	color: #fff;  	background-color: #ff9900;  }    .info-content {  	padding: 2px 0 6px 0;  }    .info-content ul {  	margin: 2px 0 6px 0;  }    .info-content li {  	padding: 2px 0 2px 0;  }    .info-content a, .info-note a {  	color: #ff6600;  }    .info-content a:hover, .info-note a:hover {  	text-decoration: underline;  }    .info-content-arial li {  	font: bold 12px arial, sans-serif;  	color: #666;  }    .info-content-arial li span {  	color: #222;  }    .info-item-konten-block {  	margin: -2px 0 6px 28px;  }    .info-item-konten-title {  	margin: 0;  	padding: 0px 0px 2px 0;  	font-weight: bold;  	border-bottom: 1px solid #999;  }    .info-item-konten-tbl td {  	padding: 4px 6px 4px 6px;  	background-color: #eee;  }    .info-note {  	margin-top: 16px;  	padding: 4px 0 4px 0;  	text-align: right;  	border-top: 1px dashed #ccc;  	border-bottom: 1px dashed #ccc;  }    /* --------------------------- z: info ----------- */        /* ----------- a: form --------------------------- */    .form-reg-title {  	margin: 0;  	padding: 2px 6px 2px 0;  	text-align: right;  	font: bold 16px arial, sans-serif;  	color: #fff;  	background-color: #ff6600;  }    #form-reg {  	margin: 0 0 10px 0;  	padding: 2px;  }    #form-reg.rate {  	border: 1px solid #ccc;  }    #form-reg div {  	margin: 5px 0 5px 0;  	text-align: left;  }    #form-reg label {  	margin: 2px 4px 0 0;  	text-align: right;  	display: block;  	width: 160px;  	float: left;  }    #form-reg img {  	float: left;  }    #form-reg label.rate-field {  	width: auto;  	text-align: left;  	margin: 4px 4px 0 4px;  }    #form-reg input.captcha-field {  	margin: 8px 0 0 -36px;  	text-align: center;  }    #form-reg span {  	color: red;  }    #form-reg input, #form-reg select, #form-reg textarea {  	margin: auto;  	padding: 2px;  	border: 1px solid #fff;  	background-color: #f6c7a8;  	font: bold 11px arial, verdana, sans-serif;  	color: #333;  	display: block;  	float: left;  }    #form-reg fieldset {  	width: 200px;  	border: 1px solid #ccc;  }    #form-reg input.sbmt {  	margin: 0 0 0 10px;  }    .form-err-frame {  	margin: 0 auto 16px auto;  	width: 360px;  	background-color: transparent;  	border: 1px solid #eee;  }    .form-err {  	margin: 2px;  	padding: 8px;  	background-color: #f8e5d8;  	color: #333;  	font-weight: bold;  }    .form-err-txt {  	margin: 2px 0 6px 2px;  	color: red;  	text-align: left;  }    /* --------------------------- z: form ----------- */