* {margin:0;padding:0;}
body {background:#999;}

h1 {padding-top:10px;}

#container {width:1004px;background:#ededed;margin:0 auto; text-align:left;}
#header {padding-top:16px;background:#fff;min-height:80px;}
#containerheader{width:892px; margin:0 auto;}
#logo {margin-left:13px;float:left;width:409px;height:80px;background:url('../img/img_logo.gif') no-repeat;}
#menupendukung{float:right;margin-right:7px;}

#menu {clear:both;background:url('../img/bg_menu.gif') repeat-x;height:32px;min-height:32px;border-bottom:1px solid #fff;}
#menu ul {list-style:none;width:892px;margin:0 auto;}
#menu ul li {display:inline;border-left:1px solid #fff;border-right:1px solid #08346a;height:32px;min-height:32px;float:left;}
#menu ul li a{line-height:35px;text-decoration:none;color:#fff;font-weight:bold;padding:0 15px;}
#menu ul li a:hover{color:#f95d1f;}
#menu ul li.akhir{border-right:none;}
#menu ul li.awal{border-left:none;}
#menu ul li.active a {color:#f95d1f;}

#imgHeader{width:892px;margin:0 auto;margin-top:7px;}

#content{width:892px; margin:0 auto;margin-top:12px; font-family:verdana;font-size:11px;line-height:15px;}
#leftcontent{float:left;width:612px;background:#fff;}
#leftcontent h1 {padding-left:15px;color:#224166;font-size:22px;}
#leftcontent p {padding:10px 15px;}
#rightcontent{float:right;width:259px;background:#fff;padding:5px;}

#rightcontentpage{float:right;width:612px;background:#fff;}
#rightcontentpage h1 {padding-left:15px;color:#224166;font-size:22px;}
#rightcontentpage h3 {padding-left:15px;color:#224166;font-size:14px;margin-top:15px;}
#rightcontentpage p {padding:10px 15px;}
#leftcontentpage{float:left;width:249px;background:#fff;text-align:left;padding:10px;min-height:200px;}
#leftcontentpage ul {list-style:none;}
#leftcontentpage ul li {border-bottom:1px solid #ccc;padding:10px;}
#leftcontentpage ul li a{text-decoration:none;color:#224166;font-weight:bold;}
#leftcontentpage ul li.active a, #leftcontentpage ul li a:hover {color:orange;}

#separatorfooter{clear:both;height:20px;}
#footer{background:url('../img/bg_footer.gif') repeat-x;height:24px;min-height:24px;}
#copyright{width:892px;margin:0 auto;font-family:verdana;font-size:10px;color:#fff;font-weight:bold;padding-top:5px;}

#banner{margin:0 auto;}
#banner img {margin:5px 0;}
.banner{width:250px;height:20px;background:#456c9a;text-align:center;margin:0 auto;margin-top:5px;font-size:14px;color:#fff;padding:20px 0;}

#advertorial {margin:0 auto; width:250px; text-align:left;margin-top:10px;font-family:verdana;font-size:11px;line-height:15px;}
#advertorial h2, #leftcontentpage h2  {background:url('../img/bg_h_special.gif') no-repeat;height:20px;color:#224166;padding-left: 28px;}
.advertorial{border-bottom:1px solid #dedede;padding:10px 0 5px 0;}
.advertorial h3 {color:#224166;font-size:13px;}
.advertorial a {color:red;font-weight:bold;}

/** FORM **/
form.form {
	clear: both;
	margin: 15px;
	padding: 0;
	width: 90%;
}
form.form div {
	clear: both;
	margin-bottom: 2px;
	padding: 4px;
	vertical-align: text-top;
}
form.form div.input {
	color: #444;
}
form.form label {
	display: block;
	font-size: 110%;
	padding-right: 20px;
}
form.form input, form.form textarea {
	clear: both;
	font-size: 140%;
	font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif;
	padding: 1px;
	width: 100%;
}
form.form input[type=submit]{ width: auto;}

/* Paging */
div.paging {
	background:#fff;
	color: #ccc;
	margin-bottom: 2em;
}
div.paging div.disabled {
	color: #ddd;
	display: inline;
}
div.paging span {
}
div.paging span.current {
	color: #000;
}
div.paging span a {
}

/** guestbook **/
fieldset.guestbook {
	border: 1px solid #ccc;
	margin: 20px 15px 10px 15px;
	padding: 12px 15px;
	font-size:11px;
	width:90%;
}
fieldset.guestbook legend {
	background:#fff;
	color: #224166;
	font-size: 13px;
	font-weight: bold;
}
.dateguestbook {font-style:italic; font-size:10px;}