@charset "utf-8";
/*
=======================================================================
	General Rules
=======================================================================
*/

@font-face {
  font-family: myweb;
  src:url("mywebd41d.eot?") format("eot"),url("myweb.woff") format("woff"),url("myweb.html") format("truetype"),url("myweb.svg#U.S.101") format("svg");
  font-weight:normal;
  font-style:normal;
}

.fixed {
	width:1020px;
	margin:0 auto;
}

* {
	padding:0px;
	margin:0 auto;
}




OL {
	list-style-type: square;
	padding-left: 15px;
	padding-bottom:3px;
}


OL a:hover{
	list-style-type: square;
	font-size:#000;
	font-weight: bold;
}


.webpage {
	width:1020px;
	margin-right: auto;
	margin-left: auto;
background-color:#fff;
	box-shadow:0 0 10px rgba(0, 0, 0, 0.8);
	-webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.8);
	-moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.8);
	-o-box-shadow:0 0 10px rgba(0, 0, 0, 0.8);}




body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666;
	height:100%;
	width:1020px;
	background: url(../images/web-body-bg.jpg) top center repeat-y; }
	
span.grung {
	width:1020px;
	height:200px;
	float:left;
	background-image:url(../images/cloud.png);
	background-repeat:no-repeat;
	background-position:top center;
	position:absolute;
	z-index:1;
	
}
.blackstrip {
	width:1020px;
	height:26px;
	float:left;
	background:url(../images/black.png);
	position:absolute;
	z-index:1;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #CCCCCC;
	
}


.tanggalan {
	margin-top: 5px;
	margin-right: 20px;
	float:right;
}


span.whitestrip {
	width:1020px;
	height:10px;
	float:left;
	background:url(../images/nav_bg.png);
	position:absolute;
	z-index:1;
	margin-top:185px;
}
a {
	text-decoration:none;
	outline:none;
	color:#666;
}
a img {
	border:none;
}
.clear {
	clear:both;
}
.bold {
	
	font-family: arial;
}
.under {
	text-decoration:underline;
}
.upper {
	text-transform:uppercase;
}
.italic {
	font-style:italic;
}
.white {
	color:#fff !important;
}
.black {
	color:#000 !important;
}
h1 {
	font-size:22px;
	font-weight:normal;
	font-family: 'Ubuntu', sans-serif;
}
h2 {
	font-size:20px;
	font-weight:normal;
	font-family: 'Ubuntu', sans-serif;
}
h3 {
	font-size:18px;
	font-weight:normal;
	font-family: 'Ubuntu', sans-serif;
}
h4 {
	font-size:18px;
	font-weight:normal;
	font-family:arial;
}
h5 {
	font-size:13px;
	font-weight:bold;
	font-family: 'Ubuntu', sans-serif;
	
}
h6 {
	font-size:12px;
	font-weight:normal;
	font-family: 'Ubuntu', sans-serif;
	
}


h7 {
	font-size:13px;
	font-weight:bold;
	font-family: arial;
	padding-top:3px;
}




p {
	line-height:normal;
	text-align: justify;
	font-size:12px;
}
.left {
	float:left !important;
}
.right {
	float:right !important;
}
.imgleft {
	float:left !important;
	margin:0px 15px 15px 0px;
}
.heading {
	padding:10px 2% 10px 2%;
	width:96%;
	margin-bottom:6px;
	color:#FFF;
	
}

.heading2 {
	padding:10px 2% 10px 2%;
	width:96%;
	margin-bottom:10px;
	color:#666;
}

input {
	font-size:11px;
}
textarea {
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#666;
}
.itlc {
	font-style:italic;
}
.noback {
	background-image:none !important;
}
.noborder {
	border:none !important;
}
.nobotmarg {
	margin-bottom:0px !important;
}
/*
=======================================================================
	Outer Wrapper Rules
=======================================================================
*/
#outer_wrapper {
	width:100%;
	background:url(../images/layers.png) no-repeat top center;
	position:relative;
	z-index:2;
}
/*
=======================================================================
	Header Rules
=======================================================================
*/
#header {
	width:1000px;
	margin:0px auto;
}
/*
=======================================================================
	Logo Rules
=======================================================================
*/
.logo {
	float:left;
	padding-top: 35px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}


.iklanatas {
	float:right;
	padding-top: 32px;
	padding-right: 15px;
}

.iklanheader {
	float:left;
	padding-top: 0px;
	padding-left: 10px;
}

.themes{
float:right;


}

.themes select{
	width:110px; 
	height:20px;
   
	background: #333 url(../images/black.png);
	color:#fff;
	border:none;
	outline:none;
	display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
	appearance:none;
	cursor:pointer;
	margin-top: 3px;
	margin-right: 15px;
	margin-bottom: 0;
	margin-left: 0;
	padding-left: 5px;
	padding-top: 2px;
}


/*
=======================================================================
	Header Text Section Rules
=======================================================================
*/
.headtext {
	float:left;
	background:url(../images/sep1.png) no-repeat left top;
	color:#FFF;
	padding:0px 0px 0px 20px;
	width:270px;
	margin:35px 0px 0px 20px;
}
.headtext p{
	line-height:14px;
	padding-bottom:5px;
}
/*
=======================================================================
	righthead Rules
=======================================================================
*/
.righthead {
	float:right;
	padding-top: 12px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.righthead ul.links{
	float:right;
	list-style:none;
}
.righthead ul.links li{
	float:left;
	padding-left:2px;
}
.righthead ul.links li a{
	
}
.righthead ul.links li a:hover, .righthead ul.links li a.colr{
	
}
.search{
	float:right;
	margin-top:-8px;
	margin-right:12px;
}
 .search h3{
	float:left;
	text-transform:uppercase;
	padding:6px 10px 0px 0px;
}
.search ul{
	float:right;
	list-style:none;
	width:238px;
	height:32px;
	padding:4px 4px 0 4px;
	background:url(../images/search.png) no-repeat;
}
.search ul li{
	float:left;
}
 .search ul li input.txtfield{
	float:left;
	width:180px;
	height:26px;
	line-height:20px;
	padding:0px 10px 0px 10px;
	font-size:13px;
	color:#798e94;
	background:transparent;
	border:none;
}
.search ul li input.go{
	float:right;
	width:31px;
	height:25px;
	border:#FFF solid 1px;
	border-radius:0px 1px 1px 0px;
	background-image:url(../images/mag.png);
	background-repeat:no-repeat;
	background-position:center center;
	cursor:pointer;
}
/*
=======================================================================
	Login Box Rules
=======================================================================
*/
.loginbox {
	position:absolute;
	width:242px;
	padding:4px;
	background-color:#fffae7;
	-moz-box-shadow:0px 0px 2px 1px #666;
	-webkit-box-shadow:0px 0px 2px 1px #666;
	box-shadow:0px 0px 2px 1px #666;
	border-radius:2px;
	z-index:999;
	margin:25px 0px 0px 187px;
	display:none;
}
.loginbox h5{
	width:222px;
	height:25px;
	padding:8px 10px 0px 10px;
	color:#FFF;
	font-weight:bold;
}
.loginbox ul{
	width:242px;
	padding:8px 0px 0px 0px;
	list-style:none;
}
.loginbox ul li{
	width:242px;
	padding:2px 0px;
}
.loginbox ul li input.bar{
	width:240px;
	height:23px;
	float:left;
	background:#FFF;
	border:#d3d3d3 solid 1px;
	border-radius:2px;
	margin-bottom:5px;
}
.loginbox ul li a.forgot{
	background:url(../images/forgot.gif) no-repeat 0px 0px;
	padding:0px 0px 0px 16px;
	display:inline-block;
	margin:0px 0px 5px 0px;
}
.loginbox ul li input.go{
	float:left;
	width:58px;
	padding:4px 0px 5px 0px;
	border:none;
	text-align:center;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	font-family: 'Ubuntu', sans-serif;
	display:block;
	margin:1px 1px 0px 0px;
	cursor:pointer;
	border:none;
	border-radius:2px;
}
/*
=======================================================================
	Navigation Rules
=======================================================================
*/
.navigation {
	float:left;
	width:1020px;
	height:51px;
	background:url(../images/navigation.png);
	margin-top: 9px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: -10px;
}
.ddsmoothmenu{
	float:left;
}
.ddsmoothmenu ul{
	z-index:100;
	margin:0;
	padding:7px 0px 0px 9px;
	list-style-type:none;
	float:left;
}
.ddsmoothmenu ul li{
	position:relative;
	display:inline;
	float:left;
	padding-right:5px;
}
.ddsmoothmenu ul li a{
	display:block;
	height:26px;
	color:#fff;
	text-decoration:none;
	font-size:14px;
	border-radius:2px;
	font-family:myweb;
	text-transform: uppercase;
	padding-top: 10px;
	padding-right: 6px;
	padding-bottom: 0px;
	padding-left: 6px;
}
* html .ddsmoothmenu ul li a{
	display:inline-block;
}
.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
	color:#fff;
}
.ddsmoothmenu ul li ul{
	position:absolute;
	left:0;
	display:none;
	visibility:hidden;
	margin:0px 0px 0px 0px;
	padding:0px 0px 5px 0px;
}
.ddsmoothmenu ul li ul li{
	display:list-item;
	float:left;
	padding:0px 5px;
	margin:0px;
}
.ddsmoothmenu ul li ul li:first-child{
	padding-top:5px;
}
.ddsmoothmenu ul li ul li.last{
	padding-bottom:5px;
}
.ddsmoothmenu ul li ul li ul{
	top:0;
	margin:0px 0px 0px -15px;
	width:191px !important;
}
.ddsmoothmenu ul li ul li a{
	width:158px;
	height:23px;
	padding:7px 5px 0px 17px;
	margin:0;
	font-size:13px;
	color:#FFF;
	border-radius:2px;
	background-image:url(../images/arrow.png);
	background-repeat:no-repeat;
	background-position:6px 11px;
}
.ddsmoothmenu ul li ul li a:hover{
	background-image:url(../images/arrow.png);
	background-repeat:no-repeat;
	background-position:6px 11px;
}
.ddsmoothmenu ul li ul li a.selected{
	background-image:url(../images/arrow.png);
	background-repeat:no-repeat;
	background-position:6px 11px;
}
.ddsmoothmenu ul li ul li ul li a:hover{
	background-image:url(../images/arrow.png);
	background-repeat:no-repeat;
	background-position:6px 11px;
}
* html .ddsmoothmenu{
	height: 1%;
}
.ddsmoothmenu ul li ul li a:hover{
	background:url(../images/dark.png);
}
.ddsmoothmenu ul li ul li a.backcolr{
	background:url(../images/dark.png);
}
.ddsmoothmenu ul li ul li ul li a:hover{
	background:url(../images/nav_bg.png);
}
/*
=======================================================================
	Announcement Rules
=======================================================================
*/
.navigation .announcment{
	float:right;
}
.announcment a.mlink{
	display:inline-block;
	padding:17px 20px 0px 20px;
	height:34px;
	color:#fff;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	background:url(../images/navigation.png);
}
.announcment a.mlink:hover{
	background:url(../images/nav_bg.png);
}
.navigation .announcment ul{
	display:none;
	position:absolute;
	float:right;
	width:293px;
	z-index:999;
	background:#fff;
	margin:51px 0px 0px -190px;
	list-style:none;
	padding:5px 15px 10px 15px;
}
.navigation .announcment ul li{
	width:293px;
	padding:10px 0px;
	border-bottom:#ededed solid 1px;
}
.navigation .announcment:hover a.mlink{
	background:#FFF;
}
.navigation .announcment:hover ul{
	display:block;
}
/*
=======================================================================
	Banner Rules
=======================================================================
*/
#banner {
	width:100%;
	padding-bottom:20px;
	background:url(../images/banner_shadow.png) no-repeat bottom center;
}
#banner .inner{
	width:980px;
	height:300px;
	padding:10px;
	margin:0px auto;
	background-color:#FFF;
}
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:70px;
	bottom:68px;
	color:#fff;
	width:310px;
	height:150px;
	padding:15px;
	z-index:8;
}
.nivo-caption h4{
	padding:0px 0px 10px 0px;
	margin:0;
	float:left;
	width:auto;
	font-weight:bold;
	line-height:20px;
}
.nivo-caption p {
	padding:0px 0px 5px 0px;
	margin:0;
	float:left;
	clear:both;
	width:100%
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
	display:none;
}
.nivo-caption a.read {
	color:#FFF;
	padding:0px 0px 0px 10px;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:9;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}
