* {padding:0; margin:0}
html, body {height:100%}
body
{
	background:url('/images/back.gif') repeat;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
}

body td, th {margin:0; padding:3px;}

body dd {margin:0 0 10px 30px;}

body a:hover {color:#FF9900; text-decoration:none;}

body a:active, a:link, a:visited {color:#FFF; text-decoration:none}

/* Layout Definitions */
#site
{
	width:860px;
	min-height:100%;
	height:auto;
	margin:0 auto 0 auto;
}

* html #site {height:100%}

/* Header */
#header {height:487px;}

#top {width:860px; height:24px; background:url('/images/top_bar.gif'); position:relative;}

#logo {width:860px; height:172px; background:url('/images/header.jpg') no-repeat top left; position:relative;}

#sitemap {background:url('/images/hd_sitemap.gif') no-repeat top left; width:243px; height:39px; display:inline; float:left;}

#sitemap-text {position:relative; top:11px; left:10px;}

#menu {width:387px; height:39px; display:inline; float:left;}

#date {background:url('/images/hd_date.gif'); width:230px; height:39px; display:inline; float:left;}

#news-icon {background:url('/images/bg_icon.gif') no-repeat top left; width:50px; height:49px; display:inline; float:left;}

#news-header {background:url('/images/bg_news.gif');	width:193px; height:49px; display:inline; float:left;}

#news-header-text {position:relative; top:15px; left:10px; font-weight:bold;}

#search {background:url('/images/bg_search.gif'); width:617px; height:49px; display:inline; float:right;}

#search-text {position:relative; top:10px; right:10px; font-weight:bold; float:right;}

#news-content {background:url('/images/bg_newscontent.gif'); width:243px; height:153px; display:inline; float:left;}

#news-content-text {position:relative; top:5px; left:15px; font-weight:bold; float:left;}

#top-content {background:url('/images/bg_topcontent.gif'); width:617px; height:203px; display:inline; float:right; color:#eee;}

#top-content-text {display:block; padding:0 15px 0 30px;}

#blog-link {background:url('/images/bg_implink.gif'); width:243px; height:50px; display:inline; float:left;}

#blog-link-text {position:relative; top:10px; left:60px; font-weight:bold; float:left;}
/* Header */

/* Content */
#content {background:url('/images/bg_content.gif') repeat-y top left; width:860px; height:100%; display:inline; float:left; position:relative;}

	#sidebar {width:243px; margin:0 18px 0 0; padding:0 0 20px 15px; display:inline; float:left;}

	#maincontent {width:569px; margin:0; padding:0 15px 20px 0; display:inline; float:right;}
	#maincontent p {margin-bottom: 10px;}
/* Content */

/* Footer */
#footerlinks {background:url('/images/bg_footerlinks.gif'); height:34px; color:#333;}

#footer {background:url('/images/bg_footer.gif') no-repeat bottom center; height:28px; width:100%;}

#footerlinks, #footer {width:860px;	display:inline;	float:left;}

#footerlinks-text, #footer-text {position:relative;	text-align:center; vertical-align:middle;}
/* Footer */

/* Headings and Titles */
h1 {font-size:18px; font-weight:bold; padding-bottom:10px;}

/* Others */
.error,.success{font-size:16px;font-weight:bold}
.error{color:#FF9900}
.success{color:#00FF00}
.Header,.Footer{background:#9D3737;border:1px solid #C8C8C8;font-weight:bold;height:22px}
.header-left{color:#EEE;font-size:12px;font-weight:bolder;vertical-align:middle}
.header-top{color:#EEE;font-size:12px}
.iklan{margin-top:10px;margin-bottom:10px;padding:10px;text-align:center}
.menu,.menuheading,.menuitemleft,.menuitemright{color:#444;vertical-align:text-top}
.menu,.menuheading,.menuitemleft,.menuitemright a{color:#444}
.menuheading{background:#F90;font-size:14px;font-weight:bold}
.menuitemleft{background:#FB0}
.menuitemright{background:#FB2}
.MouseOut{background:#7B1414}
.MouseOut,.MouseOver{border:1px solid #C8C8C8}
.MouseOver{background:#8C2525}
.tblalt1{background:#8C2626}
.tblalt2{background:#9D3737}
.tblheader{text-align:center;background:#8C268C;font-size:14px}
.tblspecial{color:#0066FF}
.topimgarea{position:relative;margin-right:10px;float:left}
#BottomBreadcrumbs{background:#9D3737;border:1px solid #C8C8C8;font-weight:bold;height:12px;margin-top:10px;padding:5px}
#Breadcrumbs{background:#9D3737;border:1px solid #C8C8C8;font-weight:bold;height:12px;margin-bottom:10px;padding:5px}
.leftcontent,.menu,.menuheading,.menuitemleft,.menuitemright a:hover{color:#333}
