html {
	height:100%;
}
body { height: 100%;}

#container {
	position:relative;
	margin:0 auto;
	width:800px;
	height:auto;
	text-align:left;
}
#topnavi {
	height:14px;
	margin:0 16px 0 6px;
	font-weight:bold;
	font-size:12px;
	padding-top:50px;
	text-align:right;
	background:url(../images/kampungsenang.gif) bottom left no-repeat;
}
#topnavi a {
	color:#000;
	text-decoration:none;
}
#topnavi a:hover {
	text-decoration:underline;
	color:#266BBA;
}
#banner {
	height:180px;
	margin:0 12px 0 1px;
	overflow:hidden;
	text-align: right;
}
#leftnavi {
	float:left;
	width:190px;
	margin-left:6px;
	font-weight:bold;
	font-size:13px;
	margin-top: 10px;
}


#leftnavi a {
	text-decoration:none;
}

/* regular hovers */



#contents {
	margin-left:184px;
	font-size:12px;
	padding:20px 16px 0 0;
}
div.box {
	width:245px;
	height:114px;
	background:url(../images/boxbg.gif) no-repeat;
	padding:7px 15px 13px 15px;
	font-size:11px;
}
div.bigbox {
	width:286px;
	height:258px;
	background:url(../images/boxbgbig.gif) no-repeat;
	padding:7px 15px 13px 15px;
	font-size:11px;
}
.bottom {
	margin-top:10px;
}
.title {
	color:#266BBA;
	font-weight:bold;
	font-size:16px;
}
div.box a, div.bigbox a {
	text-decoration:none;
	color:#000;
	font-weight:bold;
}
div.box a:hover, div.bigbox a:hover {
	text-decoration:underline;
	color:#266BBA;
}


/* Hide from IE5-mac. Only IE-win sees this. \*/

* html #contents {
  height: 1%;
  margin-left: 0;
  }


#container {
	height:100%;
}
.pagetitle {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	font-weight:bold;
	padding-left:15px;
	background:url(../images/g_bull.jpg) 5px center no-repeat ;
}

#contents img {
	padding-right:10px;
}

.address {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
}
.eventbox {
	padding: 10px;
	border: 2px solid #cccccc;
	position:relative;
}
.pagesubmenu {
	background:url(../images/g_bull2.jpg) bottom left no-repeat;
	float:left;
	position:relative;
	margin:2px;
	padding-left:20px;
}
.tablehead {
	text-align:center;
	font-weight:bold;
}

.classname, .classtime, .classvenue, .classother {
	float:left;
	position:relative;
	width:22%;
	border:2px solid #Cccccc;
	margin:-1px;
	padding:5px;
}

a, a:hover {
	color:#000000;
}

a:hover {
	text-decoration:underline;
}

#contents li {
	list-style:url(../images/navibullet.gif) outside;
}

#footer2 {
	width:758px;
	border-top:1px solid #000;
	text-align:center;
	font-size:10px;
	font-family:Arial;
	padding-top:4px;
	position: fixed;
	bottom: 0;
	width: 70%; /* See note below */
	text-align: center;
	padding: 0 15%;
	float:left;
}
#footer {
	text-align:center;
	font-size:10px;
	font-family:Arial;
	padding-top:4px;
	position:fixed;
	bottom: 0;
	width: 100%; /* See note below */
	text-align: center;
	margin-top:-50px;
}

.gap {
	height:60px;
	width:98%;
}

.footerbox {
	position:relative;
	background:#FFFFFF;
	border-top:1px solid #000;
	width:792px;
	margin-left:3px;
	left:50%;
	margin-left:-396px;
	z-index:0;
}

*html .footerbox {
	left:0px;	
	margin-left:0px;
}

body {
	margin:0;
	padding:0;
	text-align:center;
	background:#23486B url(../images/whitebg.gif) center center repeat-y;

}

.announcement {
	background:#999999;
	background:url(../images/box/tl.gif) top left no-repeat;
	width:240px;
	margin:3px;
	float:left;
	position:relative;

}

.announcement .header {
	background:url(../images/box/tr.gif) right top no-repeat;
	color:#266BBA;
	font-weight:bold;
	font-size:16px;
	padding:12px;
	width:100%;
}

.announcement .content {
	border-left:#4188ca 2px solid;
	border-right:#4188ca 2px solid;
	padding:10px;
	width:100%;
}

.announcement .footer {
	background:url(../images/box/bl.gif) left bottom no-repeat;
	width:100%;
}

.announcement .bottomleft {
	background:url(../images/box/br.gif) right bottom no-repeat;
	padding:12px;
	width:100%;
}

.treeview ul{ /*CSS for Simple Tree Menu*/
	margin: 0;
	padding: 0px;
	background:white;
}

.treeview li{ /*Style for LI elements in general (excludes an LI that contains sub lists)*/
	list-style-type: none;
	margin-bottom: 5px;
	background:white;
	background-image: url(../images/menu/list.gif);
	background-repeat: no-repeat;
	background-position: 4px 5px;
	padding-left:20px;
	margin-left:-35px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	border-bottom:#CCCCCC 1px solid;
}

.treeview li.submenu{ /* Style for LI that contains sub lists (other ULs). */
background: url(../images/menu/closed.gif) no-repeat 4px 0px #FFFFFF;
cursor: hand !important;
cursor: pointer !important;

}


.treeview li.submenu ul{ /*Style for ULs that are children of LIs (submenu) */
margin-left:0px;
display: none; /*Hide them by default. Don't delete. */
}

.treeview .submenu ul li{ /*Style for LIs of ULs that are children of LIs (submenu) */
margin-left:0px;
margin-top:10px;
margin-bottom:-6px;

cursor: default;
}