/*LAYOUT*/
body {
	background-image:url(../images/background_main.gif);
	background-position:center;
	background-repeat:repeat-y;
	background-color:#f5f5f5;
	font-family:arial, "lucida grande", tahoma, verdana, sans-serif;
	/*font-size:62.5%;*/ /*** Sets all fonts to 10px to make resize calculations easy ***/
	font-size:80%;
	color:#979797;
	line-height:1.5em;
	margin-top:0px;
}
#container {
	width:896px;
	margin:auto;
}
#kepala {
	height:111px;
	background-color:#EFEEEE;
}
#logo {
	float:left;
	margin-left:30px;
	margin-top:20px;
	margin-bottom:10px;
}
#gambar {
	text-align:center;
	margin:0;
	height:257px;
	clear:both;
}
#x {
	clear:both;
}
/*MENU UTAMA*/  
#menuutama {
	float:left;
}
#menuutama ul {
	background-color:#EFEEEE;
	display:table;
	padding:0;
	margin:0;
	cursor:default;
	list-style-type: none;
    float: left;/*ie fix*/
}
#menuutama li {
    float: left;/*ie fix*/
	text-align:center;
	min-width:100px;
	padding-left:18px;
	padding-right:18px;
	padding-top:6px;
	padding-bottom:6px;
	display:table-cell;
	border-right:4px solid #FFF;
}
#menuutama li > ul {
	display:none;
	position:absolute;
	margin-top:7px;
	margin-left:-18px;
}
#menuutama li:hover > ul{
	display : block;
}
#menuutama li > ul li{
	display : block;
	border-right:none;
	border-top:1px solid #FFF;
	text-align:left;
    float: none;
}
/*END : MENU UTAMA*/ 
#opo {
	float:left;
	 background-color:#75C5F0;
	 height:25px;
	 padding-top:6px;
	 padding-left:20px;
	 width:316px;
	 color:#FFF;
	 font-weight:bold;
	 font-size:14px;
}
#isi {
	clear:both;
	margin:10px;
}
#isi_kiri {
	float:left;
	width:220px;
	margin:5px;
	background-color:#EFEEEE;
	padding:10px;
	margin-top:20px;
	margin-bottom:20px;
}
#isi_kanan {
	float:left;
	width:606px;
	margin:10px;
}
#pesan {
}
#komponen {
    clear: both;
}
#kaki {
	background-color:#DEDEDD;
	padding-top:3px;
	padding-bottom:3px;
}
/*MENU BAWAH*/
#menubawah {
	float:left;
}
#menubawah ul {
	display:table;
	padding:0;
	margin:0;
	cursor:default;
    float:left;/*ie fix*/
}
#menubawah li {
	padding-left:10px;
	padding-right:10px;
	display:table-cell;
	border-right:1px solid #FFF;
    float:left;/*ie fix*/

}
/*END : MENU BAWAH*/
#kaki {
	clear:both;
}
#kaki_tengah {
	float:left;
	padding-left:10px;
}
#kaki_kanan {
	text-align:right;
	padding-right:10px;
	
}
/*END : LAYOUT*/

/*BUKAN LAYOUT*/
/*STANDAR WEB DAN JOOMLA*/
.moduletable h3 {
	margin-top:0px;
	margin-bottom:3px;
}
.moduletable ul {
	list-style-type:none;
	padding-left:0px;
    margin-left: 0px;/*ie fix*/
	font-size:12px;
}
.moduletable li {
	border-bottom:1px solid #FFF;
	border-top:1px solid #FFF;
	padding:5px;
}
a:link, a:visited {
	color:#706E6D;
	font-weight:normal;
	text-decoration:none;
}
h1.componentheading, .componentheading {
    color:#3A3A3A;
    font-size:1.8em;
    padding-left:20px;
    padding-top:10px;
    padding-bottom:10px;
    border-bottom:1px dotted #DDDDDD;
    margin-bottom:10px;
	text-align:right;
}
h2.contentheading, .contentheading, table.blog .contentheading {
	color:#318CBB;
	font-size:1.5em;
	padding:0px;
	margin-bottom:0px;
	line-height:1.5em;
}
.contentpaneopen {
    width:100%;
}
.contentpaneopen img {
    border:1px solid #E8E8E8;
    padding:5px;
}
.contentpaneopen span.small {
	float:right;
	font-style:italic;
	color:#999999;
	font-size:92%;
}
.contentpaneopen td.createdate {
	color:#999999;
	font-size:92%;
	background:#F9F9F9 none repeat scroll 0 0;
	padding:7px;
}
.contentpaneopen td.modifydate {
    color:#333;
    font-size:10px;
    line-height:120%;
    padding-top:5px;
    text-align:right;
}
.contentpaneopen a.readon {
    background:transparent url(../images/icon-arrow.gif) no-repeat scroll left center;
    clear:both;
    display:block;
    float:right;
    padding-left:20px;
    text-align:center;
    text-decoration:none;
    text-transform:uppercase;
    font-size:10px;
}
.contentpaneopen fieldset{
    border: none;
}
.contentpaneopen input,
.contentpaneopen button,
.contentpane select {
    /*background:#FFFFFF none repeat scroll 0 0;
    border:1px solid #B9B7B5;
    color:#666666; */
    background:transparent url(../images/button_bg.gif) repeat-x scroll 0 0;
    border:1px solid #CCCCCC;
    color:#777777;
    padding:2px;
}
.contentpaneopen textarea {
    background:#FFFFFF none repeat scroll 0 0;
    border:1px solid #CCCCCC;
    color:#777777;
    padding:2px;
}
.buttonheading img {
	border:0 none;
}
.pagenav {
	border:1px solid #E8E8E8;
	font-size:10px;
	padding:2px 5px;
	text-transform:uppercase;
}
.blog_more {
	border-bottom:1px dotted #DDDDDD;
	border-top:1px dotted #DDDDDD;
	padding-top:10px;
	margin-bottom:10px;
}

/*TABLE WEB LINKS*/
td.sectiontableheader{
	text-align:left;
	padding:8px 5px;
	background:#f5f5f5;
	border-bottom:1px solid #eaeaea;
	border-top:1px solid #eaeaea;
	color:#979797;
	font:bold 12px "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
	color:#318cbb;
}
tr.sectiontableentry0 td,
tr.sectiontableentry1 td,
tr.sectiontableentry2 td{
	padding:8px 5px;
	text-align:left;
	border-bottom:1px solid #eaeaea;
}
td.sectiontableentry0,
td.sectiontableentry1,
td.sectiontableentry2{
	padding: 3px;
}
tr.sectiontableentry1:hover td,
tr.sectiontableentry2:hover td{
	background:#fafafa;
}
/*END :TABLE WEB LINKS*/  
 
/*END : STANDAR WEB*/