#wrap {
	background-color: #DBDBDB;
	width: 950px;
}


#header {
	height: 140px;
	width: 950px;
	background:#0F3CA2 url(images/heade-blue.jpg) repeat-x left bottom;
	overflow: hidden;
}

#head-left {
	float: left;
	width: 300px;
	padding-left: 20px;

}

.logoex {
	background-image: url(images/logo.png);
	background-repeat: no-repeat;
	height: 68px;
	width: 283px;
	float: left;
	margin-top: 10px;
	margin-left: 10px;
}

#info {
	float: left;
	width: 273px;
	margin-top: 10px;
	margin-left: 10px;
	font-weight: bolder;
	padding-left: 10px;
}
.info  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bolder;
}
.info a  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bolder;
}

#head-right {
	float: right;

}

.plangex {
	background-image: url(images/plang.png);
	background-repeat: no-repeat;
	width: 400px;
	background-position: right top;
	height: 140px;
	overflow: hidden;
}

#navex {
	background: #142D64 url(images/bwh-header.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	height: 20px;
	padding-top: 10px;
	padding-bottom: 5px;
	padding-left: 25px;
	width: 925px;
	text-align: left;

}

.menuex {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 150%;
}

.menuex a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #245586;
	text-decoration: none;
}

.menuex a:hover {
	text-decoration: underline;
	color: #FF3300;

}

#befor-footerex {
	background-color: #9C1E00;
	height: auto;
	width: 950px;
	background:#1645AF url(images/map.png) no-repeat center 20px;
	padding-bottom: 15px;
}

#judul-reseller {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
	width: 930px;
	padding-top: 10px;
	height: 40px;

}

.res-start {
	background-image: url(images/left-top.png);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	width: 7px;
	height: 30px;

}

.res-cent {
	width: 906px;
	height: 25px;
	background-repeat: repeat-x;
	background-position: right top;
	float: left;
	background-image: url(images/res-cent.jpg);
	background-color: #FFFFFF;
	padding-top: 5px;
	text-align: left;
	padding-left: 10px;

}

.res-end {
	width: 7px;
	height: 30px;
	background-repeat: no-repeat;
	background-position: right top;
	float: right;
	background-image: url(images/right-top.png);
}

.list-reseler {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 150%;
}

.list-reseler a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.list-reseler a:hover {
	text-decoration: underline;
	color: #FF0000;
}
#info-reseller {
	height: 40px;
	margin-top: 15px;
	width: 650px;
	border: 1px dashed #FFFFFF;
	padding: 10px;
}
.info-reseller-text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	line-height: 150%;
}
.info-reseller-text a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	line-height: 150%;
	text-decoration: none;
}
.info-reseller-text a:hover{
	text-decoration: underline;
	color: #FF0000;
}

#footerex {
	background-color: #333333;
	height: 50px;
	width: 950px;
	text-align: left;
	padding-top: 25px;
}

.foot-text {
	margin-bottom: 3px;
	padding-top: 3px;
	padding-bottom: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	padding-left: 20px;

}

.foot-text a{
	margin-bottom: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	text-decoration: none;
	color: #9C1E00;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;

}

.foot-text a:hover{
	text-decoration:underline;

}

#content-left {
	float: left;
	height: auto;
	width: 600px;
	padding: 10px 0 10px 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	text-align: justify;
	line-height: 150%;

}



#contentex {
	width: 950px;
	overflow: auto;
}

.contentex {
	width: 950px;
	overflow: visible;
}

.searching {
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;

}



.singgle-content {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #333333;
	text-decoration: none;
	width: 600px;

}

#singgle-content {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #333333;
	text-decoration: none;
	width: 600px;
}

.content-judul-top {
	background: url(images/bg-top-content-jdul-blue.jpg) no-repeat left top;
	height: 15px;
	width: 596px;
}

.content-judul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #ffffff;
	text-decoration: none;
	text-align: left;
	height: 20px;
	background: url(images/bg-top-content-jdul-blue.jpg) no-repeat left top;
	width: 582px;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 15px;
}

.content-artikel {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	text-align: justify;
	width: 566px;
	height: auto;
	padding: 15px;
	background:#FFFFFF url(images/bg-content-artikel.jpg) left bottom no-repeat;

}

