body{
color: #000;
background: #F6F6F6;
text-align:center;
margin: 0px; 
}
a:link, a:visited, a:active{ 
	color: #4465B0; 
	text-decoration: none; 
	font-weight:bold;
}
a:hover {
	text-decoration: none;
	color: #990000;
}
img {border:0;
padding:0;
margin:0;
}
#wrapper{
border:0;
margin:auto;
width: 800px;
background: url(../images/bgmain.jpg) repeat-y #eee;
}
#wrap{
border:0;
margin:auto;
width: 785px;
border:0;
background: transparent;
}	
/*------- begin left css -----------*/	
#main{
float:left;
width: 594px;
border:0px solid #ccc;
background: transparent;
margin:0px;
padding:0 0 0 1px;
}	
#top2{
clear:both;
float:left;
width:594px;
height:209px;
background: url(../images/header.jpg) no-repeat;
text-align:right;
}

#navi {
clear:both;
float:right;
background:  transparent;
color: #FF6600;
width:580px;
height:24px;
border: 0px solid #354463;
padding:40px 6px 0px 0px;
margin:0;
text-align:right;
}

ul#navlist{
font: 10px/1.3em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
font-weight:bold;
list-style: none;
margin:0;
padding:0;
display:inline;
}

ul#navlist li
{
float: right;
background: transparent;
border-top: 0px solid #ddd;
border-right: 0px solid #ddd;
border-left: 0px solid #ddd;
padding-top:0px;
margin:0;
}
  
#navlist a, #navlist a:link  {
float:left;
padding-top: 3px;
padding-bottom: 3px;			
padding-left: 5px;
padding-right: 5px;			
display: block;
color: #000;
text-decoration:none;
background: #ACADB7;
margin:0 0 0 2px;
}
#navlist a:hover {
padding-top: 3px;
padding-bottom: 3px;			
padding-left: 5px;
padding-right: 5px;			
display:block;
background: #ddd;
color: #000;
text-decoration:none;
margin:0 0 0 2px;
}
#content{
clear:both;
float:left;
width: 579px;
text-align:left;
background: transparent;
margin:0px; 
padding: 2px 5px 2px 8px;
border:0px solid #ccc;
font: 11px/1.6em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#0d253e;
border:0px solid #000;
}
#contents p {
clear:both;
float:left;
width:574px;
padding:2px 2px 3px 2px;
margin:0;
text-align:left;
}


.signature{
clear:both;
float:left;
width:564px;
font: 10px/1.6em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#0d253e;
background:#FBFCFD;
border-top:1px dotted #999999;
padding:4px 5px 10px 10px;
margin:6px 0 0 0;
}

#content table {
padding:0;
margin:0;
 font: 11px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
 color:       #000000;
}
.post{
clear:both;
float:left;
width:576px;
padding:0;
margin:0 0 10px 0;
}
.postcont{
clear:both;
float:left;
width:576px;
padding:0;
margin:0 0 10px 0;
text-align:justify;
}
.postcontss ul li{
clear:both;
float:left;
padding:0;
margin:0;
text-align:left;
}
.poststick{
clear:both;
float:left;
width:556px;
margin:0;
padding:5px 10px 10px 10px;
background:#EDF1F1;
}
.signaturestick{
clear:both;
float:left;
width:534px;
font: 10px/1.6em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#0d253e;
background:#FBFCFD;
border-top:1px dotted #999999;
padding:4px 10px 10px 10px;
margin:6px 0 0 0;
}
.formsearch{
clear:both;
float:left;
width:576px;
padding:0;
margin:0 0 10px 0;
text-align:center;
}
.postk{
clear:both;
float:left;
width:576px;
padding:0;
margin:0 0 10px 0;
font: 11px/1.6em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#000;
font-weight:normal;
}
.postk a, .postk a:link, .postk a:visited, .postk a:active  { 
	color: #4465B0; 
	text-decoration: none; 
	font-weight:normal;
}
.postk a:hover {
	text-decoration: none;
	color: #990000;
}