/* cosmetics */
.theme-default .nivoSlider {
	position:relative;
	background:#fff url(../images/loading.gif) no-repeat 50% 50%;
}
.theme-default .nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
.theme-default .nivoSlider a {
	border:0;
	display:block;
}

.theme-default .nivo-controlNav {
	position:absolute;
	left:50%;
	bottom:-42px;
    margin-left:-40px; /* Tweak this to center bullets */
	display:none;
}
.theme-default .nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.theme-default .nivo-controlNav a.active {
	background-position:0 -22px;
}

.theme-default .nivo-directionNav a {
	display:block;
	width:25px;
	height:36px;
	background:url(../images/banner_arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
.theme-default a.nivo-nextNav {
	background-position:-25px 0;
	right:15px;
}
.theme-default a.nivo-prevNav {
	left:15px;
}
.theme-default a.nivo-nextNav:hover {
	background-position:-25px -36px;
}
.theme-default a.nivo-prevNav:hover {
	background-position:0px -36px;
}
/*
=======================================================================
	Subpage Banner Rules
=======================================================================
*/
#subbanner {
	width:100%;
	padding-bottom:22px;
	background:url(../images/banner_shadow.png) no-repeat bottom center;
	margin-bottom:-15px;
}
#subbanner .inner{
	width:980px;
	padding:10px;
	margin:0px auto;
	background-color:#FFF;
}
#subbanner #map{
	width:980px;
	height:216px;
}
/*
=======================================================================
	Video Detail Rules
=======================================================================
*/
#videodetail {
	width:100%;
	padding-bottom:22px;
	background:url(../images/banner_shadow.png) no-repeat bottom center;
}
#videodetail .inner{
	width:980px;
	padding:10px;
	margin:0px auto;
	background-color:#FFF;
}
/*
=======================================================================
	Content Section Rules
=======================================================================
*/
#contentsec {
	width:100%;
}
#contentsec .inner{
	width:1000px;
	margin:0px auto 10px auto;
}
/*
=======================================================================
	Notification Rules
=======================================================================
*/
.notification {
	width:983px;
	padding:10px 0px 5px 15px;
	margin:0px 0px 5px -2px;
	border:#FFF;
	border:#fff solid 1px;
	border-radius:5px;
	-moz-box-shadow:0px 0px 1px 1px #E3E3E3;
	-webkit-box-shadow:0px 0px 1px 1px #E3E3E3;
	box-shadow:0px 0px 1px 1px #E3E3E3;
}
.sliderwrapper{
	position:relative;
	overflow:hidden;
	width:890px;
	height:37px;
	padding-left:45px;
	float:left;
	background:url(../images/infoicon.png) no-repeat 0px 0px;
}
.sliderwrapper .contentdiv{
	visibility:hidden;
	position:absolute;
	left:0;
	top:0;
	width:855px;
	height:30px;
	padding:9px 0px 0px 45px;
	color:#464646;
}
.contentdiv a{
	color:#464646;
}
.notification .pagination{
	float:left;
	margin:4px 0px 0px 0px;
}
.notification .pagination a.toc{
	display:none;
}
.notification .pagination a.prev{
	display:block;
	width:11px;
	height:8px;
	background:url(../images/arrow1.png) no-repeat top left;
	margin-bottom:10px;
}
.notification .pagination a.next{
	display:block;
	width:11px;
	height:8px;
	background:url(../images/arrow1.png) no-repeat top right;
}
.notification .pagination a.prev:hover{
	background:url(../images/arrow1.png) no-repeat bottom left;
}
.notification .pagination a.next:hover{
	background:url(../images/arrow1.png) no-repeat bottom right;
}
.notification a.cross{
	float:right;
	width:13px;
	height:13px;
	display:block;
	background:url(../images/cross.png) no-repeat top;
	position:relative;
	margin:-5px 5px 0px 0px;
	cursor:pointer;
}
.notification a.cross:hover{
	background:url(../images/cross.png) no-repeat bottom;
}
/*
=======================================================================
	Columns Rules
=======================================================================
*/
.columns {
	width:1000px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.padright {
	padding-right:15px;
}
/*
/*
=======================================================================
	Bar One Rules
=======================================================================
*/
.barsmall {
	width:250px;
}
/*
=======================================================================
	Bar Two Rules
=======================================================================
*/
.barbig {
	width:470px;
}
/*
=======================================================================
	Column big Rules
=======================================================================
*/
.col1 {
	width:735px;
	
}
.col1 .heading{
	width:705px;
	margin-bottom:10px;
	color:#FFF;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 8px;
	padding-left: 15px;
	font-family:myweb;
}


.colfull {
	width:100%;
	
}
.colfull .heading{
	width:95%;
	margin-bottom:10px;
	color:#FFF;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 8px;
	padding-left: 15px;
	font-family:myweb;
}

.colfull .total{
	color:#FFF;
	font-family:myweb;
}

.colhome {
	width:468px;
	
}
.colhome .heading{
	width:433px;
	margin-bottom:10px;
	color:#FFF;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 8px;
	padding-left: 15px;
	font-family:myweb;
}















/*
=======================================================================
	widget Rules
=======================================================================
*/
.widget {
	width:100%;
	float:left;
	background-color:#FFF;
	-moz-box-shadow:0px 0px 1px 1px #E3E3E3;
	-webkit-box-shadow:0px 0px 1px 1px #E3E3E3;
	box-shadow:0px 0px 1px 1px #E3E3E3;
	margin-top:10px;
}


.widget2 {
	width:250px;
	float:right;
	background-color:#FFF;
	-moz-box-shadow:0px 0px 1px 1px #E3E3E3;
	-webkit-box-shadow:0px 0px 1px 1px #E3E3E3;
	box-shadow:0px 0px 1px 1px #E3E3E3;
}



.widget:first-child{
	margin-top:0px;
}
.widget .headng{
	width:90%;
	height:25px;
	float:left;
	color:#FFF;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left:15px;
	text-transform: uppercase;
	font-size: 14px;
	font-weight:bold;
}
/*
=======================================================================
	Text Widget Rules
=======================================================================
*/
.widget .textwidget{
	width:100%;
	padding:0px;
	float:left;
}
.widget .paddingtxt{
	padding:5px 10px 10px 10px;
}
.widget .textwidget p{
	padding:6px 0px;
}
/*
=======================================================================
	Count Down Widget Rules
=======================================================================
*/


#listticker{
	height:290px;
	overflow:hidden;
	width:240px;
	
}
#listticker li{
	list-style:none;
}