.quotes {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: italic;
	line-height: 150%;
	font-weight: bold;
	color: #073190;
	text-decoration: none;
	padding:10px 0 0 50px;
	text-align: left;
	background-image: url(images/bg-quotes.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.content-artikel img {

	border: 1px dotted #891A01;
	padding: 3px;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 10px;

}

/* start css buat single page */

.content-judul-single {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #ffffff;
	text-decoration: none;
	text-align: left;
	height: 20px;
	background: url(images/bg-top-content-jdul-blue-single.jpg) no-repeat left top;
	width: 915px;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 15px;
}

.content-artikel-single {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #333333;
	text-decoration: none;
	text-align: justify;
	width: 900px;
	height: auto;
	padding: 15px;
	background:#FFFFFF url(images/bg-content-artikel-single.jpg) left bottom no-repeat;
	line-height: 130%;
}
.content-artikel-single img {

	border: 1px solid #1645AF;
	padding: 3px;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 10px;

}

/* end buat single page */





#sidebarnya {

	float: right;
	height: auto;
	padding: 10px 10px 10px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	text-align: justify;
	line-height: 150%;

}

.sidebar-judul-top {

	height: 15px;
	width: 320px;
	background: url(images/side-top-bg-blue.jpg) no-repeat top right;
}

.sidebar-judul {
	background: url(images/side-top-bg-blue.jpg) no-repeat top right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-align: left;
	width: 305px;
	height: 20px;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 15px;
}

.sidebar-artikel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	text-align: justify;
	width: 290px;
	height: auto;
	background:#FFFFFF url(images/bg-content-artikel.jpg) left bottom no-repeat;
	padding: 15px;
	margin-bottom: 10px;

}

.ganjil {
	margin-bottom: 3px;
	padding-top: 3px;
	padding-bottom: 5px;

}

.ganjil a{
	margin-bottom: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	text-decoration: none;
	color: #073190;

}

.ganjil a:hover {
	color: #FF0000;
	text-decoration: underline;
}

.genap {
	margin-bottom: 3px;
	padding-top: 3px;
	padding-bottom: 5px;
	border-top: 1px dotted #1645AF;
	border-bottom: 1px dotted #1645AF;

}

.genap a{
	margin-bottom: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	text-decoration: none;
	color: #073190;

}

.genap a:hover {
	color: #FF0000;
	text-decoration: underline;
}

.icongroups {
	margin-bottom: 3px;
	padding-top: 3px;
	padding-bottom: 5px;

}
.datex {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #1645AF;
	text-decoration: none;
	font-weight: bold;
}
.icongroups a{
	margin-bottom: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	text-decoration: none;
	color: #9C1E00;

}

.icongroups a:hover {

	color: #666666;

}
.judul-topik {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #06318F;
	text-decoration: none;
	line-height: 125%;
	padding-bottom: 5px;
	margin-bottom: 10px;
	margin-top: 5px;
}


.selanjutnya a{
	color: #FF0000;
	text-decoration: none;
}
.selanjutnya a:hover {
	text-decoration: underline;
	color: #FF6600;
}
.judul-topik a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #06318F;
	text-decoration: none;
}
.judul-topik a:hover {
	color: #FF3300;
	text-decoration: underline;
}
#sec-kiri-left {
	width: 293px;
	margin-top: 10px;
	float: left;
	margin-right: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.sec-kiri-left-jdul {
	background-image: url(images/bg-top-sec.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #FFFFFF;
}
.sec-kiri-left-text {
	background-color: #FFFFFF;
	width: 263px;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 40px;
	padding-left: 15px;
	background-image: url(images/bg-sec-text.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-bottom: 5px;
	text-align: left;
}
.sec-kiri-left-text a {
	color: #1541AA;
	text-decoration: none;
	font-weight: bold;
}
.sec-kiri-left-text a:hover {
	color: #FF0000;
	text-decoration: underline;
}

.sec-sub-jdul {
	font-weight: bold;
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #003399;
}

#sec-kiri-right {
	width: 293px;
	margin-top: 10px;
	float: right;
}
.sec-kiri-right-jdul {
	background-image: url(images/bg-top-sec.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 12px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #FFFFFF;
}
.sec-kiri-right-text {
	background-color: #FFFFFF;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 40px;
	padding-left: 15px;
	background-image: url(images/bg-sec-text.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-bottom: 5px;
	text-align: left;
}
.sec-kiri-right-text a {
	color: #1541AA;
	text-decoration: none;
	font-weight: bold;
}
.sec-kiri-right-text a:hover {
	color: #FF0000;
	text-decoration: underline;
}