body {
	background: white;
	font:11px Arial;
	color:#324;
	margin:0px;
}
h1,h2,h3,h4,h5,h6,h7 {
	margin:0px;
	padding:0px;
} 

a {
	color:#00f;
	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:80px;
	border-bottom:1px solid #cce;
	border-top:2px solid #cce;
	margin-top:15px;
	padding-top:3px;
}

#header h1 {
        margin-top: 0px;
        font: 30px tahoma;
	fontx: 20px Times;
	color: #666666;
}

#header h2 {
        margin-top: -8px;
        font: 18px tahoma;
	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;
        background: #fff;
	width: 760px;
	text-align:left;
	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;
}
#info_kiri {
        border:1px solid #cce;
	width: 220px;
	float: left;
	padding: 10px;
}

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

#info_kanan {
	width: 500px;
	float: right;
	padding: 5px;
}

#info_kanan ul {
	margin: 0px;
	padding:0px;
}
#info_kanan ul li {
	list-style:square;
	padding-left:15px;
	margin-left: 5px;
	margin-bottom:2px;
}
#info_kanan #cari {
	border-bottom: 1px solid #737373;
}

#info_besar {
	float: left;
}
#info_besar h3 {
	font: bold 12px arial;
	padding-bottom: 10px;
}


/*---- Content ----*/
.content {
	margin: auto;
	width: 760px;
	text-align:left;
	margin-top: 5;
	padding: 10px 0px 20px 0px;
}
.content_kiri {
	width: 175px;
	float: left;
	padding-right: 10px;
}
.content_tengah {
	width: 360px;
	float: left;
	padding-left: 3px;
	padding-right:3px;
}
.content_tengah_besar {
	width: 735px;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	border-right:0px solid #737373;
}
.content_kanan {
	border: 1px solid #aab;
	background-color: #eef;
	width: 178 px;
	float: right;
	padding: 5px;
}
.content h3 {
	font: bold 14px arial;
	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:square;
	background:transparent url("images/bg_li.gif") no-repeat 0px 5px;
	#padding-left:15px;
	margin-left: 15px;
	margin-bottom:2px;
}
.content p {
	margin: 0px;
	padding: 0px;
	margin-bottom: 10px;
}
.content ol {
	margin-left: 10px;
	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 {
        margin: auto;
        width: 760px;
        text-align:left;
        padding: 5px;
        border:1px solid #cce;
}
#bottom_left {
	width: 360px;
	float: left;
	padding-right: 10px;
}
#bottom_right {
	width: 360px;
	float: right;
	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 {
        background-color:#eef;
        border:1px solid #cce;
	margin-bottom: 5px;
	text-align:left;
	padding: 5px;
}
.nobox {
	margin: auto;
	text-align:left;
	border-bottom:0px solid #737373;
	padding: 10px 0px 10px 0px;
}

#user_login, #catatan {
	border: 1px solid #aab;
	background-color: #fafafa;
	padding: 5px;
}
.viconevent {
	border: 1px solid #aab;
	background-color: #fafafa;
	padding: 5px;
}


/*---- 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;
}


/*---- 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;
}