.widget .upcommingevent{
	width:97%;
	padding:9px 2% 10px 1%;
	float:left;
}
.countersec h5{
	color:#333333;
	padding:8px 0px 3px 0px;
	width:100%;
	text-align:center;
}
.upcommingevent .countersec{
	background:url(../images/counter_bg.gif) repeat-x top;
	
	float:left;
	text-align: center;
}
#counter {
	width:220px;
	margin:5px 0px 0px 13px;
}
.cntSeparator {
	font-size: 14px;
    margin: 10px 6px;
    color: #000;
}
.countersec ul{
	
	list-style:none;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	text-align: center;
}
.countersec ul li{
	text-align: center;
}
.countersec ul li.days{
	padding:0px 0px 0px 7px;
}
.countersec ul li.hours{
	padding:0px 0px 0px 30px;
}
.countersec ul li.mints{
	padding:0px 0px 0px 26px;
}
.countersec ul li.secnds{
	padding:0px 0px 0px 18px;
}
.upcommingevent .upevent{
	width:230px;
	float:left;
	border-bottom:#e2e2e2 solid 1px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}
.upcommingevent .upevent h5{
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
}
.upcommingevent .upevent p{
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
}
.upcommingevent a.readmore{
	display:inline-block;
	margin-top: 6px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 12px;
	background-image: url(../images/readmore.gif);
	background-repeat: no-repeat;
	background-position: 5px 3px;
}
.upcommingevent .upevent span.date{
	background:url(../images/date.png) no-repeat 0px 0px;
	padding:0px 0px 5px 15px;
	display:block;
	width:100%;
}
.upcommingevent .upevent span.venu{
	background:url(../images/venu.png) no-repeat 0px 0px;
	padding:0px 0px 5px 15px;
	display:block;
	width:100%;
}
/*
=======================================================================
	Facebook Widget Rules
=======================================================================
*/
.facebookwidget{
	width:100%;
	float:left;
	padding:4px 0px 5px 0px;
}




.tgl_youtube{
	text-align: center;
	font-size: 10px;
	line-height: normal;
	margin-bottom:5px;
	margin-top:5px;
}



.youtubewidget{
	padding-top: 10px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	text-align: center;
}


.polingwidget{
	padding-top: 10px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
}


.youtubewidget h4{
font-family: arial;
padding-top: 10px;


}


/*

=======================================================================
	Blog Archive Rules
=======================================================================
*/
.widget .links{
	width:240;
	float:left;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.widget .links ul{
	width:100%;
	padding:0px 0px 5px 0px;
	float:left;
	list-style:none;
	border-bottom:#e2e2e2 solid 1px;
	margin-bottom:8px;
}
.widget .links ul li{
	width:100%;
	padding:5px 0px;
}
.widget .links ul li a{
	background:url(../images/links.gif) no-repeat 0px 4px;
	padding:0px 0px 0px 10px;
	font-size:12px;
	font-weight:bold;
	margin-left:10px;
}
.widget .links a.rssfeed{
	background:url(../images/rss.gif) no-repeat 0px 0px;
	padding:0px 0px 5px 22px;
	display:inline-block;
	margin:0px 0px 0px 10px;
}

.rssfeed{
	background:url(../images/rss.gif) no-repeat 0px 0px;
	display:inline-block;
	color:#FFFFFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 20px;
}
.hubungi{
	font-weight: bold;
	color: #FFFFFF;	
}


/*
=======================================================================
	Recent Activities Rules
=======================================================================
*/
.widget .recentact{
	width:100%;
	float:left;
}
.recentact ul{
	width:100%;
	float:left;
	list-style:none;
}
.recentact ul li{
	width:100%;
	padding:10px 0px;
	float:left;
	border-bottom:#e2e2e2 solid 1px;
}
.recentact ul li .topse{
	width:100%;
	float:left;
}
.recentact ul li .topse .calndr{
	width:28px;
	height:29px;
	background:#FFF;
	display:block;
	overflow:hidden;
	border-radius:5px;
	-moz-box-shadow:0px 0px 1px 1px #E3E3E3;
	-webkit-box-shadow:0px 0px 1px 1px #E3E3E3;
	box-shadow:0px 0px 1px 1px #E3E3E3;
	float:left;
	margin:0px 10px 0px 10px;
}
.topse .calndr .month{
	width:28px;
	height:11px;
	padding:1px 0px 0px 0px;
	color:#FFF;
	text-transform:uppercase;
	display:block;
	text-align:center;
	font-size:9px;
}
.topse .calndr .day{
	width:28px;
	height:15px;
	padding:2px 0px 0px 0px;
	color:#FFF;
	display:block;
	text-align:center;
	font-size:12px;
}
.topse a.title{
	float:left;
	display:inline-block;
	width:200px;
	font-weight:bold;
}
.recentact ul li .by{
	font-style:italic;
	font-size:11px;
	color:#8c8c8c;
	width:92%;
	padding:7px 4% 0px 4%;
	float:left;
}
/*
=======================================================================
	Contact Widget Rules
=======================================================================
*/
.widget .contactwidget{
	width:100%;
	padding:0px;
	float:left;
}
.contactwidget ul{
	list-style:none;
	float:left;
	padding:15px;
}
.contactwidget ul li{
	float:left;
	padding:0px 0px 15px 24px;
}
.contactwidget ul li.mailadrs{
	background:url(../images/mail.gif) no-repeat 0px 3px;
}
.contactwidget ul li.phone{
	background:url(../images/phone.gif) no-repeat 0px 3px;
}
.contactwidget ul li.fax{
	background:url(../images/fax.gif) no-repeat 0px 3px;
	padding-bottom:0px;
}
/*
=======================================================================
	Donation Rules
=======================================================================
*/
.widget .donation{
	width:100%;
	padding:0px;
	float:left;
}
.donation p{
	padding:10px;
}
.donation .bar{
	padding:0px 10px 10px 10px;
}
.donation .collection{
	width:208px;
	height:37px;
	padding:10px 10px 0px 10px;
	background:url(../images/donation.gif) no-repeat;
	margin:0px 0px 10px 10px;
}
.donation .collection h2{
	float:left;
}
.donation .collection h4{
	float:left;
	padding:5px 0px 0px 10px;
}
.donation .collection h4{
	float:left;
	padding:5px 0px 0px 10px;
}
.donation h2.donbtn{
	border-radius:4px;
	float:left;
	margin:0px 10px 10px 10px;
	background-image:url(../images/blackgr.png);
	background-repeat:repeat-x;
	background-position:bottom;
}
.donation h2.donbtn:hover{
	background-image:none !important;
}
.donation h2.donbtn a{
	color:#FFF;
	width:230px;
	height:36px;
	padding:8px 0px 0px 0px;
	float:left;
	text-align:center;
}
/*
=======================================================================
	Advertisment 468*60 Rules
=======================================================================
*/
.iklantengah{
	width:468px;
	height:100px;
	float:left;
	border:#e0e0e0 solid 1px;
	margin-bottom:5px;
	
}






.margin_kol{
	width:468px;
	height:1px;
}
/*
=======================================================================
	Tabs Section Rules
=======================================================================
*/
.tabssection{
	width:470px;
	float:left;
	
}
.tabssection .tab_menu_container{
	width:470px;
	height:35px;
	float:left;
}
.tabssection .tab_menu_container ul{
	list-style:none;
	float:left;
	padding:5px 0px 0px 0px;
}
.tabssection .tab_menu_container ul li{
	float:left;
	padding-left:10px;
}
.tabssection .tab_menu_container ul li a{
	float:left;
	font-size:13px;
	color:#FFF;
	height:20px;
	padding-top:5px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	display:block;
	cursor:pointer;
	font-family: myweb;
	text-transform: uppercase;
}
.tabssection .tab_menu_container ul li a:hover, .tabssection .tab_menu_container ul li a.current{
	background:url(../images/nav_bg.png);
}
.tabssection .tab_container{
	width:470px;
	float:left;
	-moz-box-shadow:0px 0px 1px 1px #E3E3E3;
	-webkit-box-shadow:0px 0px 1px 1px #E3E3E3;
	box-shadow:0px 0px 1px 1px #E3E3E3;
	background:#FFF;
	margin-bottom: 7px;
}
.tab_sidebar_list {
	display:none;
}
/*
=======================================================================
	Tabs Section - News Feeds Rules
=======================================================================
*/
.feedsec{
	width:470px;
	float:left;
}
/*
=======================================================================
	Tabs Banner - News Feeds Rules
=======================================================================
*/
.tabbanner{
	width:448px;
	float:left;
	padding:10px;
	border:#f1f1f1 solid 1px;
}
.tabbanner .captions a.thumb{
	float:left;
	position:relative;
}
.tabbanner .captions{
	width:423px;
	height:58px;
	padding:8px 10px 0px 10px;
	float:left;
	background:url(../images/black.png);
	position:absolute;
	margin:136px 0px 0px 0px;
	border-left-width:5px;
	border-left-style:solid;
}
.tabbanner .captions p{
	padding:4px 0px 0px 0px;
	color:#a2a2a2;
}
/*
=======================================================================
	News Feed Listings Rules
=======================================================================
*/
.feedlist{
	width:470px;
	height:270px !important;
	float:left;
}
.feedlist ul{
	width:470px;
	float:left;
	list-style:none;
}
.feedlist ul li{
	width:450px;
	padding:10px;
	float:left;
	border-bottom:#e2e2e2 solid 1px;
}
.feedlist ul li a.thumb{
	width:118px;
	height:70px;
	overflow:hidden;
	border-left:#c6c2bd solid 5px;
	float:left;
	border-left-style:solid;
	border-left-width:5px;
}
.feedlist ul li a.thumb .videoicon{
	width:118px;
	height:70px;
	float:left;
	display:block;
	position:absolute;
	margin-top:-70px;
}
.feedlist ul li a.thumb .videoicon:hover{
	background:url(../images/play.png) no-repeat 50% 50%;
}
.feedlist ul li .desc{
	width:317px;
	float:left;
	padding:0px 0px 0px 10px;
}
.feedlist ul li .desc p{
	width:317px;
	float:left;
	padding:5px 0px 5px 0px;
}
.feedlist ul li .desc a.readmore{
	float:left;
	color:#999999;
	background:url(../images/readmore.gif) no-repeat 0px 3px;
	padding:0px 0px 0px 6px;
}
.slidebuttons{
	width:468px;
	height:32px !important;
	float:left;
	border:#eaeaea solid 1px;
	background:url(../images/bars.gif);
}
.slidebuttons p{
	float:left;
	padding:8px 0px 0px 10px;
}
#controls{
	display:block;
	position:absolute;
	margin-top: -32px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 400px;
}
#controls a{
	float:left;
	
}
#controls a.prevBtn{
	width:30px;
	height:24px;
	display:block;
	float:left;
	background:url(../images/controls.png) no-repeat 10px 0px;
}
#controls a.nextBtn{
	width:30px;
	height:24px;
	display:block;
	float:left;
	background:url(../images/controls.png) no-repeat 0px -22px;
}

/*
=======================================================================
	Blog Widget Rules
=======================================================================
*/
.widget .widgettabs{
	width:100%;
	float:left;
}
.widgettabs .tab_menu_container{
	width:100%;
	height:35px;
	float:left;
	background:#1f89a0;
}
.widgettabs .tab_menu_container ul{
	list-style:none;
	float:left;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.widgettabs .tab_menu_container ul li{
	float:left;
	padding-left:10px;
}
.widgettabs .tab_menu_container ul li a{
	float:left;
	font-size:13px;
	color:#FFF;
	height:20px;
	display:block;
	cursor:pointer;
	font-family: myweb;
	text-transform: uppercase;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.widgettabs .tab_menu_container ul li a:hover, .widgettabs .tab_menu_container ul li a.current{
	background:url(../images/nav_bg.png);
}
/*
=======================================================================
	Blog Tab - Widget Rules
=======================================================================
*/
#blogswidget{
	width:100%;
	float:left;
	background:#FFF;
}
#blogswidget ul{
	width:100%;
	float:left;
	list-style:none;
}
#blogswidget ul li{
	width:100%;
	float:left;
	padding:10px 0px 10px 0px;
	border-top:#e2e2e2 solid 1px;
}
#blogswidget ul li .thumb{
	float:left;
	padding:0px 10px;
}
#blogswidget ul li .thumb img{
	width:65px;
	height:40px;
	float:left;
	padding:2px;
	background:#FFF;
	border:#c6c6c6 solid 1px;
}
#blogswidget ul li .desc{
	float:left;
	padding:0px 10px 0px 0px;
	width:148px;	font-family: arial;

}
#blogswidget ul li .desc a{
	font-weight:bold;
}
#blogswidget ul li .desc a.cmnts{
	font-weight:normal;
}




#blogswidget ul li .desc p.date{
	float:left;
	padding:2px 0px 0px 0px;
	color:#717171;
	font-size:10px;
}
/*
=======================================================================
	Tweets Tab - Widget Rules
=======================================================================
*/
.widgettabs #tweetsec{
	width:100%;
	float:left;
	background:#FFF;
}
.widgettabs #tweetsec ul{
	width:100%;
	float:left;
	list-style:none;
}
.widgettabs #tweetsec ul li{
	width:100%;
	float:left;
	border-top:#e2e2e2 solid 1px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
.widgettabs #tweetsec ul li .desc{
	padding:0px 10px 5px 10px;
}

.widgettabs #tweetsec ul li p{
	padding:0px 10px 0px 10px;
		text-align:left;

}



.widgettabs #tweetsec ul li p a:hover{
	padding:0px 10px 0px 10px;
	background:#eee;
	text-align:left;
	
}



/*
=======================================================================
	728*90 banner Rules
=======================================================================
*/
.bigadv{
	float:left;
	
}
.bigadv a{
	float:left;
}
.bigadv a img{
	width:495px;
	height:90px;
	
}


.bigadv2{
	float:right;
	
}
.bigadv2 a{
	float:left;
}
.bigadv2 a img{
	width:495px;
	height:90px;
}


/*
=======================================================================
	Blog Posts Rules
=======================================================================
*/
.blog {
	width:100%;
	float:left;
	background:#FFF;
	-moz-box-shadow:0px 0px 1px 1px #E3E3E3;
	-webkit-box-shadow:0px 0px 1px 1px #E3E3E3;
	box-shadow:0px 0px 1px 1px #E3E3E3;
}


.blog .heading{
	margin-bottom:5px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	height: auto;
	width:705px
}


.sub_judul{
	font-family:arial;
	font-size: 14px;
	padding-left:15px;
	padding-top: 10px;
	padding-bottom: 0px;
	width:705px;
	float:left;
	color:#FFFFFF;
	padding-left: 20px;
}


.post{
	width:705px;
	float:left;
	padding:0px 15px 10px 15px;
	border-bottom:#e2e2e2 solid 1px;
	margin-bottom:10px;
}
.post .title{
	padding:0px 0px 10px 0px;
}
.post .title a{
	color:#444;
}
.postdesc .thumb{
	float:left;
	width:360px;
	margin-right:25px;
	}
	
.thumbsmall{
	float:left;
    padding: 5px;
	border: 1px solid #d4d4d4 ;
	float: left;
	margin-top: 4px;
	margin-bottom: 5px;
	margin-left: 0;
	margin-right:15;
	}	

	
.thumb2{
	float:left;
     padding: 3px;
	border: 1px solid #d4d4d4 ;
	float: left;
	margin-top: 4px;
	margin-bottom: 5px;
	margin-left: 0;
	}	
	
.postdesc .ket_gambar{
	font-size: 11px;
	line-height: normal;
	color:#757575;
	width: 370px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	border-bottom:1px solid #E8E8E8;
	padding-bottom: 4px;
	margin-bottom: 5px;
	
}		




.postdesc .ket_gambarkd{
	font-size: 13px;
	line-height:20px;
	color:#757575;
	width: 370px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	border-bottom:1px solid #E8E8E8;
	padding-bottom: 4px;
	margin-bottom: 5px;
	font-weight:bold;
	
	
}


.post .thumb a img{
	float:left;
	
}
.post .postoptions{
	float:left;
	width:705px;
	border-bottom:#d4d4d4 solid 1px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size:12px;
}
.post .lespad{
	width:705px;
}
.postoptions ul{
	float:left;
	width:705px;
	list-style:none;
}
.postoptions ul li{
	float:left;
	color:#464646;
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 5px;
	padding-left: 0px;
}
.postoptions ul li.author{
	float:left;
	
}
.postoptions ul li.date{
	float:left;

}
.postoptions ul li.coments{
	float:left;

}

.marginsocial{
	float:right;

}



.postoptions ul li.bacain{
	float:left;
}

.postoptions ul li.play2{
	float:left;
}


