a:link
{
        color: #006600;
        font-size: 11px;
        font-family: Verdana, Helvetica;
        text-decoration:none;
}
a:active
{
        color: #006600;
        font-size: 11px;
        font-family: Verdana, Helvetica; 
        text-decoration:none;
}
a:visited
{
        color: #006600;
        font-size: 11px; 
        font-family: Verdana, Helvetica; 
        text-decoration:none;
}
a:hover
{
        color: #006600;
        font-size: 11px;
        font-family: Verdana, Helvetica; 
        text-decoration:none;
}
.bgcolor1
{
         background-color: #FFFFFF;

}
.bgcolor2
{
         background-color: #FAFAFA;
}
.bgcolor3
{
         background-color: #ccffff;
}
.bgcolor4
{
         background-color: #006600;
}
.sort
{
        background-color: #006600;
}
.title
{
        background: none; 
        color: #2666B9; 
        font-size: 20px; 
        font-weight: bold; 
        font-family: MagistralC, Verdana, Helvetica; 
        text-decoration: none;
		
}
.bodyline
{
        background-color: #FFFFFF;
        border: 1px #006600 solid;
}
.blockline
{
        background-color: #FFFFFF;
        border: 1px #006600 solid;
        border-top: none;
}
.titleline
{
        height: 25px !important;
        border: 0px #FFFFFF solid;

}
.boxtitle
{
        font-family: Verdana, Helvetica; 
        font-size: 11px; 
        color: #FF5500;
        font-weight: bold;
		background-image: url(images/cellpic.gif);
		border-bottom: 1px solid #779d16;
		border-top: 1px solid #666633;
		border-right: 1px solid #666633;
		border-left: 1px solid #666633;
}

#boxtitle2
{
        font-family: Verdana, Helvetica; 
        font-size: 12px; 
        color: #FFFFFF;
		position: inline;
        font-weight: bold;
		background-image: url(../images/h2.gif);
		border: 0px 0px 0px 0px solid #779d16;		
		height: 53px !important;
		margin : 5px 0px 0px 0px; 
		vertical-align: middle middle;
		text-align: center;
		padding: 0px 0px 0px 0px; 
}
#boxtitle3
{
        font-family: Verdana, Helvetica; 
        font-size: 14px; 
        color: #000066;
		position: inline;
        font-weight: bold;
		background-image: url(../images/h2.gif);
		border: 0px 0px 0px 0px solid #779d16;		
		height: 53px !important;
		margin : 0px 0px 0px 0px; 
		vertical-align: middle middle;
		padding: 0px 0px 0px -5px; 
}
#boxtitle4
{
	height: 21px;
		background-image: url(../images/h2_bottom.gif);

}
.tablebox 
{
        BORDER-RIGHT: #99ffff 0px solid;
        BORDER-LEFT: #99ffff 0px solid;
        BORDER-TOP: #FFFFFF 0px solid;
        BORDER-BOTTOM: #99ffff 0px solid;		
		margin : -5px 0px 0px 0px; 
}
.judul
{
        font-family: Verdana, Helvetica;
        font-size: 15px; 
        color: #006600;
        font-weight: bold;
}
.judul2
{
        font-family: Verdana, Helvetica;
        font-size: 15px; 
        color: #ffffff;
        font-weight: bold;
}
.content
{
        background: none; 
        color: #000000; 
        font-size: 11px; 
        font-family: Verdana, Helvetica;
}
.block-title
{
        background: none; 
        color: #2666B9; 
        font-size: 11px; 
        font-weight: bold; 
        font-family: Verdana, Helvetica;
		
}
.storytitle
{
        background: none;
        color: #2666B9;
        font-size: 11px; 
        font-weight: bold; 
        font-family: Verdana, Helvetica; 
        text-decoration: none;
}
.storycat
{
        background: none;
        color: #FF5500;
        font-size: 11px; 
        font-weight: bold; 
        font-family: Verdana, Helvetica; 
        text-decoration: none;
}
.option
{
        background: none; 
        color: #FF5500; 
        font-size: 11px; 
        font-weight: bold; 
        font-family: Verdana, Helvetica; 
        text-decoration: none;
}
.tiny
{
        background: none; 
        color: #000000; 
        font-size: 11px; 
        font-weight: normal; 
        font-family: Verdana, Helvetica; 
        text-decoration: none;
}
.small
{
        background: none;
        color: #000000;
        font-size: 10px;
        font-weight: normal;
        font-family: Verdana, Helvetica;
        text-decoration: none;
}
.middle
{
        padding-left:3; 
        padding-right:3; 
        padding-top:0; 
        padding-bottom:3;
}
.copyright
{
        background: none; 
        color: #000000; 
        font-size: 11px; 
        font-weight: normal; 
        font-family: Verdana, Helvetica; 
        text-decoration: none;
}
.code
{
        color: #0000BB;
        font-size: 11px; 
        font-family: Verdana, Helvetica;
}
.leftblock
{
        vertical-align: top;
        width: 180px;
}
.rightblock
{
        vertical-align: top;
        width: 180px;
}
.middleblock
{
        vertical-align: top;
        width: 180px;
}
legend
{
        font-family: Verdana,Helvetica;
        font-size: 15px;
        color:#000066;
        font-weight: bold;
}
fieldset
{
        border: solid #000066 1px;
}
font, td,p
{
        font-size: 11px; 
        font-family: Verdana, Helvetica;
}
hr
{
        height: 0px;
        border: solid #006600 0px;
        border-top-width: 1px;
}
code
{
        background: none;
        color: #006600; 
        font-size: 11px; 
        font-family: Verdana, Helvetica;
}
th
{
color: #ffffff;
        height: 20px;	
        font-size: 11px;	
        font-weight: bold;	
        font-family: Verdana, Helvetica;	
        text-decoration: none;	
        background-color: #FFFFFF;	
        background-image: url(../images/h2.gif);	
        border: 0px #FFFFFF solid;
		border-bottom: 0px solid #000099;
		border-top: 0px solid #000099;
		border-right: 0px solid #000099;
		border-left: 0px solid #000099;
}
body
{
        margin: 0px;
        background:#ffffff;
		/*background-image:url(images/bg.gif);*/
        scrollbar-face-color: #FFFFFF;
        scrollbar-shadow-color: #FFFFFF;
        scrollbar-track-color: #F0F0F0;
        scrollbar-highlight-color: #F0F0F0;
        scrollbar-arrow-color: #006600;
        scrollbar-base-color: #006600;
        scrollbar-darkshadow-color: #006600;
}
input, textarea, select 
{
        background: #FAFAFA;
        color: #000000;	border: 1px #006600 solid;
        font-size: 11px;
        font-family: Verdana, Helvetica;
        text-decoration: none;
}
.editor 
{
        margin: 0px 0px 1px 0px;
        width: 400px;
        height: 21px;
        border: 1px #006600 solid;	
        /*background-image: url(../../images/editor/bg.gif);	*/
        background-repeat: repeat-x;
}
.editorbutton 
{
        float: left;
        cursor: pointer;
        padding: 2px 1px 0px 5px;
}
.tabel
{
         background-color: #99ccff;

}

