*, html, body {margin:0;padding:0}

body {
    text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color:#111;
	/*CLEAR: both; BACKGROUND: url(display/mainfade.gif) #eee repeat-x; FLOAT: none; WIDTH: 720px; COLOR: #666	*/
}

#container {
	background: url(atas.jpg) no-repeat; 
    margin:0 auto ;
	text-align:left;
	width: 720px;
	padding: 0 0 0 0;	
}
/*
A {
	/*COLOR: #00A0DD; 
	TEXT-DECORATION: none
}
A:hover {
	TEXT-DECORATION: none
}
*/
FORM {
	MARGIN: 0px
}
#header {
	BACKGROUND: #ffffff;
	
}
#logo {
	PADDING-RIGHT: 0px; 
	DISPLAY: block; 
	PADDING-LEFT: 0px; 
	FLOAT: left; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 7px 0px 0px; 
	OVERFLOW: hidden; 
	WIDTH: 110px; 
	PADDING-TOP: 0px; 
	HEIGHT: 20px
}
#logo H1 {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	FONT-SIZE: 1px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	PADDING-TOP: 0px
}
#logo A {
	DISPLAY: block; 
	PADDING-TOP: 40px
}

#searchbox {
	margin-right:10px;
	float: right;
/*	width: 100px;
	position: absolute;*/
}

/* ------------------------
	Navigasi 
---------------------------*/

#navcontainer {
	float: right;
	margin-right:8px !important;
	margin-right:5px;
	margin-top: 80px;
	margin-bottom: 10px;
	z-index: 10;
/*	HEIGHT: 25px	

	CLEAR: both; 
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
/	BACKGROUND: url(i/tf1/header/rotate.php) no-repeat left top; *
	PADDING-BOTTOM: 0px; 
	PADDING-TOP: 100px; 
	HEIGHT: 25px
*/
}

#nav {
	/*CLEAR: both;
	padding: 0;
	BACKGROUND: url(i/tf1/navbar.gif) #ddd repeat-x; FILTER: alpha(opacity=90); 
	MARGIN: 0px; 
	LINE-HEIGHT: 1; 
	LIST-STYLE-TYPE: none; 
	HEIGHT: 25px; moz-opacity: 0.9; opacity: 0.9*/
}
#nav li {
	float: left;
	list-style:none;
	border-right:1px solid #ccc;
}
#nav A {
	padding: 0 18px;   /* kanan */
	display: block;
	text-decoration:none;
	margin: 0px; 
	color: #666;
	
/*	BORDER-RIGHT: #aaa 0px solid; 
	PADDING-RIGHT: 7px; 
	PADDING-LEFT: 7px; 
	PADDING-TOP: 7px;
	PADDING-BOTTOM: 7px; 
	BORDER-LEFT: #eee 1px solid; 
	FONT-WEIGHT: bold; */
}
#nav A:hover {
	COLOR: #00A0DD; 
/*	BORDER-RIGHT: #ccc 1px solid; 
	BACKGROUND: url(i/tf1/navbarhover.gif) #999; 
	BORDER-LEFT: #888 1px solid; 
	TEXT-DECORATION: none*/
}
/*
#nav A.current {
	BORDER-RIGHT: #ccc 1px solid; 
	BACKGROUND: url(i/tf1/navbarhover.gif) #999; 
	BORDER-LEFT: #888 1px solid; 
	COLOR: #ffffff; 
	TEXT-DECORATION: none
}
#nav .current A {
	BORDER-RIGHT: #ccc 1px solid; 
	BACKGROUND: url(i/tf1/navbarhover.gif) #999; 
	BORDER-LEFT: #888 1px solid; 
	COLOR: #ffffff; 
	TEXT-DECORATION: none
}
*/
#nav LI UL {
	POSITION: absolute;
	LEFT: -999em;	
	WIDTH: 120px;
	
/*	BORDER-RIGHT: #ccc 1px solid; 
	PADDING-RIGHT: 0px; 
	BORDER-TOP: #ccc 1px solid; 
	PADDING-LEFT: 0px; FILTER: alpha(opacity=100); 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	BORDER-LEFT: #ccc 1px solid; 
	LINE-HEIGHT: 1; 
	PADDING-TOP: 0px; 
	LIST-STYLE-TYPE: none; 
	BORDER-BOTTOM-STYLE: none; moz-opacity: 1; opacity: 1*/
}
#nav UL LI {
	FLOAT: left; 
	WIDTH: 110px;
	/*BORDER: #cccccc 1px solid;*/
	BORDER-BOTTOM: #cccccc 1px solid;
}

#nav UL A {

	PADDING-RIGHT: 10px; 
	PADDING-LEFT: 15px; 
	FONT-WEIGHT: normal; 
	BACKGROUND: #fff; 
	PADDING-BOTTOM: 4px; 
/*	WIDTH: 110px; */
	BORDER-TOP-STYLE: none; 
	PADDING-TOP: 4px; 
	BORDER-RIGHT-STYLE: none; 
	BORDER-LEFT-STYLE: none; 
	BORDER-BOTTOM-STYLE: none

}
/*
#nav UL A:hover {
	BACKGROUND: url(i/tf1/bullet3.gif) #ffffff no-repeat 4px 6px; 
	COLOR: #cc0000; 
	BORDER-RIGHT-STYLE: none; 
	BORDER-LEFT-STYLE: none
}
*/
#nav LI:hover UL, #nav LI.sfhover UL {
	LEFT: auto
}