.post p{
clear:both;
float:left;
width:576px;
padding:0;
margin:0 0 5px 0;
}
.katagori{
font: 14px/1.6em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#0d253e;
margin:0;
padding:0;
}
#datamember{
clear:both;
float:left;
width:576px;
padding:0;
margin:0 0 20px 0;
}
#datamember p{
font: 11px/1.6em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#0d253e;
clear:both;
float:left;
width:576px;
padding:0 0 6px 0;
margin:0;
}
.title{
clear:both;
float:left;
width:532px;
font: 16px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
font-weight:bold;
color: #333366;
background: url(../images/write1.gif) no-repeat 4px 1px ;
padding:4px 0 7px 44px;
margin:4px 0 4px 0;
height:23px;
border-bottom:1px dotted #999;
}
.titlec{
clear:both;
float:left;
width:532px;
font: 16px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
font-weight:bold;
color: #000;
background: url(../images/posting.gif) no-repeat 4px 1px #F3F7F9 ;
padding:4px 0 7px 44px;
margin:4px 0 4px 0;
height:23px;
border-bottom:1px dotted #999;
}
.titlekel{
clear:both;
float:left;
width:532px;
font: 16px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
font-weight:bold;
color: #000;
background: url(../images/jkenalan.gif) no-repeat 4px 1px #fff ;
padding:4px 0 7px 44px;
margin:4px 0 4px 0;
height:23px;
border-bottom:1px dotted #999;
}
.titlem{
clear:both;
float:left;
width:532px;
font: 16px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
font-weight:bold;
color: #333366;
background: url(../images/member.gif) no-repeat 4px 1px #E0E8EC;
padding:4px 0 7px 44px;
margin:4px 0 4px 0;
height:23px;
border-bottom:1px dotted #999;
}
.titlek{
clear:both;
float:left;
width:532px;
font: 16px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
font-weight:bold;
color: #333366;
background: url(../images/katagori.gif) no-repeat 4px 1px #E0E8EC;
padding:4px 0 7px 44px;
margin:4px 0 4px 0;
height:23px;
border-bottom:1px dotted #999;
}
.page {
	font-family: verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
	font-weight:normal;
	font-size: 10px; 
	float: left;
	padding:0 0 0 5px ;
	margin: 6px 0 6px 0;
	width: 571px;
	text-align:left;
	border-left: 0px solid #fff;
	background:#eee;
}
#content a:link, #content a:active, #content a:visited{
color:#1B2D7B;
text-decoration: none;
}
#content a:hover {
color:#990000;
text-decoration: none;
background:transparent;
}
.tengah{
	clear:both;
	float:right;
	font: 10px/1.3em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
	BACKGROUND: #F7F7F7; 
	margin:0px 0 5px 0px; 
	WIDTH: 250px; 
	COLOR: #400000;
	padding:0px;
	border:1px solid #B1BDC3;
}
.tengahtitle{
clear:both;
float:left;
width:245px;
font: 11px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
font-weight:bold;
color: #000;
background: #BDC6CA;
padding:2px 0 2px 5px;
margin:0px;
}
.tengah p {
	width:250px;
	height:89px;
	float:left;
	font: 10px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
	BACKGROUND: #F7F7F7; 
	COLOR: #024758;
	font-weight:normal;
	padding:0;
	margin:0;
}

.tengah p img{
float:left;
text-align:center;
margin:2px 5px 2px 1px;
border:0;
padding:0;
}
#bawah{
clear:both;
float:left;
width:576px;
padding:0;
margin:8px 0 8px 0;
border:0px solid #000;
}
#bawah ul{
clear:both;
float:left;
width:276px;
font: 11px/1.3em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
list-style: none;
margin:0;
padding:0;
}

#bawah ul li{
background: #DFE4E9;
display:block;
list-style: none;
padding:3px 0 3px 0px;
border-top:1px solid #eee;
margin:0;
}
  
#bawah li a, #bawah li a:link, #bawah li a:active, #bawah li a:visited  {
padding: 0 0 0 14px;
margin:0;
height:16px;
color: #000000;
text-decoration:none;
background:url(../images/berita.gif) 3px -3px no-repeat #DFE4E9;
display:block;
font-weight:normal;
}