.table4 
{
        BORDER-RIGHT: #000066 1px solid;
        BORDER-LEFT: #000066 1px solid;
        BORDER-TOP: #000066 1px solid;
        BORDER-BOTTOM: #000066 1px solid;

}
.kalender
{
        font-family : Tahoma, Verdana;
        font-size : 8pt;
        font-weight:normal;
}
.konten
{
        font-family : Tahoma, Verdana;
        font-size : 10pt;
        font-weight : normal;
        text-align : justify;
		
		background-repeat: repeat-x;
}

.judultabel
{
        font-family : Tahoma, Verdana;
        font-size : 10pt;
        font-weight : normal;
        text-align : center;
		color : #ffffff;
        font-weight: bold;
        background-image: url(images/cellpic.gif);	
        height: 20px !important;

}
.judulforum
{
        font-family : Tahoma, Verdana;
        font-size : 10pt;
        font-weight : normal;
		color : #ffffff;
        font-weight: bold;
		background-image: url(images/cellpic.gif);	
        height: 18px !important;

}
.tabelforum{
	BORDER-RIGHT: 1px solid #000099; 
	BORDER-TOP: 1px solid #000099; 
	MARGIN-TOP: 1px; MARGIN-BOTTOM: 1px; 
	BORDER-LEFT:  1px solid #000099; 
	BORDER-BOTTOM: 1px solid #000099; 
	BACKGROUND-COLOR: #FFFFFF;
}

.kotakjudulmenu
{
height: 37px !important;
color:#006600;
background: url('images/boxheadbg.gif') no-repeat;
}

.kotakmenu
{
height: 37px !important;
color:#006600;
background: url('images/boxconbg.gif') repeat-y;
}                                        

.boxfoot
{
height: 27px !important;
background: url('images/boxfootbg.gif') no-repeat;
font-family : Tahoma, Verdana;
font-size : 8pt;
font-weight : normal;
}
.topmenu
{
        color: #006600;
        font-size: 11px;
        font-family: Verdana, Helvetica; 
        text-decoration:none;
		font-weight : bold;
}