#navlist li ul li a{
	background:#0087BC;
	width:180px;
	margin:0 0 0 0;
	padding:4px;
	border-top: 1px solid #fff;
	color:#fff;
}
#navlist li ul li a:hover {
	background:#eef1f2;
	color:#00a0dd;
}
#navcontainer #nav #nobord {
	border:#fff;
}

/***********************************************/


#sidebar {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	FLOAT: left; 
	PADDING-BOTTOM: 0px; 
	WIDTH: 243px; 
	PADDING-TOP: 15px
}
#sidebar LI {
	FLOAT: left
}


/* Pictures on left
--------------------------------------------------------------------*/
#pics {    
    width:243px;			/*720-243 = 477*/
    margin:0px 0 2px 0;
    float:left;
	height: 286px;

}
#pics img {
        float:right;
        margin-bottom:20px;

}
#pics a{
	float:left;
	width:98px;
	height:80px;
	font-size:x-small;
	/*background: url("images/vor_bg.gif") no-repeat top;*/
	padding:12px 0 0 12px !important;
	padding:10px 0 0 10px;
	margin: -82px 19px 0 0 ;
	/*color:#FF8C00;*/
	text-decoration:none;
	position:relative;

}
#pics a:hover{
	/*background: url("images/vor_bg_over.gif") no-repeat top;*/
	/*color:#fff;*/
}

#pics a.Special{
	float:left;
	width:98px;
	height:80px;
	font-size:x-small;
	/*background: url("images/vor_bg.gif") no-repeat top;*/
	padding:12px 0 0 12px !important;
	padding:10px 0 0 10px;
	margin: 0px 19px 0 0 ;
	/*color:#FF8C00;*/
	text-decoration:none;
	position:relative;
}

#pics a.Special:hover{
/*background: url("images/vor_bg_over.gif") no-repeat top;*/
/*color:#fff;*/
}

#alamat, #chat, #chatkami {
	width: 243px;
	text-align:right;
	margin-bottom:40px;
}

#chatkami {
	width: 243px;
	text-align:right;
	margin-bottom:40px;
}

H5 {
	padding: 0px;
	FONT-SIZE: 12px; 
	margin: 0px;
	color: #00A0DD;
}

/************************
	utama
*************************/

#isi {
	padding:10px 0px 0px;
	margin-bottom: 20px;
/*	PADDING-RIGHT: 0px; 	PADDING-LEFT: 0px; 	PADDING-BOTTOM: 0px; */
	FLOAT: right; 
	WIDTH: 460px; 
	/*PADDING-TOP: 15px*/
}

#footer {
	CLEAR: both;
	width:720px;
	text-align: center;
	PADDING-BOTTOM: 10px; 
	margin: 20px 0px 0px;	
	COLOR: #999999; 
	PADDING-TOP: 5px;
	border-top: 1px solid #ccc;	
/*
	width:720px;
	margin: 0px 0px 0px;
	padding:5px 0px 0px;
	border-top: 1px solid #ccc;
*/
}

#tgl {
	float: right;
	text-align: right;
	width:720px;
}

#path{
	width:500px;
	float: left;
	text-align: left;
	margin: 0px;
	padding-left:5px;
}

/*
<div class="componentheading">Devais</div>
<td class="contentheading" width="100%">FAO</td>
<span class="small">Written by Administrator</span>
<td valign="top" colspan="2" class="createdate">Saturday, 28 April 2007</td>
<td colspan="2" align="left" class="modifydate">Last Updated ( Sunday, 29 April 2007 )</td>

*/

.small {
	color: #061F4B;
	font-size: 10px;
	font-weight: bold;
}

.createdate {
	height: 15px;
	padding-bottom: 10px;
	color: #061F4B;
	font-size: 10px;
	font-weight: bold;
}

.modifydate {
	height: 15px;
	padding-top: 10px;
	color: #061F4B;
	font-size: 10px;
	font-weight: bold;
}

.contentpaneopen {
	width: 100%;
	padding: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
}

table.contentpane td {
	margin: 0px;
	padding: 0px;
}

#componentheading {
	padding-bottom: 10px;
	font-size: 28px;
	font-weight: bold;
	
}

td.contentheading {
  padding-left: 0px;
  padding-top: 9px;
}

.button {
	padding: 2px 5px 2px 5px;
	height: 22px;
	border: solid 1px #C0D3F3;
	background-color: #ffffff;
	color: #061F4B;
	font-family: Arial, Helvetica, Sans Serif;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
}

.inputbox {
	padding: 2px;
	border: 1px solid #061F4B;
	background-color: #F0F1FF;
}


.contentcolumn {
	padding-right: 5px;
}

.contentheading {
	height: 26px;
	background: url(../images/contenthead.png) no-repeat;
	color: #061F4B;
	text-align: left;
	padding-left: 12px;
	font-weight: bold;
	font-size: 12px;
	white-space: nowrap;
}

.contentheading {
	height: 30px;

	color: #c64934;
	font-weight: bold;
	font-size: 14px;
	white-space: nowrap;
}

.componentheading {
	background: url(../images/subhead_bg.png) repeat-x;
	color: #666666;
	text-align: left;
	padding-top: 4px;
	padding-left: 4px;
	height: 21px;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;

}