#bawah li a:hover {
padding: 0 0 0 14px;
margin:0;
background:url(../images/berita.gif) 3px -3px no-repeat #EFF2F4;
color: #771F0A;
text-decoration:none;	
font-weight:normal;
	
}
.bawahkiri{
float:left;
width:284px;
margin:0;
padding:2px 2px 4px 2px;
}
.bawahkanan{
float:left;
width:284px;
margin:0;
padding:2px 2px 4px 2px;
}
.box1{
clear:both;
float:left;
width:276px;
margin:0;
padding:2px 4px 4px 4px;
background:#D0D6DC;
}
.box2{
clear:both;
float:left;
width:276px;
margin:0;
padding:2px 4px 4px 4px;
background:#C6D1DC;
}
.judul{
clear:both;
float:left;
width:270px;
padding:3px 0 3px 6px;
background: url(../images/bgtitle.gif) repeat-x #7B95B0;
border: 0;
color:#000;
font: 11px/1.3em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
font-weight:bold;
text-transform:uppercase;
}
.komentar{
clear:both;
float:left;
width:456px;
padding:5px 50px 5px 50px;
margin:10px 0 10px 0;
}
.boxcom{
clear:both;
float:left;
width:436px;
padding:5px 10px 5px 10px;
margin:0;
background:#F3F8FA;
}
.formkomentar {
clear:both;
float:left;
width:356px;
text-align:center;
font-family: verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif; 
font-size: 11px;
padding:10px 100px 10px 100px;
}
.jkom{
clear:both;
float:left;
width:414px;
background:#CED4D8;
padding:5px 10px 5px 10px;
margin:5px 0 2px 0;
font: 15px/1.3em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
font-weight:bold;
border-left:1px solid #7B878F;
border-bottom:1px solid #7B878F;
}
.signaturem{
clear:both;
float:left;
width:416px;
font: 10px/1.6em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#0d253e;
background:#F2F6F8;
border-top:1px dotted #999999;
padding:4px 10px 10px 10px;
margin:6px 0 0px 0;
}
.komentar p{
border:0;
margin:0 0 8px 0;
padding:0;
}
.komentar p img{
border:0px solid #333;
margin:0 0 4px 5px;
padding:2px;
float:right;
}
.login{
clear:both;
float:left;
width:556px;
background:#EEEEEE;
padding:5px 10px 5px 10px;
margin:10px 0 10px 0;
font: 11px/1.3em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
text-align:right;
border-top:1px dotted #999999;
}
/*------- end left css -----------*/

/*------- begin right css -----------*/
 

#rightcontent{
display:block;
height:100%;
margin: 0 0 0 0px;
padding:0 0 0 10px;
float:left;
width:180px;
text-align:left;
border:0;
color:#465375;
background: transparent ;
}
#welcome{
clear:both;
float:left;
width:180px;
height:72px;
padding:0;
margin:0;
}
.member, .member p{
text-align:center;
font-family: verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif; 
font-size: 11px;
margin:8px 0 4px 0;
padding:0; 
}
.members{
text-align:left;
font-family: verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif; 
font-size: 11px;
margin:8px 0 4px 5px;
padding:0; 
}
.sidetitle {
clear:both;
float:left;
width:165px;
margin:0 ;
padding:7px 5px 7px 10px;
background:url(../images/bgtitle.gif) repeat-x #7B95B0;
border:0;
color:#000;
font: 11px/1.3em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
font-weight:bold;
text-align:left;
}	

#rightcontent p {
clear:both;
float:left;
width:178px;
margin:0;
padding:0;
font: 11px/1.3em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#000;
text-align:left;
}
#rightcontent p img{
margin:0;
font: 11px/1.3em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#000;
border:0;
padding:0;
}
#agenda{
clear:both;
float:left;
width:180px;
padding:0;
margin:0;
}
ul#agenda{
list-style: none;
float:left;
width:180px;
}

ul#agenda li {
width:180px;
float: left;
border: 0;
padding:2px 0 2px 0;
}
  
#agenda li a, #agenda li a:link  {
float:left;
padding-top: 3px;
padding-bottom: 3px;			
padding-left: 15px;
padding-right: 5px;
margin:0;	
display: block;
color: #000;
text-decoration:none;
background:url(../images/agenda.gif) 0px 3px no-repeat ;
width:160px;
font: 11px/1.3em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
font-weight:normal;

}
#agenda li a:hover {
width:160px;
padding-top: 3px;
padding-bottom: 3px;			
padding-left: 15px;
padding-right: 5px;
margin:0;		
display:block;
background:url(../images/agenda.gif) 0px 3px no-repeat #D9E3EC;
color: #000;
text-decoration:none;		
}

.btlogin {
background: #ddd;
color:#000;
border:0;
font: 11px/1.3em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
font-weight:bold;
margin:2px;
border:1px solid #ccc;
} 
/* =-=-=-=-=-=-=-[Menu]-=-=-=-=-=-=-=- */

