body {

scrollbar-face-color:#3CE3FE;
scrollbar-base-color:#3CE3FE;
scrollbar-arrow-color:black;
scrollbar-track-color:white;
scrollbar-shadow-color:#3CE3FE;
scrollbar-highlight-color:#3CE3FE;
scrollbar-3dlight-color:#78AAFF;
scrollbar-darkshadow-Color:#3CE3FE;

	}

#calendar td {
	font-family: Verdana, Arial, sans-serif;
	font-weight:bold;
	color: #FFFFFF;
	
}

#calback {
	clear: both;
	width: 100%;
	height: 100%;
	background: url(images/calWaiting.gif) no-repeat center;
}

#calendar {
	background: #FFF;
	width: 100%;
	height: 50%;
}

.cal {
	width: 280px;
	border: 0px solid #CCC;
	margin: 2 auto;
}

.cal a {
	color: #000;
	font-weight: bold;
	font-size: 9px;
	text-decoration:underline;
}

.cal a:hover {
	color: #000;
	text-decoration:underline;
}

.calhead {
	width: 100%;
	font-weight: bold;
	color: #FFF;
	font-size: 16px;  
	background: url(images/cal.jpg) repeat center left;
	padding: 5px;
}

.calhead img {
	border: none;
}

.calhead table {
	width: 100%;
}

.calhead a {
	text-decoration: underline;
	border: none;
}

.dayhead {
	height: 17.5px;
	background: url(images/cal.jpg) repeat center left;
}

.dayhead td {
	font-size: 10px;
	text-align: center;
	color: #000;
}

.dayrow {
	background: url(images/bgline.gif);
	height: 28px;
}

.dayrow td {
	width: 9.8%;
	font-size: 9px;
	color: #656551;
	padding: 3px;
	border: 1px solid #DDD;
}

.day {
	float: right;
	color: #000000;
}

.dayover { 
	background: url(images/h.jpg);
	color: #000;
}



#event {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #000;
	width: 100%;
	height: 100%;
	border-top: 1px solid #727260;
	border-bottom: 1px solid #727260;
}

#event a{
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #000;
	width: 100%;
	height: 100%;
	text-decoration:underline;
}

#event .heading {
	padding: 10px;
	position: relative;
	background: url(images/bgo.jpg) repeat-x top left;
	border-bottom: 1px dotted #CCC;
}

#event .title {
	font-family: Verdana, Arial, sans-serif;
	color: #0076B3;
	font-size: 14px;
	font-weight: bold;
}

#event .posted {
	color: #000;
	font-size: 10px;
}

#event .back {
	position: relatives;
	top: 10px;
	align: right;
	right: 10px;
}

#event .back a { /*return to calendar*/
	color: #000;
	text-decoration: none;
	border: none;
	align: right;
	font-size: 10px;
}

#event .back a:hover {
	color: #0076B3;
	text-decoration: underline;
	align: right;
}

#event .line {
	padding: 10px;
	overflow: auto;
}

.error {
	color: #C00;
	font-size: 14px;
	font-weight: bold;
}

#jump {
	z-index: 100;
	line-height: 30px;
	padding: 5px;
	background: #F6F6F6;
	border: 1px solid #888;
}

#jump a {
	text-decoration: none;
	border: none;
}

#jump img {
	border: none;
}

/***************************style.css**********************/

.h {

	color: black;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	align: left;
	padding-left: 20px;
	font-size:14px;
	text-indent:1cm;
}

.hi{
	color: black;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	align: center;	
	font-size:14px;
}
.menu {

	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color: #000000;
	align: center;
	
}

.content {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #000000;
	text-align:justify;
	line-height:18px;
}
.content2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #FFF;
	text-align:justify;
	line-height:18px;
}



.copy {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #000000;
	text-align:center;
	line-height:18px;
}


.title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:white;
}

.huruf {
float:left;
width:0.7em;
font-size:400%;
font-family:algerian,courier;
line-height:80%;
padding-right:10px;

}
.button {
	border: 1px solid black;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:black;
	align:center;
	background-image:url(../images/menubg.gif)
	
} 


p {text-indent: 1cm}


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


	
	
	/******************************dropdown menu *********************************/

#dropmenudiv{
position:absolute;
border:0px solid black;
border-bottom-width: 0;
font:normal 11px Arial;
line-height:18px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 0px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
}

#dropmenudiv a:hover{ /*hover background color*/
background-image:url(images/menubg.gif);
color: #000000;
}


/********************link*************************************************/

a:link {
	color: #000000;
	text-decoration:none;
}
a:visited {
	color: #000000;
	text-decoration:none;
}
a:hover {
	color: #037CA0;
	text-decoration:underline;
	
}