@charset "utf-8";

a:link,a:visited,a:active
{
	color: #666;
}

a:hover
{
	color: #00F;
}



 h4
{
	text-align: justify;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	font-size: 11px;
	font-weight: normal;
	color: #006;
}
a{
}

.linkBawah ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	color: #FFF;
	text-transform: uppercase;
	text-decoration: none;
 }


.linkBawah ul  a:active,ul a:link ,ul a:visited{
	color: #FFF;
	text-decoration: none;
 }
.linkBawah ul a:hover{
	color: #999;	 
 }
.linkBawah li a:hover,li  a:active,li a:link {
	color: #CCC;
	text-decoration: none;
 }
 

 
 
.linkBawah li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCC;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	text-decoration: none;
}

.logo
{
	float: left;
	height: 68px;
	width: 100px;
	background-image: url(../images/header/logokiri.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}
.logoText1
{
	width: 400px;
	padding: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #003;
	text-align: left;
	float: left;
}

.logoText2
{
	height: 15px;
	width: 300px;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #003;
	float: left;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-weight: normal;
	margin: 0px;
}







p {
	padding-left: 35px;
	font-size: 90%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 3px;
	background-color: #616161;
	color: #FFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	text-transform: uppercase;
	height: 20px;
	background-image: url(../images/main/ikon.gif);
	background-repeat: no-repeat;
	background-position: left center;
}



h1
{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #F00;
	font-weight: bold;
}

h2 {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-transform: capitalize;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #333;
}
/* header*/
.header
{
	width: 900px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #333;
	height: 68px;
	background-position: center bottom;
	background-repeat: no-repeat;
	padding: 0px;
	background-image: url(../images/header/logoBar.png);
}
.menu
{
	width: 900px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #000;
	height: 30px;
	background-position: right top;
	background-repeat: no-repeat;
	padding: 0px;
	background-image: url(../images/btn3.jpg);
}
.header2
{
	width: 900px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #009;
	height: 150px;
	background-position: center center;
	background-repeat: no-repeat;
	float: left;
	padding-top: 40px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.header3
{
	width: 900px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #009;
	height: 30px;
	background-position: center center;
	background-repeat: no-repeat;
	float: left;
	padding-top: 190px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}


.Wrap
{
	width: 930px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 10px;
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #333;
}

.headerTopik
{
	height: 200px;
	width: 200px;
	margin-right: auto;
	margin-left: 20px;
	margin-top: 20px;
	color: #FFF;
}
/*body*/
.bodyWrap1
{
	width:900px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	background-color: #FFF;
	overflow: auto;
}

.linkBawah
{
	width:150px;
	margin-right: auto;
	margin-left: auto;
	height: 180px;
	float: left;
	margin-top: 0px;
	margin-bottom: 0px;
}
.linkBawah2
{
	margin-right: 25px;
	margin-left: auto;
	float: right;
	margin-top: 35px;
	margin-bottom: 0px;
}
#alamat {
	width: 890px;
	background-color: #000;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(../images/footer/footer2.png);
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}


.bodyWrap3
{
	width:900px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	background-color: #FFF;
	overflow: auto;
}

.bodyWrap4
{
	width:900px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	height: 180px;
	background-color: #666;
	margin-bottom: 0px;
}

.bodyWrap5
{
	width:900px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	background-color: #FFF;
	overflow: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
.bodyWrap6
{
	width:900px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	background-color: #FFF;
	overflow: auto;
}
.bodyWrap6 h2 {
	text-transform: capitalize;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #333;
	margin: 0px;
}
#poorisSin {
	height: 520px;
	width: 240px;
	float: left;
}
#komentarAnec {
	height: 250px;
	width: 600px;
	margin-left: 10px;
	float: right;
	overflow: auto;
	margin-right: 40px;
}


.bodyWrap7
{
	width:900px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	background-color: #FFF;
	padding-bottom: 10px;
	overflow: auto;
}

.bodyWrapAll7
{
	width:900px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	background-color: #FFF;
	padding-bottom: 10px;
	overflow: auto;
}

.bodyWrap7profile
{
	width:900px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	background-color: #FFF;
	padding-bottom: 10px;
	overflow: auto;
}


.bodyWrap7partner
{
	width:900px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	background-color: #FFF;
	padding-bottom: 10px;
	overflow: auto;
}

.bodyWrap73ex
{
	width:900px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	background-color: #FFF;
	padding-bottom: 10px;
	height: 500px;
}

.bodyWrap8
{
	width:580px;
	background-color: #FFF;
	float: left;
	padding: 0px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	border-right-width: thin;
	border-right-style: dashed;
	border-right-color: #CCC;
	overflow: auto;
}
.style5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
}