.postoptions ul li.tags{
	float:left;
}
.postoptions ul li.venu{
	float:left;
}
.post .postdesc{
	float:left;
	width:705px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
.postdesc {
	border-bottom:#e2e2e2 solid 1px;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 0px;	

}
.post a.readmore{
	float:left;
	background:url(../images/readmore.gif) no-repeat 0px 3px;
	padding:0px 0px 0px 6px;
}
/*
=======================================================================
	Pagination Rules
=======================================================================
*/
.paging {
	width:100%;
	float:left;
	padding:0px 0px 10px 0px;
}
.paging ul{
	list-style:none;
	padding-right:15px;
	padding-top:10px;
	
}
.paging ul li{
	float:left;
	padding-left:5px;
}

.paging a{

}
.paging a:hover{
	
}
.paging a.backcolr{
	
}
.paging a.prevbtn, .paging a.nextbtn{

}
/*
=======================================================================
	Blog Posts Detail Rules
=======================================================================
*/
.blog .detail {
	width:705px;
	float:left;
	margin-bottom:0px;
	padding-top:0px;
}
.blog .detail p{
	padding:6px 0px;
}
.detail .postoptions{
	border-bottom:none;
}
.detail .postdesc{
	border-top:#d4d4d4 solid 1px;
	margin-top:10px;
}
.detail .bigsec{
	width:675px;
	padding:15px;
	float:left;
	-moz-box-shadow:0px 0px 1px 1px #E3E3E3;
	-webkit-box-shadow:0px 0px 1px 1px #E3E3E3;
	box-shadow:0px 0px 1px 1px #E3E3E3;
	background:#FFF;
	margin:10px 0px;
}
.detail h4{
	padding:0px 0px 6px 0px;
	font-family: myweb;
}

.detail h6{
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 11px;
}
.detail .smallsec{
	width:151px;
	float:left;
	-moz-box-shadow:0px 0px 1px 1px #E3E3E3;
	-webkit-box-shadow:0px 0px 1px 1px #E3E3E3;
	box-shadow:0px 0px 1px 1px#E3E3E3;
	background:#FFF;
	margin-right: 9px;
	margin-top: 10px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 3px;
	padding-left: 8px;
	

}
.detail .smallsec .left{
	
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 0px;
}

.detail .smallsec p{
	font-size: 11px;
	text-align: left;
}



.detail .smallsec2{
	width:151px;
	float:left;
	background:#FFF;
	margin-right: 9px;

	margin-bottom: 5px;
	margin-left: 0px;
	
	padding-right: 8px;
	padding-bottom: 3px;
	padding-left: 8px;
	

}
.detail .smallsec2 .left{
	
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 0px;
}


/*
=======================================================================
	Share Rules
=======================================================================
*/
.blog .share {
	width:725px;
	float:left;
	padding:0px 0px 0px 10px;
}
.blog .share ul{
	list-style:none;
	float:left;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
.blog .share ul li{
	float:left;
	padding:0px 5px 0px 0px;
}
.blog .share ul li h6{
	padding:2px 5px 0px 0px;
}
.blog .share a.print{
	width:45px;
	height:45px;
	background:url(../images/print.gif) no-repeat 50% 50%;
	display:inline-block;
	float:right;
	border-left:#e2e2e2 solid 1px;
}
/*
=======================================================================
	About Author Rules
=======================================================================
*/
.aboutauthor {
	width:735px;
	float:left;
	background:#FFF;
	-moz-box-shadow:0px 0px 1px 1px #E3E3E3;
	-webkit-box-shadow:0px 0px 1px 1px #E3E3E3;
	box-shadow:0px 0px 1px 1px #E3E3E3;
	margin-top:15px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.aboutauthor .thumb{
	padding-right:15px;
	float:left;
	width:80px;
	height:50px;
}
.aboutauthor .desc{
	float:left;
	width:610px;
}
.aboutauthor .desc h4{
	padding:0px 0px 8px 0px;
}
/*
=======================================================================
	Comments Rules
=======================================================================
*/
.commentsec {
	width:735px;
	float:left;
	background:#FFF;
	-moz-box-shadow:0px 0px 1px 1px #E3E3E3;
	-webkit-box-shadow:0px 0px 1px 1px #E3E3E3;
	box-shadow:0px 0px 1px 1px #E3E3E3;
	margin-top:15px;
}
.commentsec .heading{
	margin-bottom:10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 20px;
	height: 25px;
	width:705px;
    font-size:15px;
	
}


.respond .heading {
	font-size:15px;
	margin-bottom:10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 20px;
	height: 25px;
	width:705px;
	
}


.commentsec ul.comments{
	width:735px;
	float:left;
	list-style:none;
	margin-bottom:10px;
	
}
.commentsec ul.comments li{
	float:left;
}
.commentsec ul li.level1 .insec{
	width:705px;
	border-bottom:#e2e2e2 solid 1px;
	float:left;
	padding:15px;
}
.commentsec ul li .thumb{
	width:85px;
	float:left;
}
.commentsec ul li .thumb a{
	width:65px;
	height:65px;
	float:left;
	padding:2px;
	border:#c6c6c6 solid 1px;
}
.commentsec ul li .desc{
	width:620px;
	float:left;
}
.commentsec ul li .desc .author_date{
	float:left;
	padding:0px 0px 5px 0px;
}
.commentsec ul li .desc .author_date p.date{
	color:#9a9a9a;
	padding:3px 0px 0px 0px;
}
.commentsec ul li .desc a.reply{
	float:right;
	font-size:10px;
	color:#565656;
	background-color:#efefef;
	padding:0px 0px 0px 0px;
	padding:3px 5px;
	border-radius:3px;
}
.commentsec ul li .desc a.reply:hover{
	color:#FFF;
}
.commentsec ul li.level2{
	float:left;
	background:url(../images/comments_arrow.gif) no-repeat 15px 25px;
	padding-left:43px;
}
.commentsec ul li.level2 .insec{
	width:677px;
	border-bottom:#e2e2e2 solid 1px;
	float:left;
	padding:15px 15px 15px 0px;
}
.commentsec ul li.level2 .insec .desc{
	width:610px;
}
.commentsec ul li.level3{
	float:left;
	background:url(../images/comments_arrow.gif) no-repeat 45px 25px;
	padding-left:73px;
}
.commentsec ul li.level3 .insec{
	width:647px;
	border-bottom:#e2e2e2 solid 1px;
	float:left;
	padding:15px 15px 15px 0px;
}
.commentsec ul li.level3 .insec .desc{
	width:580px;
}
/*
=======================================================================
	Leave A Reply Rules
=======================================================================
*/



.respond {
	width:735px;
	float:left;
	background:#FFF;
	-moz-box-shadow:0px 0px 1px 1px #E3E3E3;
	-webkit-box-shadow:0px 0px 1px 1px #E3E3E3;
	box-shadow:0px 0px 1px 1px #E3E3E3;
	margin-top:15px;
	padding-bottom:10px;
}
.respond p{
	float:left;
	padding:10px 2%;
	width:96%;
}
.respond label{
	width:80px;
	float:left;
	font-size:14px;
	font-family: 'Ubuntu', sans-serif;
	padding:5px 0px 0px 0px;
}
.respond input.textfield{
	width:440px;
	height:32px;
	color:#666;
	padding:0px 5px;
	line-height:32px;
	float:left;
	border:#cbcbcb solid 1px;
	margin-bottom:5px;
	border-radius:3px;
	-moz-box-shadow:    inset 1px 1px 4px #e5e4e4;
   	-webkit-box-shadow: inset 1px 1px 4px #e5e4e4;
	box-shadow:         inset 1px 1px 4px #e5e4e4;
	padding-bottom:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.respond input.textfield2{
	width:100px;
	height:32px;
	color:#666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	float:left;
	border:#cbcbcb solid 1px;
	margin-bottom:5px;
	border-radius:3px;
	-moz-box-shadow:    inset 1px 1px 4px #e5e4e4;
   	-webkit-box-shadow: inset 1px 1px 4px #e5e4e4;
	box-shadow:         inset 1px 1px 4px #e5e4e4;
	padding-bottom:0px;
	margin-top: -10px;
	padding-top: 0px;
	padding-right: 5px;
	padding-left: 5px;
}

.respond textarea{
	width:550px;
	height:102px;
	float:left;
	border:#cbcbcb solid 1px;
	margin-bottom:5px;
	border-radius:3px;
	-moz-box-shadow:    inset 1px 1px 4px #e5e4e4;
   	-webkit-box-shadow: inset 1px 1px 4px #e5e4e4;
	box-shadow:         inset 1px 1px 4px #e5e4e4;
	padding-bottom:10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.respond p.form-submit input{
	color:#FFF;
	font-weight:bold;
	font-size:14px;
	font-family: 'Ubuntu', sans-serif;
	border:none;
	padding:6px 10px 6px 10px;
	border-radius:3px;
	margin:0px 0px 0px 80px;
	cursor:pointer;
}


/*
/*
=======================================================================
	Events Listing Rules
=======================================================================
*/

.events .heading {
	margin-bottom:0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	height: 25px;
	width:715px;
	font-size: 16px;
}

.events {
	width:735px;
	float:left;
	background:#FFF;
	-moz-box-shadow:0px 0px 1px 1px #E3E3E3;
	-webkit-box-shadow:0px 0px 1px 1px #E3E3E3;
	box-shadow:0px 0px 1px 1px #E3E3E3;
}
.events .margbtm{
	margin-bottom:10px;
}
.events .listed{
	float:left;
	width:710px;
	padding:5px 10px 15px 15px;
	margin:0px 0px 0px 0px;
	background:url(../images/graybar.gif) repeat-x bottom;
	border-bottom:#e2e2e2 solid 1px;
}
.events .listed div{
	float:left;
	width:650px;
	padding:0px 0px 0px 60px;
	background:url(../images/events.png) no-repeat 0px 0px;
}
.events .listed h5{
	padding:0px 0px 5px 0px;
}
.events .evlist{
	float:left;
	width:735px;
	height:auto;
	border-bottom:#e8e8e8 solid 1px;
}
.events .evlist .evdate{
	float:left;
	width:85px;
	height:120px;
	border-right:#e8e8e8 solid 1px;
}
.evlist .evdate span{
	float:left;
	width:85px;
	text-align:center;
	color:#b5b5b5;
}
.evlist .evdate span.day{
	font-size:42px;
	font-weight:bold;
	padding:25px 0px 0px 0px;
}
.evlist .evdate span.month{
	font-size:24px;
	margin:-10px 0px 0px 0px;
}
.events .evlist .evdesc{
	float:left;
	width:705px;
	height:auto;
	padding:15px 15px 15px 15px;
}
.events .evlist .evdesc:hover{
	background:#f6f6f6;
}
.evlist .evdesc .thumb{
	float:left;
	width:133px;
}
.evlist .evdesc .thumb a{
	float:left;
	border:#e8e8e8 solid 4px;
}
.evlist .evdesc .desc{
	float:left;
	width:570px;
}
.evlist .evdesc .desc h4{
	padding-bottom:4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	
}
.evlist .evdesc .desc h4 a{
	color:#444;
}
.evlist .evdesc .desc p{
	padding-bottom:10px;
}
.evlist .evdesc .desc a.more{
	padding:0px 0px 0px 6px;
}
.evdet{
	padding-right: 0px;
	padding-bottom: 5px;
	width:100%;
	
}



.evdet .baca{
	float:left;
	padding-top: 2px;
	padding-bottom: 5px;
	font-size: 11px;
}
.evdet .tanggal{
	padding-bottom: 0px;
	float:left;
	padding-top: 2px;
	font-size: 11px;
}

.evdet .komen{
	padding-bottom: 0px;
	float:left;
	padding-top: 2px;
	font-size: 11px;
}




.evdet .play{
	float:left;
	padding-top: 2px;
	padding-bottom: 5px;
	font-size: 11px;
}


/*
=======================================================================
	Middle Size Column Rules
=======================================================================
*/
.midcol {
	width:460px;
	float:left;
	padding:15px;
	background-color:#FFF;
	-moz-box-shadow:0px 0px 1px 1px #E3E3E3;
	-webkit-box-shadow:0px 0px 1px 1px #E3E3E3;
	box-shadow:0px 0px 1px 1px #E3E3E3;
}
/*
=======================================================================
	Quick Enquiry Rules
=======================================================================
*/

.quickenquiry {
	width:460px;
	float:left;
}
.quickenquiry h3{
	width:460px;
	float:left;
	padding-bottom:10px;
}
.quickenquiry ul{
	width:460px;
	float:left;
	border-top:#e2e2e2 solid 1px;
	padding:10px 0px 0px 0px;
	margin:10px 0px 0px 0px;
	list-style:none;
}
.quickenquiry ul li{
	padding-bottom:10px;
}
.quickenquiry ul li label{
	font-size:14px;
	font-weight:bold;
	color:#333333;
	padding-bottom:10px;
}
.quickenquiry ul li.inputfield{
	width:448px;
	height:32px;
	color:#666;
	padding:0px 5px;
	line-height:32px;
	float:left;
	border:#cbcbcb solid 1px;
	margin-bottom:5px;
	border-radius:3px;
	-moz-box-shadow:    inset 1px 1px 4px #e5e4e4;
   	-webkit-box-shadow: inset 1px 1px 4px #e5e4e4;
   	box-shadow:         inset 1px 1px 4px #e5e4e4;
	padding-bottom:0px;
	margin-bottom:15px;
}

.quickenquiry ul li.inputfieldnoborder{
	width:440px;
	height:32px;
	color:#666;
	padding:0px 5px;
	line-height:32px;
	float:left;
	border:0;
	margin-bottom:5px;
	padding-bottom:0px;
	margin-bottom:15px;
}



.quickenquiry ul li.inputfield2{
	width:150px;
	height:32px;
	color:#666;
	padding:0px 5px;
	line-height:32px;
	float:left;
	border:#cbcbcb solid 1px;
	margin-bottom:5px;
	border-radius:3px;
	-moz-box-shadow:    inset 1px 1px 4px #e5e4e4;
   	-webkit-box-shadow: inset 1px 1px 4px #e5e4e4;
   	box-shadow:         inset 1px 1px 4px #e5e4e4;
	padding-bottom:0px;
	margin-bottom:15px;
}
	
.quickenquiry ul li.otherfield{
	border:none;
	background:transparent;
	width:440px;
	height:32px;
	padding:0px 5px 0px 31px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#333333;
}



.quickenquiry ul li input.bar{
	border:none;
	background:transparent;
	width:409px;
	height:32px;
	padding:0px 10px 0px 31px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#333333;
}
.quickenquiry ul li input.name{
	background:url(../images/name.png) no-repeat 10px center;
}
.quickenquiry ul li input.email{
	background:url(../images/email.png) no-repeat 10px center;
}
.quickenquiry ul li input.phon{
	background:url(../images/tags.png) no-repeat 10px center;
}
.quickenquiry ul li input.phone{
	background:url(../images/phone.png) no-repeat 10px center;
}
.quickenquiry ul li input.address{
	background:url(../images/address.png) no-repeat 10px center;
}
.quickenquiry ul li input.sex{
	background:url(../images/sex.png) no-repeat 10px center;
}
.quickenquiry ul li input.date{
	background:url(../images/date.png) no-repeat 10px center;
}
.quickenquiry ul li input.bank{
	background:url(../images/bank.png) no-repeat 10px center;
}
.quickenquiry ul li input.norek{
	background:url(../images/norek.png) no-repeat 10px center;
}
.quickenquiry ul li input.pin{
	background:url(../images/pin.png) no-repeat 10px center;
}

.quickenquiry ul li input.kode{
	background:url(../images/forgot.gif) no-repeat 10px center;
}

.quickenquiry ul li input.link{
	background:url(../images/link-16.png) no-repeat 10px center;
}

.quickenquiry ul li input.idcard{
	background:url(../images/idcard.png) no-repeat 10px center;
}

.quickenquiry ul li.textfield{
	width:430px;
	height:112px;
	padding:10px;
	float:left;
	border:#cbcbcb solid 1px;
	margin-bottom:5px;
	border-radius:3px;
	-moz-box-shadow:    inset 1px 1px 4px #e5e4e4;
   	-webkit-box-shadow: inset 1px 1px 4px #e5e4e4;
   	box-shadow:         inset 1px 1px 4px #e5e4e4;
	padding-bottom:0px;
	margin-bottom:15px;
}
.quickenquiry ul li.textfield textarea{
	width:430px;
	height:102px;
	color:#b9b9b9;
	float:left;
	border:none;
	background:transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#333333;
}
.quickenquiry ul li input.go{
	color:#FFF;
	font-weight:bold;
	font-size:14px;
	font-family: 'Ubuntu', sans-serif;
	border:none;
	padding:6px 10px 6px 10px;
	border-radius:3px;
	cursor:pointer;
}
.quickenquiry ul li.nopad{
	padding:0px;
}
.errormsg {
	width:436px;
	height:32px;
	padding:8px 12px 0px 12px;
	background:url(../images/error_bg.gif) repeat-x;
	color:#FFF;
	border-radius:3px;
	margin:10px 0px 0px 0px;
}
.errormsg span{
	padding:4px 0 0 30px;
	background:url(../images/error.png) no-repeat;
	height:18px;
	display:inline-block;
}
.successmsg {
	width:436px;
	height:54px;
	padding:6px 12px 0px 12px;
	background:url(../images/success_bg.gif) repeat-x;
	color:#FFF;
	border-radius:3px;
	margin:10px 0px 0px 0px;
}
.successmsg div{
	padding:0px 0 0 30px;
	background:url(../images/success.png) no-repeat 0px 5px;
	display:inline-block;
}
.successmsg div p{
	line-height:14px;
	padding-bottom:4px;
}
label.error {
	background:url(../images/warning.png) no-repeat 100% 5px;
	color:#ff0000 !important;
	font-size:11px !important;
	font-weight:normal !important;
	float:right;
	padding:3px 20px 10px 0px !important;
	margin:-27px 10px 0px 0px;
}



.memberinfo {
	text-align:center;
	color:#FFFFFF;
	width:458px;
	border:#e0e0e0 solid 1px;
	-moz-box-shadow:0px 0px 1px 1px #E3E3E3;
	-webkit-box-shadow:0px 0px 1px 1px #E3E3E3;
	box-shadow:0px 0px 1px 1px #E3E3E3;
	font-size:18px;
	font-weight:normal;
	font-family: 'Ubuntu', sans-serif;
	padding:20px 0px 20px 0px;
	margin-bottom:20px;
	background:url(../images/transparent_bg1.png)	
}

.bonusinfo {
	width:458px;
	font-size:11px;
	font-weight:normal;
	font-family: 'Ubuntu', sans-serif;
	padding:10px 0px 10px 0px;
	margin-bottom:5px;
}

/*
=======================================================================
	Contact Info Rules
=======================================================================
*/
.contactinfo {
	width:460px;
	float:left;
}
.contactinfo .cont_map{
	width:458px;
	float:left;
	border:#e0e0e0 solid 1px;
	margin-bottom:20px;
}
.contactinfo h3{
	padding-bottom:6px;
	margin-bottom:10px;
	border-bottom:#e2e2e2 solid 1px;
}
.contactinfo p{
	padding-bottom:0px;
}
.contactinfo .address{
	background:url(../images/venu.png) no-repeat 0px 3px;
	padding:0px 0px 0px 20px;
	width:210px;
}
.contactinfo .address h5{
	padding:0px 0px 0px 0px;
}
.contactinfo .phoneno{
	background:url(../images/phoneno.png) no-repeat 0px 3px;
	padding:0px 0px 10px 20px;
	width:210px;
}
.contactinfo .email{
	background:url(../images/emailbig.png) no-repeat 0px 3px;
	width:210px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 20px;
}

.ym {
	margin-top:-8px
}

/*
=======================================================================
	Static Page Rules
=======================================================================
*/
.static {
	width:1000px;
	float:left;
}
.static p{
	padding:6px 0px;
}
.static p:first-child{
	padding-top:0px;
}
/*
=======================================================================
	Full Width Section Rules
=======================================================================
*/
.fullwidth {
	width:1000px;
	background-color:#FFF;
	-moz-box-shadow:0px 0px 1px 1px #E3E3E3;
	-webkit-box-shadow:0px 0px 1px 1px #E3E3E3;
	box-shadow:0px 0px 1px 1px #E3E3E3;
	margin-bottom:15px;
}
.fullwidth .heading{
	padding:10px 15px 10px 15px;
	width:970px;
	font-weight:bold;
	margin-bottom:10px;
	font-family: 'Ubuntu', sans-serif;
	color:#FFF;
}
.bigst{
	width:970px;
	float:left;
	padding:15px;
	border-bottom:#e2e2e2 solid 1px;
}
.smallst{
	width:475px;
}
.smallst h5{
	padding:0px 0px 10px 0px;
}
.smallestst{
	width:310px;
}
.middle{
	padding:0px 17px;
}
a.readmore {
	float:left;
	color:#999999;
	background:url(../images/readmore.gif) no-repeat 0px 3px;
	padding:0px 0px 0px 6px;
}
.nomarg {
	margin:0px !important;
}
/*
=======================================================================
	Small Column Rules
=======================================================================
*/
.smalcol {
	width:250px;
	background-color:#FFF;
	-moz-box-shadow:0px 0px 1px 1px #E3E3E3;
	-webkit-box-shadow:0px 0px 1px 1px #E3E3E3;
	box-shadow:0px 0px 1px 1px #E3E3E3;
	margin:0px 15px 15px 0px;
}
.smalcol .heading{
	padding:10px;
	width:230px;
}
.smalcol .smalcolin{
	padding:0px 10px 10px 10px;
	width:230px;
}
/*
=======================================================================
	Middle Column Rules
=======================================================================
*/
.middlecol {
	width:470px;
	background-color:#FFF;
	-moz-box-shadow:0px 0px 1px 1px #E3E3E3;
	-webkit-box-shadow:0px 0px 1px 1px #E3E3E3;
	box-shadow:0px 0px 1px 1px #E3E3E3;
	margin:0px 0px 15px 0px;
}
.middlecol .heading{
	padding:10px;
	width:450px;
}
.middlecol .middlecolin{
	padding:0px 10px 10px 10px;
	width:450px;
}
.middlecolin span{
	padding-bottom:7px;
	display:block;
}
/*
=======================================================================
	Two Column Rules
=======================================================================
*/
.twcol {
	width:735px;
	background-color:#FFF;
	-moz-box-shadow:0px 0px 1px 1px #E3E3E3;
	-webkit-box-shadow:0px 0px 1px 1px #E3E3E3;
	box-shadow:0px 0px 1px 1px #E3E3E3;
	margin:0px 0px 15px 0px;
}
.twcol .heading{
	padding:10px;
	width:715px;
}
.twcol .twcolin{
	padding:0px 10px 10px 10px;
	width:715px;
}
.twcol h1, .twcol h2, .twcol h3, .twcol h4, .twcol h5, .twcol h6{
	padding:0px 10px 10px 0px;
}
/*
=======================================================================
	Blog Qoute Rules
=======================================================================
*/
.block {
	width:97%;
	padding:1.5%;
}
/*
=======================================================================
	BlockQoute Rules
=======================================================================
*/
.block1 {
	width:495px;
	background-color:#FFF;
	-moz-box-shadow:0px 0px 1px 1px #E3E3E3;
	-webkit-box-shadow:0px 0px 1px 1px #E3E3E3;
	box-shadow:0px 0px 1px 1px #E3E3E3;
	margin-bottom:15px;
}
.block1 .blockin{
	width:465px;
	padding:5px 15px 15px 15px;
}
/*
=======================================================================
	Table Rules
=======================================================================
*/
.tablesfull {
	width:100%;
	/*padding:15px;
	border-bottom:#e2e2e2 solid 1px;*/
	border:none;
}
.tablesfull h5{
	padding-bottom:5px;
}

.tablegcom {
    font-family: sans-serif;
    color: #444;
    /*border-collapse: collapse;*/
    width: 100%;
    border: 1px solid #f2f5f7;
}

.tablegcom tr th{
    /*background: #35A9DB;*/
    color: #fff;
	font-size:12px;
    font-weight: bold;
}

.tablegcom, th {
    padding: 8px 20px;
    text-align: center;
}

.tablegcom, td {
    padding: 8px 20px;
}

.tablegcom tr:hover {
     /*background-color: #f5f5f5;*/
	background-color:#BADFFE;
	font-weight:bold;
	cursor:pointer;
}

.tablegcom tr:nth-child(odd) {
    background-color: #f2f2f2;
}

.tables {
	width:700px;
	padding:15px;
	border-bottom:#e2e2e2 solid 1px;
}
.tables h5{
	padding-bottom:5px;
}
table{
	width:100%;
}
/*
table tr{
	border-radius:4px;
	background:#f3f3f3;
	margin-bottom:5px;
	width:100%;
	float:left;
}
table th{
	padding:1%;
	text-align:left;
	
	float:left;
}
table td{
	text-align:left;
	float:left;
	font-family:  Arial,;
	font-size: 12px;
	height:auto;
	padding-top: 10px;
	padding-right: 1%;
	padding-bottom: 1%;
	padding-left: 15px;
	text-align:justify;
}
*/
/*
=======================================================================
	Other Options Rules
=======================================================================
*/
.otheroptions {
	width:465px;
	padding:15px;
	border-bottom:#e2e2e2 solid 1px;
	float:left;
}
.otheroptions h5{
	padding-bottom:10px;
}
.otheroptions ul{
	list-style:none;
	float:left;
}
.otheroptions ul li{
	float:left;
	padding:0px 20px 0px 0px;
}
.otheroptions ul li input{
	float:left;
	margin:0px 5px 0px 0px;
}
/*
=======================================================================
	Form Rules
=======================================================================
*/
.inputform {
	width:465px;
	padding:15px 15px 21px 15px;
	border-bottom:#e2e2e2 solid 1px;
	float:left;
}
.inputform h5{
	padding-bottom:10px;
}
.inputform p{
	float:left;
	padding:5px 0;
	width:100%;
}
.inputform label{
	font-size:14px;
	font-family: 'Ubuntu', sans-serif;
	padding:5px 0px 5px 0px;
	width:100%;
	float:left;
}
.inputform input.textfield{
	width:440px;
	height:32px;
	line-height:32px;
	padding:0px 5px;
	float:left;
	border:#cbcbcb solid 1px;
	margin-bottom:5px;
	border-radius:3px;
	-moz-box-shadow:    inset 1px 1px 4px #e5e4e4;
   	-webkit-box-shadow: inset 1px 1px 4px #e5e4e4;
   	box-shadow:         inset 1px 1px 4px #e5e4e4;
	color:#666666;
}
.inputform select{
	width:450px;
	height:32px;
	padding:0px 5px;
	color:#666;
	line-height:32px;
	padding:5px;
	float:left;
	border:#cbcbcb solid 1px;
	margin-bottom:5px;
	border-radius:3px;
	-moz-box-shadow:    inset 1px 1px 4px #e5e4e4;
   	-webkit-box-shadow: inset 1px 1px 4px #e5e4e4;
   	box-shadow:         inset 1px 1px 4px #e5e4e4;
	color:#666666;
}



.inputform textarea{
	width:440px;
	height:92px;
	padding:5px;
	float:left;
	border:#cbcbcb solid 1px;
	margin-bottom:5px;
	border-radius:3px;
	-moz-box-shadow:    inset 1px 1px 4px #e5e4e4;
   	-webkit-box-shadow: inset 1px 1px 4px #e5e4e4;
   	box-shadow:         inset 1px 1px 4px #e5e4e4;
}
.inputform p.form-submit input{
	color:#FFF;
	font-weight:bold;
	font-size:14px;
	font-family: 'Ubuntu', sans-serif;
	border:none;
	padding:6px 10px 6px 10px;
	border-radius:3px;
}
/*
=======================================================================
	Alert Rules
=======================================================================
*/
.alert {
	float:left;
	width:465px;
}
.alert h5{
	padding:10px 0px 5px 0px;
}
/*Blue Alert*/
.notif_blue {
	background:url(../images/blue.gif) repeat-x #4f74a3;
	width:96%;
	padding:2%;
	color:#FFF;
	margin-bottom:5px;
}
.notif_blue .alertin{
	background:url(../images/info.png) no-repeat 0px 3px;
	padding:0% 2% 0% 8%;
}
.notif_blue .alertin h5{
	padding:0px;
}
.notif_blue .alertin p{
	padding:0px;
}
/*Red Alert*/
.notif_red {
	background:url(../images/red.gif) repeat-x #b1191f;
	width:96%;
	padding:2%;
	color:#FFF;
	margin-bottom:5px;
}
.notif_red .alertin{
	background:url(../images/info.png) no-repeat 0px 3px;
	padding:0% 2% 0% 8%;
}
.notif_red .alertin h5{
	padding:0px;
}
.notif_red .alertin p{
	padding:0px;
}
/*Blue Alert*/
.notif_yellow {
	background:url(../images/yellow.gif) repeat-x #c3a14a;
	width:96%;
	padding:2%;
	color:#FFF;
	margin-bottom:5px;
}
.notif_yellow .alertin{
	background:url(../images/info.png) no-repeat 0px 3px;
	padding:0% 2% 0% 8%;
}
.notif_yellow .alertin h5{
	padding:0px;
}
.notif_yellow .alertin p{
	padding:0px;
}
/*Blue Alert*/
.notif_green {
	background:url(../images/green.gif) repeat-x #82c66e;
	width:96%;
	padding:2%;
	color:#FFF;
	margin-bottom:5px;
}
.notif_green .alertin{
	background:url(../images/info.png) no-repeat 0px 3px;
	padding:0% 2% 0% 8%;
}
.notif_green .alertin h5{
	padding:0px;
}
.notif_green .alertin p{
	padding:0px;
}
/*
=======================================================================
	Lists Rules
=======================================================================
*/
.lists {
	float:left;
	width:230px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	font-size: 12px;
}
.lists h5{
	padding:0px 0px 5px 0px;
}
.lists ul{
	float:left;
	list-style:inside;
	width:230px;
}
.lists ul li, .lists ol li{
	padding:4px 0px;
}
.lists ul ul, .lists ol ul{
	padding:0px 0px 0px 15px;
}
/*
=======================================================================
	Static Page Rules
=======================================================================
*/
.gallery {
	width:1000px;
	float:left;
	background-color:#FFF;
	-moz-box-shadow:0px 0px 1px 1px #E3E3E3;
	-webkit-box-shadow:0px 0px 1px 1px #E3E3E3;
	box-shadow:0px 0px 1px 1px #E3E3E3;
	
}
.gallery .heading{
	padding:10px 15px 10px 15px;
	width:970px;
}
.gallerysecfull{
	padding:0px 0px 0px 5px;
	width:100%;
}
.gallerysec{
	padding:0px 0px 0px 15px;
	width:985px;
}
/*
=======================================================================
	Filter Rules
=======================================================================
*/
ul#filterOptions {
	width:100%;
	height:26px;
	margin:10px 0;
	overflow:hidden;
}
ul#filterOptions li { 
	height:26px; 
	margin-right:10px; 
	display:inline-block; 
	float:left;
}
ul#filterOptions li h5{ 
	padding:4px 0px 0px 0px;
}
ul#filterOptions li a {
	height:21px;
	padding:5px 10px 0px 10px;
	background:#c4c4c4;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	display:block;
	border-radius:3px;
}
ul.ourHolder {
	width:985px;
	overflow:hidden;
}
li.item .hoverlinks a.mag{
	width:31px;
	height:32px;
	background:url(../images/magcircle.png);
	float:left;
	display:inlin-block;
	margin-right:5px;
}
li.item .hoverlinks a.link{
	width:31px;
	height:32px;
	background:url(../images/link.png);
	display:inline-block;
}
li.item:hover .caption{
	display:none !important;
}
li.item:hover .hoverlinks{
	display:block !important;
}
/*
=======================================================================
	Gallery - Two Column Rules
=======================================================================
*/
.twocolgal{
	float:left;
}
.twocolgal li.item{
	width:470px;
	height:256px;
	float:left;
	overflow:hidden;
	margin:0px 10px 15px 0px;
	padding:4px;
	background:#f8f8f8;
	border:#e5e5e5 solid 1px;
	float:left;
}
.twocolgal li.item .caption{
	width:450px;
	height:23px;
	padding:7px 10px 0px 10px;
	float:left;
	background:url(../images/dblack.png);
	float:left;
	position:absolute;
	margin:-33px 0px 0px 0px;
	color:#FFF;
}
.twocolgal li.item .hoverlinks{
	width:270px;
	height:156px;
	padding:100px 0px 0px 200px;
	background:url(../images/dblack.png);
	float:left;
	position:relative;
	margin:-259px 0px 0px 0px;
	display:none;
	z-index:99;
	float:none;
}
/*
=======================================================================
	Gallery - Three Column Rules
=======================================================================
*/
.threecolgal{
	float:left;
}
.threecolgal li.item{
	width:308px;
	height:190px;
	float:left;
	overflow:hidden;
	margin:0px 10px 10px 0px;
	padding:4px;
	background:#f8f8f8;
	border:#e5e5e5 solid 1px;
	float:left;
}
.threecolgal li.item .caption{
	width:288px;
	height:23px;
	padding:7px 10px 0px 10px;
	float:left;
	background:url(../images/dblack.png);
	float:left;
	position:absolute;
	margin:-33px 0px 0px 0px;
	color:#FFF;
}
.threecolgal li.item .hoverlinks{
	width:188px;
	height:110px;
	padding:80px 0px 0px 120px;
	background:url(../images/dblack.png);
	float:left;
	position:absolute;
	margin:-193px 0px 0px 0px;
	display:none;
}
/*
=======================================================================
	Gallery - Four Column Rules
=======================================================================
*/
.fourcolgal{
	float:left;
}
.fourcolgal li.item{
	width:225px;
	height:128px;
	float:left;
	overflow:hidden;
	margin:0px 10px 10px 0px;
	padding:4px;
	background:#f8f8f8;
	border:#e5e5e5 solid 1px;
	float:left;
}
.fourcolgal li.item .caption{
	width:205px;
	height:23px;
	padding:7px 10px 0px 10px;
	float:left;
	background:url(../images/dblack.png);
	float:left;
	position:absolute;
	margin:-33px 0px 0px 0px;
	color:#FFF;
}
.fourcolgal li.item .hoverlinks{
	width:145px;
	height:78px;
	padding:50px 0px 0px 80px;
	background:url(../images/dblack.png);
	float:left;
	position:absolute;
	margin:-131px 0px 0px 0px;
	display:none;
}
/*
=======================================================================
	Gallery - Four Column Rules
=======================================================================
*/
.galleryfull {
	width:100%;
	float:left;
	background:#FFF;
	-moz-box-shadow:0px 0px 1px 1px #E3E3E3;
	-webkit-box-shadow:0px 0px 1px 1px #E3E3E3;
	box-shadow:0px 0px 1px 1px #E3E3E3;
}

.galleryfull .heading {
	margin-bottom:0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	height: 25px;
	width:98%;
	font-size: 16px;
}

.gallerysmall {
	width:100%;
	float:left;
	background:#FFF;
	-moz-box-shadow:0px 0px 1px 1px #E3E3E3;
	-webkit-box-shadow:0px 0px 1px 1px #E3E3E3;
	box-shadow:0px 0px 1px 1px #E3E3E3;
}

.gallerysmall .heading {
	margin-bottom:0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	height: 25px;
	width:715px;
	font-size: 16px;
}

.galsidebarfull{
	float:left;
	padding:0 0 0 5px;
    width:100%;
	border:none;
}
.galsidebarfull ul.ourHolder {
	width:95%;
	margin-top:10px;
	margin-bottom:10px;
}
.galsidebarfull li.item{
	width:225px;
	height:150px;
	float:left;
	overflow:hidden;
	background:#f8f8f8;
	border:#e5e5e5 solid 1px;
	float:left;
	margin-top: 0px;
	margin-right: 6px;
	margin-bottom: 5px;
	margin-left: 2px;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
}
.galsidebarfull li.item .caption{
	width:205px;
	height:30px;
	padding:7px 10px 0px 10px;
	float:left;
	background:url(../images/dblack.png);
	float:left;
	position:absolute;
	margin:-33px 0px 0px 0px;
	color:#FFF;
	font-weight: bold;
	text-align: center;
}
.galsidebarfull li.item .hoverlinks{
	width:145px;
	height:100px;
	background:url(../images/dblack.png);
	float:left;
	position:absolute;
	display:none;
	margin-top: -148px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 50px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 80px;
}


.galsidebar{
	float:left;
	padding:0 0 0 5px;
    width:730px;
}
.galsidebar ul.ourHolder {
	width:730px;
	margin-top:10px;
	margin-bottom:10px;
}
.galsidebar li.item{
	width:225px;
	height:150px;
	float:left;
	overflow:hidden;
	background:#f8f8f8;
	border:#e5e5e5 solid 1px;
	float:left;
	margin-top: 0px;
	margin-right: 6px;
	margin-bottom: 5px;
	margin-left: 2px;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
}
.galsidebar li.item .caption{
	width:205px;
	height:30px;
	padding:7px 10px 0px 10px;
	float:left;
	background:url(../images/dblack.png);
	float:left;
	position:absolute;
	margin:-33px 0px 0px 0px;
	color:#FFF;
	font-weight: bold;
	text-align: center;
}
.galsidebar li.item .hoverlinks{
	width:145px;
	height:100px;
	background:url(../images/dblack.png);
	float:left;
	position:absolute;
	display:none;
	margin-top: -148px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 50px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 80px;
}

/*
=======================================================================
	Footer Rules
=======================================================================
*/
#footer {
	width:1020px;
	
	
}
#footer .inner{
	width:1020px;
	
	
}