.pencarian
{
        color: #006600;
        font-size: 11px;
        font-family: Verdana, Helvetica; 
        text-decoration:none;
		font-weight : bold;
}
.biru{
	BORDER-RIGHT: 3px solid #000099; 
	BORDER-TOP: 3px solid #000099; 
	MARGIN-TOP: 3px solid #000099; 
	MARGIN-BOTTOM: 3px solid #000099; 
	BORDER-LEFT:  3px solid #000099; 
	BORDER-BOTTOM: 3px solid #000099; 
	BACKGROUND-COLOR: #6699cc;
}
.merah{
	BORDER-RIGHT: 3px solid #660000; 
	BORDER-TOP: 3px solid #660000; 
	MARGIN-TOP: 3px solid #660000; 
	MARGIN-BOTTOM: 3px solid #660000; 
	BORDER-LEFT:  3px solid #660000; 
	BORDER-BOTTOM: 3px solid #660000; 
	BACKGROUND-COLOR: #ffcccc;
}
.kuning{
	BORDER-RIGHT: 3px solid #cccc00; 
	BORDER-TOP: 3px solid #cccc00; 
	MARGIN-TOP: 3px solid #cccc00; 
	MARGIN-BOTTOM: 3px solid #cccc00; 
	BORDER-LEFT:  3px solid #cccc00; 
	BORDER-BOTTOM: 3px solid #cccc00; 
	BACKGROUND-COLOR: #ffff99;
}
.ijo{
	BORDER-RIGHT: 3px solid #009900; 
	BORDER-TOP: 3px solid #009900; 
	MARGIN-TOP: 3px solid #009900; 
	MARGIN-BOTTOM: 3px solid #009900; 
	BORDER-LEFT:  3px solid #009900; 
	BORDER-BOTTOM: 3px solid #009900; 
	BACKGROUND-COLOR: #66cc99;
	
	}
.jdut
{
        font-family: Verdana, Helvetica;
        font-size: 12px; 
        color: #000066;
        font-weight: bold;
}
#header form.searchform {
	/*position: absolute;*/
	margin:90px 0px 0px 410px;	
}

#header h1#logo {
	position: absolute;
	margin: 15px 800px; 
	padding: 0;
	font: bolder 4.1em 'Trebuchet MS', Arial, Sans-serif;
	letter-spacing: -2px;
	/*text-transform: lowercase;*/
	top: 0; left: 5px;	
	color: #ffffff;
}
#header h2#slogan {
	position: absolute;	 
	/*margin: 15px 800px; */
	margin:10px 0px 0px 600px;
	color: #000000;
	text-indent: 0px;
	font: bold 11px Tahoma, 'trebuchet MS', Sans-serif; 
	text-transform: none;
	padding: 0px 0px 0px 0px;
}

