#cell{
	font-family:Arial,Helvetica,Sans-Serif; font-size:11px;
	border: 1px solid #162780; 
}
	
#cell2{
	font-family:Arial,Helvetica,Sans-Serif; font-size:11px;
	border-top:#777777 dashed 1px;
}

/*-------------------MENU-----------------------------*/
#container {
	width: 780px;
	text-align: left;
	/*border: 1px solid #777;*/
	margin: 0 auto;
	height: 25px;
	font: bold 11px/25px Arial, Tahoma, Sans-serif;
}

#contains {
	width: 200px;
	text-align: right;
	border: 1px solid #777;
	margin: 0 auto;
	height: 25px;
	font: bold 11px/25px Arial, Tahoma, Sans-serif;
	list-style: none;
	line-height: 1;
	/*background: url(images/menu-red-b.png) no-repeat;*/
}

/*--------------------menu horizontal------------------*/
#nav, #nav ul {
	float: left;
	width: 780px;
	list-style: none;
	line-height: 1;
	background: url(images/menus.jpg) repeat;
	padding: 0;
	margin: 0 0 0 0;
}

#nav a {
	display: block;
	/*width: 10em;
	w\idth: 8em;*/
	color: #fff;
	text-decoration: none;
	padding: 0.25em 1em;
}

#nav a.daddy {
	background: url(panah.gif) center right no-repeat;
}

#nav li {
	float: left;
	padding: 0.3em;
	width: auto;
	height: auto;
	z-index: 2;
}

#nav li ul {
	position: absolute;
	background: #777;
	left: -999em;
	height: auto;
	width: 15.4em;
	w\idth: 14.9em;
	font-weight: normal;
	border-width: 0.1em;
	margin: 0;
	z-index: 2;
}

#nav li li {
	border-top: 1px dotted #fff;
	padding-right: 0.5em;
	width: 14em;
	z-index: 2;
}

#nav li ul a {
	width: 15em;
	w\idth: 13.5em;
	z-index: 2;
}

#nav li ul ul {
	margin: -1.75em 0 0 14.75em;
	z-index: 2;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
	z-index: 2;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
	background: url(images/submenu.jpg) repeat;
	z-index: 2;
}

#nav li:hover, #nav li.sfhover {
	background: #162780;
	z-index: 2;
}
/*------------------------------------------------------------*/

/*---------------MENU VERTIKAL-----------------------*/
.suckerdiv ul{
	font: 12px/25px Arial, Tahoma, Sans-serif;
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 250px; /* Width of Menu Items */
}
	
.suckerdiv ul li{
	position: relative;
}
	
/*Sub level menu items */
.suckerdiv ul li ul{
	position: absolute;
	width: 250px; /*sub menu width*/
	top: 0;
	visibility: hidden;
}

/* Sub level menu links style */
#info{
	font: 12px/25px Arial, Tahoma, Sans-serif;
	color:white;
	padding: 7px 10px;
}

.suckerdiv ul li a{
	display: block;
	overflow: auto; /*force hasLayout in IE7 */
	color: #fff;
	text-decoration: none;
	background: url(images/menuitem.jpg) repeat;
	padding: 3px 25px;
	border-bottom: 1px solid #fff;
}

.suckerdiv ul li a:visited{
	color: #fff;
}

.suckerdiv ul li a:hover{
	background: url(images/menuitemover.gif) repeat;
	color: white;
}

.suckerdiv .subfolderstyle{
	background: url(images/menuitem.jpg) repeat;
}

	
/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */
/*------------------------------------------------------------*/

/*---------------VERTICAL LIST--------------------------*/
#vertical-list{
	padding: 0;
	width: 220px;
	list-style: none;
}

#vertical-list li {
       margin: 0;
       padding: 0;
       float: left; /* This corrects the */
       width: 100%; /* IE whitespace bug */
}

#vertical-list li:hover{
       margin: 0;
       padding: 0;
       float: left; /* This corrects the */
       width: 100%; /* IE whitespace bug */
		background: #074900;
}

#vertical-list a{
	display: block; /* untuk memperbesar area klik karena tag a defaultnya inline*/
	color: #fff;
	text-decoration: none;
	line-height: 2.5; border-bottom:1px dotted #FFF;
}
/*------------------------------------------------------------*/

/*---------------HEADER----------------------------------*/
#heads{
	width: 780px; height: 100px;
	background: url(images/invest.jpg) repeat;
}
/*------------------------------------------------------------*/

/*---------------HEADLINE-------------------------------*/
#head{
	width: 510px; height: 234px;
	background: #4893cd;
	float: left;
	color:#fff;
	padding:10px;
}

#slideshow{
	width: 250px; height: 250px;
	float: right;
	background: #fff;
	padding:0px; color: #333;
}
/*------------------------------------------------------------*/

/*------------------------------MAIN-----------------------*/
#main{
	background: #fff;
	width: 510px;
}

#single{
	float: left;
	width: 500px;
	background:#fff;
}