/*
=======================================================================
	Sponsers Rules
=======================================================================
*/
.sponsers {
	width:100%;
	background:url(../images/sponserbg.gif) repeat-x top;
	padding:0px 0px 0px 0px;
}
.sponsers .sponinner{
	width:1000px;
	margin:0px auto;
}
.sponsers h5{
	width:936px;
	height:18px;
	padding:7px 0px 0px 45px;
	margin:0px 0px 0px 10px;
	background:url(../images/sponsertop.gif) no-repeat;
	text-transform:uppercase;
}
.sponsers .spnscrousal{
	width:992px;
	height:112px;
	padding:0px 4px 0px 4px;
	background:#fff;
	border-radius:5px;
	-moz-box-shadow:0px 2px 1px 1px #E3E3E3;
	-webkit-box-shadow:0px 2px 1px 1px #E3E3E3;
	box-shadow:0px 2px 1px 1px #E3E3E3;
}
.carouselsec_wrapp {
	width: 935px;
	position: relative;
	margin:0px 0px 0px 30px;
}
.carouselsec_wrapp ul li {
	display:block;
	float:left;
	height: 94px;
	width: 120px;
	padding:10px 7px 0px 7px;
}
.carouselsec_wrapp ul li a img {
	display:block;
	height: 94px;
	width: 120px;
}
.sponsers #controls{
	margin:-94px 0px 0px 0px;
	display:block;
	position:absolute;
	width:992px !important;
	background:#639;
}
.sponsers #controls a{
	float:left;
	border-left:#e0e0e0 solid 1px;
}
.sponsers #controls a.prevBtn{
	display: block;
	width: 23px;
	height: 102px;
	background: url(../images/sponserarrow.png) no-repeat 0 0;
	text-indent: -999px;
	position: absolute;
	top: 4px;
	cursor: pointer;
	border:#d1d1d1 solid 1px;
	border-radius:2px;
	float:left;
}
.sponsers #controls a.nextBtn{
	display: block;
	width: 23px;
	height: 102px;
	background: url(../images/sponserarrow.png) no-repeat -23px 0;
	text-indent: -999px;
	position: absolute;
	top: 4px;
	cursor: pointer;
	border:#d1d1d1 solid 1px;
	border-radius:2px;
	float:left;
	margin:0px 0px 0px 0px;
	right:0px;
}
.sponsers #controls a.prevBtn:hover{
	background-position: 0 -102px;
	border-radius:2px;
}
.sponsers #controls a.nextBtn:hover{
	background-position: -23px -102px;
	border-radius:2px;
}
/*
=======================================================================
	Footer widget Rules
=======================================================================
*/
.footerwidgets {
	width:1000px;
	float:left;
	padding:0px 0px 10px 0px;
}
.footerwidgets .widget{
	width:235px;
	float:left;
	background:url(../images/foot_sep.png) no-repeat left center;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
	margin-top:15px;
	padding-left:11px;
	margin-left:9px;
}
.footerwidgets .first{
	background:none;
	padding-left:0px;
	margin-left:0px;
}
.footerwidgets .widget .headng{
	width:100%;
	height:25px;
	padding:0px 0% 5px 0%;
	float:left;
	background:none;
	font-weight:bold;
}
.footerwidgets .textwidget{
	width:100%;
	padding:0px;
	float:left;
}
/*
=======================================================================
	Footer widget - Get Social Rules
=======================================================================
*/
.getsocial{
	width:100%;
	float:left;
	min-height:140px;
}
.getsocial ul{
	width:100%;
	float:left;
	list-style:none;
}
.getsocial ul li{
	float:left;
	padding:0px 4px 4px 0px;
}
.getsocial ul li a{
	float:left;
}
.getsocial ul li span{
	display:none;
	background:url(../images/rel.png) no-repeat left top;
	height:24px;
	padding:4px 10px 0px 10px;
	color:#FFF;
	position:absolute;
	margin:-26px 0px 0px 5px;
}
.getsocial ul li:hover span{
	display:block;
}
/*
=======================================================================
	Footer widget - Newsletter Rules
=======================================================================
*/
.newsletter{
	width:100%;
	float:left;
}
.newsletter p{
	padding:0px 0px 5px 0px;
}
.newsletter ul{
	list-style:none;
	float:left;
	width:233px;
	height:28px;
	background:#FFF;
	border:#d3d3d3 solid 1px;
	margin:5px 0px 20px 0px;
}
.newsletter ul li{
	float:left;
}
.newsletter ul li input.textfield{
	float:left;
	width:164px;
	height:28px;
	padding:0px 5px;
	line-height:28px;
	background:#FFF;
	border:none;
	color:#666;
}
.newsletter ul li input.go{
	float:left;
	width:58px;
	padding:5px 0px 6px 0px;
	border:none;
	text-align:center;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	font-family: 'Ubuntu', sans-serif;
	display:inline-block;
	margin:1px 1px 0px 0px;
	cursor:pointer;
}
/*
=======================================================================
	Bottom Navigation Rules
=======================================================================
*/
.navi_bottom {
	width:10px;
	float:right;
	background:#FFF;
	padding-top: 5px;
	padding-bottom: 5px;	
}
.navi_bottom ul{
	list-style:none;
	float:left;
}
.navi_bottom ul li{
	float:left;
	padding:0px 10px;
	
}
.navi_bottom ul li:first-child{
	background:none;
	padding-left:0px;
}
.navi_bottom ul li a{
	color:#5e6568;
}
.navi_bottom ul li a:hover{
	color:#0a5f71;
}
/*
=======================================================================
	Copyrights Rules
=======================================================================
*/
#copyright {
	width:100%;
	height:50px;
	color:#FFF;
	margin-top:1px;
-moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.8);
-webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.8);
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.8);
}
	
	
#copyright .inner{
	width:1000px;
	margin:0px auto;
}
#copyright p{
	float:left;
	font-size:12px;
	padding:15px 0px 0px 0px;
}
#copyright a.top{
	float:right;
	width:27px;
	height:27px;
	display:block;
	background:url(../images/top.png) no-repeat;
	margin:15px 0px 0px 0px;
}



#copyright2 {
	width:100%;
	height:32px;
	color:#FFF;
	margin-top:1px;
	-moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.8);
-webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.8);
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.8);
}
	
	
#copyright2 .inner{
	width:1000px;
	margin:0px auto;
}
#copyright2 p{
	float:center;
	font-size:12px;
	padding:7px 0px 0px 0px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}



.breadcrumb {
	width:980px;
	margin:3px 0px 0px 0px;
	font-size:12px;
	font-family:arial;
}
.breadcrumb ul{
	float:left;
	list-style:none;
}
.breadcrumb ul li{
	float:left;
	text-align:center;
	background:url(../images/readmore.gif) no-repeat 0px 3px;
	padding:0px 10px;
}
.breadcrumb ul li:first-child{
	background:none;
	padding-left:0px;
}
.breadcrumb ul li a{
	color:#fff;
}