.bodyWrap8Counselling
{
	width:900px;
	background-color: #FFF;
	float: left;
	padding: 0px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	border-right-width: thin;
	border-right-style: dashed;
	border-right-color: #CCC;
	overflow: auto;
}
.bodyWrap8 strong
{
	color: #006;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}


.bodyWrap9
{
	width:300px;
	background-color: #FFF;
	padding: 0px;
	margin: 0px;
	float: right;
}

.bodyWrap9 a:active,.bodyWrap9 a:visited,.bodyWrap9 a:link {
	color: #009;
	text-decoration: none;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	
}

.bodyWrap9 a:hover{
	color: #00C;
	text-decoration: underline;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
	float: left;
}

.fotoAtas {
	margin: 10px;
	float: left;
}
.fotoHeadlines {
	margin: 10px;
	padding: 0px;
}
.fotoAtasGallery {
	margin: 10px;
	border: medium solid #CCC;
}

.wrapfotoAtasGallery {
	margin: 0px;
	float: left;
	width: 130px;
	height: 180px;
	border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
	border-right-width: thin;
	border-right-style: dashed;
	border-right-color: #CCC;
}

.wrapfotoAtasapp {
	margin: 0px;
	float: left;
	width: 230px;
	height: 180px;
	border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
	border-right-width: thin;
	border-right-style: dashed;
	border-right-color: #CCC;
}

.wrapfotoAtasGallery  h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-weight: normal;
	margin: 0px;
}
.wrapfotoAtasTitikNol {
	margin: 0px;
	float: left;
	width: 200px;
	height: 180px;
	border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
	border-right-width: thin;
	border-right-style: dashed;
	border-right-color: #CCC;
}
.wrapfotoAtasBulletin {
	margin: 0px;
	float: left;
	width: 200px;
	height: 250px;
	border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
	border-right-width: thin;
	border-right-style: dashed;
	border-right-color: #CCC;
}
.wrapfotoAtasletter {
	margin: 0px;
	float: left;
	width: 560px;
}


.wrapfotoAtasletter h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-weight: normal;
	margin: 0px;
}



#textbody {
	padding-right: 10px;
	padding-left: 10px;
	margin-right: 10px;
	margin-left: 10px;
}

.bodyWrap a:hover
{
	color: #F00;
	text-decoration: none;
}

.bodyKananWrap {
	width:340px;
}

.boxKanan {
	width:320px;
	background-color: #E6E6E6;
}
.boxKanan h4 {
	width:0px;
	background-color: #E6E6E6;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 30px;
}


.bodyKananMenu {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	float: left;
}
.bodyKanan {
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	float: right;
	width: 320px;
}

.bodyKanan ul {
	margin: 0px;
	padding: 0px;	
}

.bodyKanan ul  a:active,.bodyKanan ul  a:link ,.bodyKanan ul  a:visited{
	color: #333;
	text-decoration: none;
 }
 
.bodyKanan ul a:hover{
	color: #666;
 }

.bodyKanan h2{
	padding-left: 10px;
}
.bodyKananIsi {
	width:345px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	float: left;
	background-color: #EBEBEB;
	text-align: center;
	color: #009;
	padding-bottom: 5px;
	padding-top: 5px;
}
.bodyKiri
{
	width:540px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	float: left;
	padding: 10px;
	text-align: justify;
	text-decoration: none;
	overflow: auto;
	background-color: #FFF;
}


.bodyKiri2
{
	width:540px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	float: left;
	padding: 0px;
	text-align: justify;
	text-decoration: none;

}
 


.bodyKiriMenu {
	width:530px;
	float: left;
	height: 27px;
	margin: 0px;
	padding-left: 0px;
}
.bodyKiriIsi {
	width:550px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	float: left;
	background-color: #CCC;
	background-repeat: repeat-x;
	text-align: center;
}

fontJudul{
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 14px;
	color: #009;
	text-decoration: none;
}

.bodyKiriWrap {
	width:530px;
	height: auto;
}

.fotoKiri
{
	width:100px;
	height:100px;
	vertical-align: top;
	text-align: center;
	float: left;
	padding-right: 10px;
}

.fotoKiri2
{
	float: left;
	padding-right: 10px;
	padding-left: 10px;
}
.beritaKiri
{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	text-align: left;
	vertical-align: top;
	float: left;
	padding: 10px;
	width: 520px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}

aku {
	font-size:16px;
	font-family: "Lucida Console", Monaco, monospace;
	font-weight: bold;
	color: #F00;
}

#bodyKananIsi p
{
	font-size:36px;
}

.bodyKiriTengah
{
	width:900px;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	float: left;
}

.bodyKiriTengahWrap {
	width:850px;
	height: auto;
}


.bodyKiriTengahMenu {
	float: left;
	height: 27px;
	margin: 0px;
	padding-left: 0px;
	width: 850px;
}
.bodyKiriTengahIsi {
	width:850px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	float: left;
	background-color: #CCC;
	background-repeat: repeat-x;
	text-align: center;
}

.beritaKiriTengah
{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	text-align: left;
	vertical-align: top;
	float: left;
	padding: 10px;
	width: 850px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}

#title
{
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 16px;
	color: #1766B5;
	text-decoration: none;
	font-weight: bold;
	padding-left: 5px;
}

.TengaHBoxKiri {
	float: left;
	height: 420px;
	width: 270px;
	margin-right: 20px;
	border: 1px dotted #CCC;
}

.TengaHBoxKiri h4 {
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
}


.TengaHBoxKiri h2  {
	height: 250px;
	width: 300px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000;
}




.TengaHBoxTengah {
	height: 250px;
	width: 250px;
	float: left;
}
.TengaHBoxKanan {
	float: right;
	height: 420px;
	width: 315px;
}
.bodyWrap2
{
	width:900px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: 430px;
	clear: both;
	background-color: #FFF;
}

hr {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCC;
	margin-bottom: 10px;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 10px;
}