#kiri{
	float: left;
	width: 500px;
}

#kanan{
	float: right;
	width: 250px;
}
/*-------------------------------------------------------------*/

/*------------------------RANDOM-------------------------*/
#random{
	background: #ddd;
	width: 894px;
	color: #333;
}

#randomgaleri{
	border-left: 1px solid #aaa; 
	color: #333;
}
/*------------------------------------------------------------*/

/*-----------------------LIST--------------------------------*/
#list{
	background: #096f01;
	width: 724px;
}

#listing{
	border-left: 1px solid #aaa; 
	color: #fff;
}
/*------------------------------------------------------------*/

/*----------------FOOT-------------------------------------*/
#foot{
	width: 780px;
	text-align:right;
	color: #fff;
}
/*------------------------------------------------------------*/

/*------------------RUBRIK--------------------------------*/
#news{
	color: #333;
}

#polling{
	color: #333; padding:4px;
}

#news-title{
	font: bold 14px Arial, Tahoma, Sans-serif; color: #fff;
}

#news-title a{
	font: bold 14px Arial, Tahoma, Sans-serif; color: #162780;; text-decoration:none;
}

#news-title a:hover{
	font: bold 14px Arial, Tahoma, Sans-serif; color: #162780;; text-decoration:underline;
}

/*------------------------------------------------------------*/

#arsip-black a{
	font: 11px Arial, Tahoma, Sans-serif; color: #333; text-decoration:none;
}

#arsip-black a:hover{
	font: 11px Arial, Tahoma, Sans-serif; color: #333; text-decoration:underline;
}

#arsip-white a{
	font: 11px Arial, Tahoma, Sans-serif; color: #fff; text-decoration:none;
}

#arsip-white a:hover{
	font: 11px Arial, Tahoma, Sans-serif; color: #fff; text-decoration:underline;
}

.box {
   margin: 0 10px;
}

.menuitem{
    FONT-FAMILY:Arial,Helvetica,Sans-Serif; FONT-SIZE:11px; TEXT-DECORATION:none; POSITION:relative
}

.media {
	background-color: #fff;
	padding: 3px;
	margin: 15px 5px 5px 0;
	border: 1px solid #bfbfdf;
	float: left;
}

/*kalender*/
#kalender table {
		width:180px;
		border:0px solid #888;    
		border-collapse:collapse;
	}

#kalender td {
		width:30px;
		border-collpase:collpase;
		border:1px solid #888;
		text-align:right;
		padding-right:5px;
	}

#kalender th {
		border-collpase:collpase;
		border:1px solid #888;
		background-color: #E9ECEF;
	}
	
.actday{
	background-color: #57b6ff;
	font-weight:bold;
}

/*--------------scroller-------------------*/
#scroller a {
	text-decoration:none; color:#fff;
}

#marquee a {
	font: 13px Arial, Tahoma, Sans-serif; text-decoration:none; color:#162780;; margin: 10px 10px 10px 10px;
}

#marquee a:hover {
	font: 13px Arial, Tahoma, Sans-serif; text-decoration:underline; color:#162780;; margin: 10px 10px 10px 10px;
}


#komentar {
	border-top: 1px solid #ccc;
}

#komentar a{
	font: 16px Arial, Tahoma, Sans-serif; text-decoration:none; color:#333;
}

/*--------------MOVIE SIDE------------------------------*/
#movieside {
	width:220px; height:200px;
	background-color: #fff;
	padding: 2px;
	margin: 2px 2px 2px 20px;
	border: 1px solid #bfbfdf; vertical-align:middle;
}

/*--------------IMAGE LIST------------------------------*/
#imglist {
	background-color: #fff;
	padding: 5px;
	margin: 2px 5px 5px 0;
	border: 1px solid #bfbfdf; vertical-align:middle;
}

#imglist:hover{
	background-color: #fff;
	padding: 10px;
	margin: 2px 5px 5px 0;
	border: 1px solid #bfbfdf;
}

/*---------------Featured-----------------*/
#featured{
	background: url(images/menuitemover.gif) repeat;
	color: white;
	height:80px;
	border-bottom: 1px solid #fff;
}

#featured a{
	font: 12px Arial, Tahoma, Sans-serif; text-decoration:none; color:#fff; float:right;margin: 0 5px 0 0;
}

#featured a:hover{
	font: 12px Arial, Tahoma, Sans-serif; text-decoration:underline; color:#fff; float:right;margin: 0 5px 0 0;
}

/*-----------ADMINS------------------------------------*/
#prefs a{
	font: 12px Arial, Tahoma, Sans-serif; text-decoration:none; color:#fff;
}

#prefs a:hover{
	font: 12px Arial, Tahoma, Sans-serif; text-decoration:underline; color:#fff;
}

#adminbody a{
	font: 12px Arial, Tahoma, Sans-serif; text-decoration:none; color:#555;
}

#adminbody a:hover{
	font: 12px Arial, Tahoma, Sans-serif; text-decoration:underline; color:#555;
}