/*
=======================================================================
	Fancybox Rules
=======================================================================
*/
#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	height: 40px;
	width: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

* html #fancybox-loading {	/* IE6 */
	position: absolute;
	margin-top: 0;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url(../images/fancybox/fancybox.png);
}

#fancybox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000;
	z-index: 1100;
	display: none;
}

* html #fancybox-overlay {	/* IE6 */
	position: absolute;
	width: 100%;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 20px;
	z-index: 1101;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #FFF;
}

#fancybox-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: 0;
	outline: none;
	overflow: hidden;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background-image: url(../images/fancybox/fancybox.png);
	background-position: -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox_error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 7px;
	margin: 0;
}

#fancybox-content {
	height: auto;
	width: auto;
	padding: 0;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}

#fancybox-frame {
	position: relative;
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-title {
	position: absolute;
	bottom: 0;
	left: 0;
	font-family: Arial;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding: 10px 0;
	text-align: center;
	color: #333;
}

.fancybox-title-outside {
	padding-top: 5px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
}

.fancybox-title-over {
	color: #FFF;
	text-align: center;
	font-weight: bold;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url(../images/fancybox/fancy_title_over.png);
	display: block;
}

#fancybox-title-wrap {
	display: inline-block;
}

#fancybox-title-wrap span {
	height: 32px;
	float: left;
}

#fancybox-title-left {
	padding-left: 15px;
	background-image: url(../images/fancybox/fancybox.png);
	background-position: -40px -90px;
	background-repeat: no-repeat;
}

#fancybox-title-main {
	font-weight: bold;
	line-height: 29px;
	background-image: url(../images/fancybox/fancybox-x.png);
	background-position: 0px -40px;
	color: #FFF;
}

#fancybox-title-right {
	padding-left: 15px;
	background-image: url(../images/fancybox/fancybox.png);
	background-position: -55px -90px;
	background-repeat: no-repeat;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background-image: url(../images/fancybox/blank.gif);
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url(../images/fancybox/fancybox.png);
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url(../images/fancybox/fancybox.png);
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible;    /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancy-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancy-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url(../images/fancybox/fancybox-x.png);
}

#fancy-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url(../images/fancybox/fancybox.png);
	background-position: -40px -162px;
}

#fancy-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url(../images/fancybox/fancybox-y.png);
	background-position: -20px 0px;
}

#fancy-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url(../images/fancybox/fancybox.png);
	background-position: -40px -182px; 
}

#fancy-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url(../images/fancybox/fancybox-x.png);
	background-position: 0px -20px;
}

#fancy-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url(../images/fancybox/fancybox.png);
	background-position: -40px -142px;
}

#fancy-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url(../images/fancybox/fancybox-y.png);
}

#fancy-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url(../images/fancybox/fancybox.png);
	background-position: -40px -122px;
}

/* IE */

#fancybox-loading.fancybox-ie div	{ background-image: url(../images/fancybox/fancy_loading.png); }
.fancybox-ie #fancybox-close		{ background-image: url(../images/fancybox/fancy_close.png); width:30px !important; height:30px !important; background-position:-30px 0px; }