#menu a {
color:#ffffff;
text-decoration:none;
}
#menu a span {
color:#ffffff;
text-decoration:none;
}
.box {
	background: #FFFFFF url(../images/box.gif) repeat-x;
	/*border: 1px solid #666633;*/
	font-size: 100%;	
        padding: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding: 0px 0px 10px 0px;
	
}
h1, h2, h3 {
	font: bold 1em 'Trebuchet MS', Arial, Sans-serif;
	color: #333;	
}
h1 { font-size: 1.2em; color: #6297BC; } 
h2 { font-size: 1.2em; text-transform:uppercase;}
h3 { font-size: 1.2em; }
h4 { font-size: 1.2em; color: #ff9900; } 
.bg {
	background-color: #666633;
	text-align:center;
	color:#ffffff;
	padding: 5px; 
	border-bottom: 1px solid #779d16;
	border-top: 1px solid #666633;
	border-right: 1px solid #666633;
	border-left: 1px solid #666633;
	margin-top:0px;
	margin-bottom:0px;
	margin-right: 0px;
	margin-left: 0px;
}
// Ini punyanya Agenda //

.topdays {
	background-color: #eaffff; font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 11px; color : #000000; 
}
tr.topdays {
	background-color: #1da7de; font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 11px; color : #000000; 
}

.toprightnumber {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 10px; font-weight: bold;
}
.currentdate {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #FFFFFF;
}
td.beforedayboxes {
	background-color: #ffffff; color: #000000;
}
td.dayboxes {
	background-color: #ffffff; color: #000000;
}
td.afterdayboxes {
	background-color: #ffffff; color: #000000;
}
td.highlighteddayboxes {
	background-color: #33CCFF; color: #000000;
}
td.eventdayboxes {
	background-color: #E0E0E0; color: #000000;
}
.event {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 12px; font-weight: bold; color:#000099;
}
.eventdetail {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 11px;
}
.eventwhen {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 15px; font-weight: bold;
}
.addevent {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 12px; font-weight: bold;
}
.addeventextrainfo {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 10px;
}
/*menu*/
.suckerdiv ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 100%; /* Width of Menu Items */
border-bottom: 1px solid #ccc;
background: url(images/glossyback.gif) repeat-x bottom left;
background-color: #f0892c;
vertical-align:middle;

}

	
.suckerdiv ul li {
position: relative;
height:25px;
vertical-align:middle;
background: url(images/glossyback.gif) repeat-x bottom left;
}
	
/*Sub level menu items */
.suckerdiv ul li ul{
position: absolute;
width: 170px; /*sub menu width*/
top: 0;
visibility: hidden;
height:25px;
vertical-align:middle;

}


/* Sub level menu links style */
.suckerdiv ul li a {
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: #ffffff;
text-decoration: none;
background: #f0892c;
padding: 1px 5px;
border: 1px solid #ccc;
border-bottom: 0;
height:25px;
vertical-align:center;
}
.suckerdiv ul li a b{
color: #ffffff;

}
.suckerdiv ul li a:visited{
color: black;
height:25px;
vertical-align:middle;
}

.suckerdiv ul li a:hover{
background-image: url(images/glossyback2.gif) repeat-x bottom left;
height:25px;
color: #ffffff;
background: #DC8A29;
vertical-align:middle;
}

.suckerdiv .subfolderstyle{
background: url(images/arrow-list.gif) no-repeat center right;
height:25px;
vertical-align:middle;
}

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

#menuCellHeader{
	padding: 4px 0 4px 10px;
	/*background: url(../images/glossyback2.gif) repeat-x;*/
	background: url(../images/title.gif) repeat-y;
	color: #ffffff;
	height:24px;
	text-align:center;
	font-weight: bold;	
	background-color: #cccccc;
	text-transform: uppercase;
	line-height: 24px;
	display: block;
	/*background-position: 100% -64px !important;*/
	
}
#footer { 
	clear: both; 
	color: #ffffff;  
	margin: 0; padding: 0; 	  
	font-size: 100%;		
}
/*Menu Atas*/
 #tabsF {
      float:left;
      width:100%;
      background:#efefef;
      font-size:100%;
      line-height:normal;
	  border-bottom:1px solid #666;
      }
    #tabsF ul {
	margin:0;
	padding:5px 10px 0 50px;
	list-style:none;
      }
    #tabsF li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsF a {
      float:left;
      background:url("./images/tableftF.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabsF a span {
      float:left;
      display:block;
      background:url("./images/tabrightF.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#666;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsF a span {float:none;}
    /* End IE5-Mac hack */
    #tabsF a:hover span {
      color:#FFF;
      }
    #tabsF a:hover {
      background-position:0% -42px;
      }
    #tabsF a:hover span {
      background-position:100% -42px;
      }

	#tabsF #current a {
		background-position:0% -42px;
	}
	#tabsF #current a span {
		background-position:100% -42px;
	}
	
//box
.table-left{background:url(../images/tb-btn-sprite.gif) no-repeat 0 0;}
.table-right{background:url(../images/tb-btn-sprite.gif) no-repeat 0 -21px;}
.table-center{background:url(../images/tb-btn-sprite.gif) repeat-x 0 -42px;}

/* Sub Menu 
#sub_menu{border-bottom:3px solid #1d8dd5;height: 32px;}*/
#sm_categories ul{background:url(../images/menu_bg.gif);height:30px;border-top:1px solid #FFF;border-bottom:1px solid #FFF;}
#sm_categories li{list-style:none;float:left;border-right:1px solid #FFF;height:30px;}
#sm_categories li a{display:block;height:31px;line-height:30px;color:#555;font-weight:bold;text-decoration:none;font-size:13px;padding:0 17px 0 17px;float:left;}
#sm_categories li a:hover{color:#FFF !important;background:#1d8dd5 !important;text-decoration:none !important;}
#sm_categories li a:focus{background:#1d8dd5;color:#FFF;text-decoration:underline !important;}

/* Sub Menu -> Categories -> DropDown */
#sm_categories ul li ul{position:absolute;margin-top:30px;z-index:85 !important;left:-999em;background:none!important;border:0 !important;min-width:220px;}
#sm_categories ul li ul li {margin:0px;padding:0px;float:left;border-right:0px !important;z-index:86;}
#sm_categories ul li ul a{color:#FFF !important;font-size:12px;background:#1d8dd5 !important;display:block;width:180px;text-decoration:none;font-weight:normal;float:left;padding:0 10 0 15px !important;font-weight:bold;border-top:1px solid #FFF;}
#sm_categories ul li ul a:hover{color:#FFF !important;background-color:#0b78be !important;display:block;font-weight:bold;}

/* Top Menu -> Categories -> Highlight/Hover Over */
#sm_categories .active a, #sm_categories a:active{background:#1d8dd5;color:#FFF;}
#sm_categories .active a:hover{color:#FFF;}