#centermenu {
clear:both;
	float:left;
	text-align: left;
	width: 180px;
	margin: 2px 0 2px 0;
	padding:0;
	border:0;
}
#centermenu ul {
	background: transparent;
	float: right;
	padding:0;
	width: 180px;
	font: 11px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
	font-weight:normal;
	text-align:left;
	margin:0;
	list-style:none;
	border:0;
}
#centermenu li a:link, #centermenu li a:visited, #centermenu li a:active {
	font-weight:bold;
	border-top:1px solid #fff;
	border-left: 10px solid #0E4D77;
	background: #CAD3DB;
	display:block;
	height:14px;
	margin-left:0px;
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 4px;
	text-decoration:none;
	color: #000;
}
#centermenu li a:hover {	
	margin:0;
	color:#000;
	background:#DBE8F8;
	text-decoration:none;
	font-weight:bold;
	border-left: 10px solid #666666;
	padding-top: 5px;
	padding-left: 14px;
	padding-bottom: 4px;
}
.style1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#153543
}
.field {
	font: 10px verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
	font-weight:normal;
	color:#000033;
	border-top:1px solid #C8D4D9;
	border-left:1px solid #C8D4D9;
	border-right:1px solid #E0E9ED;
	border-bottom:1px solid #E0E9ED;
	background:#E8EBEC;
	padding:0;
	margin:0;	
}
.banner{
clear:both;
float:left;
width:140px;
padding:10px 20px 10px 20px;
margin:0;
text-align:center;
}
.banner img{
padding:0;
margin:4px;
}
#shot{
clear:both;
float:left;
width:180px;
margin:5px 0 5px 0;
padding:0;
}
.shots{
clear:both;
float:left;
width:180px;
margin:0px 0 5px 0;
padding:0 0 0px 0;
background: #F7F7F7
}
.btloginr {
background: #E1EBF0;
color:#000;
font: 10px/1.3em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
font-weight:normal;
margin:0px;
padding:0;
border:1px solid #BCD3DE;
} 
.pdate{
clear:both;
float:left;
width:169px;
margin:0;
padding:0px 3px 0px 8px;
font: 9px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#000033;
font-weight:normal;
}
.pname{
clear:both;
float:left;
width:169px;
margin:0;
padding:0 3px 0px 8px;
font: 10px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#333366;
font-weight:bold;
}

.pshot{
clear:both;
float:left;
width:169px;
margin:0;
padding:0 3px 6px 8px;
font: 10px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#000033;
font-weight:normal;
}
.rshots{
clear:both;
float:left;
width:157px;
margin:0px 0 5px 0px;
padding:0 0 0 12px;
}
.rpdate{
clear:both;
float:left;
width:152px;
margin:0;
padding:0px 3px 0px 4px;
font: 9px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#000033;
font-weight:normal;
border-left:1px dotted #8A99B3;
}
.rpname{
clear:both;
float:left;
width:152px;
margin:0;
padding:0 3px 0px 4px;
font: 10px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#333366;
font-weight:bold;
border-left:1px dotted #8A99B3;
}

.rpshot{
clear:both;
float:left;
width:152px;
margin:0;
padding:0 3px 6px 4px;
font: 10px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#000033;
font-weight:normal;
border-left:1px dotted #8A99B3;

}

.pname a:link, .pname a:visited, .pname a:active, .rpname a:link, .rpname a:visited, .rpname a:active{
color:#990000;
text-decoration: none;
}
.pname a:hover, .rpname a:hover {
color:#333366;
text-decoration: none;
background:transparent;
}
.postshout{
clear:both;
float:left;
width:169px;
margin:0;
padding:0 5px 0 6px;
font: 10px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#000000;
}
/* =-=-=-=-=-=-=-[ end Menu]-=-=-=-=-=-=-=- */




/*------- end right css -----------*/
#footer {
	clear: both;
	margin:auto;
	font: 10px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
	font-size: 10px; 
	padding:5px 0px 4px 0;
	width:785px;
	text-align: right;
	color:#333366;
	background: #758FAA;
	border-top:5px solid #E1E9EB;

}
#footer p {
	padding:4px;
	margin:0px;
}

#footer a:link, #footer a:visited{
color:#333366;
text-decoration: none;
}
#footer a:hover {
color:#990000;
text-decoration: none;
background:transparent;
}