.fancybox-ie #fancybox-title-over	{ background-image: url(../images/fancybox/fancy_title_over.png); }
.fancybox-ie #fancybox-title-left	{ background-image: url(../images/fancybox/fancy_title_left.png); }
.fancybox-ie #fancybox-title-main	{ background-image: url(../images/fancybox/fancy_title_main.png); }
.fancybox-ie #fancybox-title-right	{ background-image: url(../images/fancybox/fancy_title_right.png); }

.fancybox-ie #fancybox-left-ico		{ background-image: url(../images/fancybox/fancy_nav_left.png); width:30px !important; height:30px !important; background-position:-30px 0px !important;  }
.fancybox-ie #fancybox-right-ico	{ background-image: url(../images/fancybox/fancy_nav_right.png); width:30px !important; height:30px !important; background-position:-30px 0px !important; }

.fancybox-ie .fancy-bg { background: transparent !important; }

.fancybox-ie #fancy-bg-n	{ background-image: url(../images/fancybox/fancy_shadow_n.png);}
.fancybox-ie #fancy-bg-ne	{ background-image: url(../images/fancybox/fancy_shadow_ne.png);}
.fancybox-ie #fancy-bg-e	{ background-image: url(../images/fancybox/fancy_shadow_e.png);}
.fancybox-ie #fancy-bg-se	{ background-image: url(../images/fancybox/fancy_shadow_se.png);}
.fancybox-ie #fancy-bg-s	{ background-image: url(../images/fancybox/fancy_shadow_s.png);}
.fancybox-ie #fancy-bg-sw	{ background-image: url(../images/fancybox/fancy_shadow_sw.png);}
.fancybox-ie #fancy-bg-w	{ background-image: url(../images/fancybox/fancy_shadow_w.png);}
.fancybox-ie #fancy-bg-nw	{ background-image: url(../images/fancybox/fancy_shadow_nw.png);}
/*
=======================================================================
	Style Switcher
=======================================================================
*/
.styles {
	padding-right: 10px;	
}
.styles ul{
	list-style:none;
}
.styles ul li{
	padding-top:5px;
}
.styles ul a{
	display:block;
	width:15px;
	height:15px;
	border:#ccc solid 1px;
}
.styles ul a.blue{
	background:#1f89a0;
}
.styles ul a.dblue{
	background:#00417e;
}
.styles ul a.red{
	background:#af0101;
}
.styles ul a.gray{
	background:#282828;
}
.styles ul a.green{
	background:#7ea103;
}
.styles ul a.orange{
	background:#cc3d05;
}


.headline_news{

	width:40%;
}

/*******************************************************************
 * 	BUAT GALERI
*******************************************************************/
.ad-gallery {
  width:540px;

}


.ad-gallery .ad-image-wrapper {
  height: 300px;
  
  
}

.ad-gallery, .ad-gallery * {
  margin: 0;
  padding: 0;
}
  .ad-gallery .ad-image-wrapper {
    width: 100%;
    height: 400px;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
  }
    .ad-gallery .ad-image-wrapper .ad-loader {
      position: absolute;
      z-index: 10;
      top: 48%;
      left: 48%;
      border: 1px solid #CCC;
    }
    .ad-gallery .ad-image-wrapper .ad-next {
      position: absolute;
      right: 0;
      top: 0;
      width: 25%;
      height: 100%;
      cursor: pointer;
      display: block;
      z-index: 100;
    }
    .ad-gallery .ad-image-wrapper .ad-prev {
      position: absolute;
      left: 0;
      top: 0;
      width: 25%;
      height: 100%;
      cursor: pointer;
      display: block;
      z-index: 100;
    }
    .ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {
      /* Or else IE will hide it */
      background: url(../images/non-existing.jpg)\9
    }
      .ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
        background: url(../images/ad_prev.png);
        width: 30px;
        height: 30px;
        display: none;
        position: absolute;
        top: 47%;
        left: 0;
        z-index: 101;
      }
      .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
        background: url(../images/ad_next.png);
        width: 30px;
        height: 30px;
        right: 0;
        left: auto;
      }
    .ad-gallery .ad-image-wrapper .ad-image {
      position: absolute;
      overflow: hidden;
      top: 0;
      left: 0;
      z-index: 9;
    }
      .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
	position: absolute;
	bottom: 0px;
	left: 0px;
	padding: 7px;
	text-align: left;
	width: 100%;
	z-index: 2;
	background: url(../images/opa75.png);
	color: #000;
	line-height: normal;
      }
      * html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
        background: none;
        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='opa75.png');
      }
        .ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {
          display: block;
        }
  .ad-gallery .ad-controls {
    height: 20px;
  }
    .ad-gallery .ad-info {
      float: left;
    }
    .ad-gallery .ad-slideshow-controls {
      float: right;
    }
      .ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop {
        padding-left: 5px;
        cursor: pointer;
      }
      .ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {
        padding-left: 5px;
        font-size: 0.9em;
      }
    .ad-gallery .ad-slideshow-running .ad-slideshow-start {
      cursor: default;
      font-style: italic;
    }
  .ad-gallery .ad-nav {
	width: 100%;
	position: relative;
	
  }
    .ad-gallery .ad-forward, .ad-gallery .ad-back {
      position: absolute;
      top: 0;
      height: 100%;
      z-index: 10;
    }
    /* IE 6 doesn't like height: 100% */
    * html .ad-gallery .ad-forward, .ad-gallery .ad-back {
      height: 100px;
    }
    .ad-gallery .ad-back {
      cursor: pointer;
      left: -17px;
      width: 13px;
      display: block;
      background: url(../images/ad_scroll_back.png) 0px 18px no-repeat;
    }
    .ad-gallery .ad-forward {
      cursor: pointer;
      display: block;
      right: -14px;
      width: 13px;
      background: url(../images/ad_scroll_forward.png) 0px 18px no-repeat;
    }
    .ad-gallery .ad-nav .ad-picgals {
	overflow: hidden;
	width: 100%;
	
    }
      .ad-gallery .ad-picgals .ad-picgal-list {
        float: left;
        width: 9000px;
        list-style: none;
      }
        .ad-gallery .ad-picgals li {
          float:left;
          padding-right: 4px;
        }
          .ad-gallery .ad-picgals li a {
            display: block;
          }
            .ad-gallery .ad-picgals li a img {
	border: 2px solid #A3A3A3;
	display: block;
	border: 2px solid #000;height: 50px; width: 79px;
            }
            .ad-gallery .ad-picgals li a.ad-active img {
              border: 2px solid #000;height: 50px; width: 79px;
            }
/* Can't do display none, since Opera won't load the images then */
.ad-preloads {
  position: absolute;
  left: -9000px;
  top: -9000px;
}

  .example {
    border: 1px solid #CCC;
    background: #f2f2f2;
    padding: 10px;
  }
  
  ul {}
  
  pre {
    font-family: "Lucida Console", "Courier New", Verdana;
    border: 1px solid #CCC;
    background: #f2f2f2;
    padding: 10px;
  }
  code {
    font-family: "Lucida Console", "Courier New", Verdana;
    margin: 0;
    padding: 0;
  }

  #gallery {
	padding: 20px;
	background: #ddd;
	background:#EFEFEF;
	margin-top: -5px;
	width: 695px;
}
	 


/*******************************************************************
 * AKHIR BUAT GALERI
*******************************************************************/
.namakomen{
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: -3px;
}





.isiagenda{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: normal;
	text-align:justify;
	
}

.isiagenda br {
    display: block;
    margin-bottom: 2px;
    font-size:2px;
    line-height: 2px;
}

  
.fbluar1 {
	background-color:#Fff;
	width:250px;
	height:310px;
	
  }
 .fbdalam1{
    height:305px;
    overflow:hidden;

  }
  
  
  
.fbluar2 {
	background-color:#fff;
	width:250px;
	height:218px;
	

  }
 .fbdalam2{
    height:220px;
    overflow:hidden;
  }  
  
.fbkomluar {
	background-color:#fff;
	width:735px;
	height:80px;
  }
 .fbkomdalam{
    height:75px;
    overflow:hidden;
  }
  

.marginpoling {
   padding-bottom:5px;

  }
  
.poling {
	font-size: 12px;
	font-family: arial;
	font-weight: bold;
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom:1px solid #ebebeb;
  }
  
  .poling2 {
	font-size: 12px;
	font-family: arial;
	
  }
  
    .marginalbum {
	margin-left:24px;
	margin-top:-5px;
	margin-bottom:-25px;
	
  }
  
  
 .captcha {
	margin-left:95px;}
  
  
 .captcha2 {
	margin-left:170px;}
  
  
  
   .blumada {
	margin-left:15px;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top:20px;	
  }
  
  
   .blumada2 {
	font-size: 14px;
	font-weight: bold;
	width: 500px;
	height:45px;
	margin-left:15px;
	text-align:center;
  }
  
  
  
.margin_pencarian {
	font-size: 14px;
	font-weight: bold;
	margin-left:15px;
  }
  
  
  
  
  
  
  #simplemodal-caption {
	font-size: 12px;
	background-color: #000;
	color: #fff;
	text-align: center;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
}

#simplemodal-overlay {
    background-color: #000;
    cursor: wait;
}

#simplemodal-container {
    border: 5px solid #444;
  	margin-bottom: -10px;

}

#simplemodal-container a.modalCloseImg {
	width: 102px;
	height: 25px;
	display: inline;
	z-index: 3200;
	position: absolute;
	top: -25px;
	right: 0px;
	cursor: pointer;
	background-image: url(../images/close.png);
	background-repeat: no-repeat;
}




 #beritahome .heading {
	margin-bottom:0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	height: 25px;
	width:451px;
	font-size: 16px;
}


    #beritahome {
        padding: 0;
        margin: 0;
    }
    #beritahome li {
	width: 450px;
	border: 1px solid #eee;
	background-color: #F9F9F9;
	background-image: none;
	float: left;
	clear: both;
	list-style: none;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
    }
    #beritahome a {
        text-decoration: none;
        color: #999;
        font-size: 0.85em;
    }
    #beritahome img {
        display: block;
        float: left;
        border: 1px #ccc solid;
        background: white;
        padding: 3px;
        margin: 0 10px 0 0;
    }
    #beritahome h1 {
        padding: 5px 0 0 0;
        margin: 0;
      padding-bottom:4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color:#000;
    }
    #beritahome p {
	margin: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
    }
	
	
	
.berdata{
	padding-right: 0px;
	padding-bottom: 3px;
	width:468px;
	
}

.berdata .baca{
	float:left;
	padding-top: 2px;
	padding-bottom: 5px;
	font-size: 11px;
}
.berdata .tanggal{
	padding-bottom: 0px;
	float:left;
	padding-top: 2px;
	font-size: 11px;
}

.berdata .komen{
	padding-bottom: 0px;
	float:left;
	padding-top: 2px;
	font-size: 11px;
}


.berdata .play{
	float:left;
	padding-top: 2px;
	padding-bottom: 5px;
	font-size: 11px;
}

.box-border {
   	border: 0 solid #000;
   	background: #ccc;
   	border-radius: 7px;
 	box-shadow: inset -5px 5px 10px 1px #333;
   /* Inset Luar Dalam
     Posisi X
        Posisi Y
        Blur
        Spread
      Color
   */
  	padding: 10px;
}

.box2-border2 {
   	background:#0CF;
    border:2px solid #F90;
 
    /* Property untuk membuat sudut lengkung : */
    
    -moz-border-radius:100%; /* Firefox */
    border-radius:100%;
 /* Property untuk bayangan : */
    -moz-box-shadow: 4px 4px 10px #999; /* Firefox */
    -webkit-box-shadow: 4px 4px 10px #999; /* Safari and Chrome */
    box-shadow: 4px 4px 10px #999;
}

.section{
 margin: 100px auto;
}

.section-img{
	border-radius: 100%;
	border: 10px solid #fff;
}