body {
	backgroundx: #F0F0FF;
	font:11px Arial;
	color:#333;
	margin:0px;
	text-align:center;
}
h1,h2,h3,h4,h5,h6,h7 {
	margin:0px;
	padding:0px;
} 

a {
	color:#92278F;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}


#container {
	margin: auto;
	width: 760px;
	text-align:left;
}


/*---- Header ----*/
#header {
	margin: auto;
	width: 760px;
	text-align:left;
	height:100px;
	border-bottom:5px solid #737373;
}

#header h2 {
	padding-topxx: 40px;
	font: 14px Times;
	color: #666666;
	position:relative;
}
#header h1 {
	padding-top: 17px;
	font: 30px Times;
	color: #666666;
}
#header h1 strong {
	color: #8781BD;
}
#header h2 strong {
	color: #8781BD;
}
#header #title {
	float: left;
}
#header #pencarian {
	float: right;
	padding-top: 50px;
}
#header #pencarian input.radio {
	background: transparent;
}


/*---- Menu ---*/
#top_menu {
	margin: auto;
	width: 760px;
	text-align:left;
	border-bottom: 0px solid #737373;
	text-align: right;
	padding: 5px 0px 5px 0px;
	font-size: 12px;
}
#top_menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#top_menu ul li {
	float: left;
	margin-right: 10px;
	text-transform: lowercase;
}
#top_menu ul li a {
	color: #A0410D;
}
#top_menu ul li a:hover {
	color: #737373;
	text-decoration:none;
}


/*---- Info ----*/
#info {
	margin: auto;
	width: 760px;
	text-align:left;
	border-top:1px solid #737373;
	padding: 10px 0px 0px 0px;
}
#info_kiri {
	width: 330px;
	float: left;
	border-right:1px solid #737373;
	padding-right: 10px;
}

#info_kiri img {
        width: 60px;
        float: left;
        margin: 0px 10px 0px 0px;
        padding: 5px;
        background: #eee;
        border: #999 1px solid;
        }



#info_kanan ul {
	margin: 0px;
	padding:0px;
}
#info_kanan ul li {
	list-style:none;
	background:transparent url("images/bg_li.gif") no-repeat 0px 5px;
	padding-left:15px;
	margin-left: 5px;
	margin-bottom:2px;
}
#info_kanan {
	width: 400px;
	float: right;
	padding-left: 10px;
	border-left:0px solid #737373;
}
#info_kanan #cari {
	border-bottom: 1px solid #737373;
}
#info_kanan a.more {
	font-weight: bold;
}
#info_besar {
	float: left;
}
#info_besar h3 {
	font: normal 12px arial;
	text-transform: uppercase;
	color: #605CA8;
	padding-bottom: 10px;
}


/*---- Content ----*/
.content {
	margin: auto;
	width: 760px;
	text-align:left;
	border-top:3px solid #737373;
	padding: 10px 0px 20px 0px;
}
.content_kiri {
	width: 175px;
	float: left;
	border-right:1px solid #737373;
	padding-right: 10px;
}
.content_tengah {
	width: 360px;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	border-right:1px solid #737373;
}
.content_tengah_besar {
	width: 735px;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	border-right:0px solid #737373;
}
.content_kanan {
	width: 172 px;
	float: left;
	padding-left: 10px;
}
.content h3 {
	font: normal 14px arial;
	text-transform: uppercase;
	color: #605CA8;
	padding-bottom: 10px;
}
.content h4 {
	color: #605CA8;
	font: normal 11px verdana;
	padding-top: 5px;
	padding-bottom: 5px;
}
.content ul {
	margin: 0px;
	padding:0px;
}
.content ul li {
	list-style:none;
	background:transparent url("images/bg_li.gif") no-repeat 0px 5px;
	padding-left:15px;
	margin-left: 5px;
	margin-bottom:2px;
}
.content p {
	margin: 0px;
	padding: 0px;
	margin-bottom: 10px;
}
.content ol {
	margin: 0px;
	padding:0px;
}
.content ol li {
	margin-left: 15px;
	margin-bottom:10px;
}
.content ol li h5 {
	font: bold 12px verdana;
	margin-bottom: 5px;
}
.content ol li h6 {
	font: 10px arial;
	margin-top: 5px;
}



/*---- Bottom Content ----*/
#bottom_content {
	border-top: 2px solid #aaa;
}
#bottom_left {
	width: 360px;
	float: left;
	padding-right: 10px;
}
#bottom_right {
	width: 360px;
	float: left;
	padding-left: 20px;
}


/*---- comment ----*/
#comment_left {
	width: 200px;
	float: left;
	padding-right: 10px;
}
#comment_leftb {
	width: 300px;
	float: left;
	padding-right: 10px;
}
#comment_right {
	width: 520px;
	float: left;
	padding-left: 20px;
}
#comment_rightb {
	width: 420px;
	float: left;
	padding-left: 20px;
}
#komentarform {
	border: 0;
}
#comment_right ol {
	margin: 0px;
	padding:0px;
}
#comment_right ol li {
	list-style: decimal outside;
	padding-left:5px;
	margin-left: 5px;
	margin-bottom:10px;
}
#comment_right p {
	margin: 0px;
	padding: 0px;
}
#comment_right ol li h5 {
	font: bold 12px verdana;
	margin-bottom: 5px;
}
#comment_right ol li h6 {
	font: 10px arial;
	margin-top: 5px;
}


/*---- box ----*/
.box {
	margin: auto;
	text-align:left;
	border-bottom:1px solid #737373;
	padding: 10px 0px 10px 0px;
}
.nobox {
	margin: auto;
	text-align:left;
	border-bottom:0px solid #737373;
	padding: 10px 0px 10px 0px;
}

#user_login, #catatan {
	padding-top: 0px;
	padding-bottom: 20px;
}

#catatan, #tik {
	border-bottom: 0px;
}


/*---- Form ----*/
form {
	margin: 0px;
	padding: 0px;
}
input, textarea {
	border: 1px #737373 solid;
	font: 11px verdana;
	background: #fff;
}
input.button {
	border: 1px #737373 solid;
	font: bold 11px arial;
	margin-top: 5px;
	margin-right: 10px;
	background: #8781BD;
	color: #fff;
	text-transform: uppercase
}
input.radio {
	border: 0px #737373 solid;
}

iframe {
	
	border: 0px;
	margin-top: 20px;
}


/*---- Footer ----*/
#footer {
	margin: auto;
	width: 760px;
	text-align:left;
	border-top:5px solid #888;
	padding: 15px 0px 50px 0px;
}
#footer p {
	margin: 0px;
	padding: 0px;
	margin-bottom: 10px;
}
