h1,h2,h3,h4{
	margin:2px 0px;
}

#tdLeftSearch{
	background: #FFF url(../images/search.jpg) top left no-repeat;
	height: 40px;
}

#searchText{
	border: 0px;
	width: 115px;
	margin-top: 2px;
	margin-left: 20px;
	font-size: 15px;
	background-color:transparent
}

#divLeftBar{
	background-color: #660033;
	padding-top: 4px;
	height: 194px
}

#tdContent{
/*
	border-right: 2px solid #99717A;
*/
	padding:4px;
}

#leftLink{
	padding-top: 6em;	
}

#tableSukuBunga{
	border: 3px solid #711f35;
	background-color: #660033;
	font-size: 10px;
    -moz-border-radius-topright: 0.5em;
    -moz-border-radius-topleft: 0.5em;
    -moz-border-radius-bottomright: 0.5em;
    -moz-border-radius-bottomleft: 0.5em;
}

#tdLinkFooter{
	text-align: center;
	color: #731D36;
}

#tdLinkFooter a:link,#tdLinkFooter a:visited{
	color: #731D36;
	text-decoration: none;
}

#tdLinkFooter a:hover,#tdLinkFooter a:active{
	text-decoration: underline;
}

#h4Kurs{
	margin-left: 6px;
	color: #711f35;
}

#tableKurs{
	background-color: #F9F0F3;
	margin-top: 1em;
	margin-bottom: 2em;
}

#tableKurs td{
	color: #891F45;
}

#divSitemap ul{
	list-style-type: circle;
	list-style-image: url(../images/arrow.jpg);
	margin-left: 8px;
	padding-left: 8px;
}

#divSitemap li{
	margin-bottom: 2px;
}

#divSitemap li a:link,#divSitemap li a:visited{
	font-size: 12px;
	text-decoration: none;
}

#divSitemap li a:hover,#divSitemap li a:active{
	font-weight: bold;
}

.divBanners{
	margin-top: 10px;
	text-align: center;
}

.divBanners a:link,.divBanners a:visited{
	margin-bottom: 6px;
	display: block;
}

.kursHeader th{
	color: #FFF
}

h1.pageTitle{
	color: #711f35;
}

h4.pageTitle,h4.pageTitle a:link,h4.pageTitle a:visited{
	color: #4f4f4f;
/* text-decoration: none; */
}

h4.pageTitle a:hover,h4.pageTitle a:active{
	color: #000;
	text-decoration: underline;
}

.ulMenu,.ulSubMenu{
	list-style-type: none;
	padding-left: 4px;
	margin-left: 4px;
}

.ulMenu{
	width: 180px;
	margin-top: 2em;
}

.ulMenu li{
	margin-bottom: 4px
}

.ulMenu a:link,.ulMenu a:visited{
	text-decoration:none;
	color:#FFF;
	font-weight:bold;
	display:block;
	padding:2px 4px;
	border-bottom:1px solid #FFF;
	font-size:13px;
}

.ulMenu a:hover,.ulMenu a:active{
	background-color:#FFF;
	opacity: 0.7;
	color: #000;
}

.ulSubMenu{
	padding: 4px;	
	background-color: #660033;	
	width: 200px;
	border:1px solid #FFF;
}
.barMaroon, .profileFrontEnd{
	padding: 2px 4px;
	width: 210px;
	margin: 1px auto;
}

.barMaroon,.barMenuHome{
	background-color: #660033;
	color: #FFF;
	font-weight: bold;
}
.barMaroon{
	text-align: center;
	font-size: 13px;
	margin-top:6px;
}
.barMenuHome{
	padding:2px;
}
.grayLink:link, .grayLink:visited{
	color: #660033;
	text-decoration: none;
}

.grayLink:hover, .grayLink:active{
	text-decoration: underline;
}
.ulMenuHome{
	margin-top:4px;
	margin-left:10px;
	padding-left:10px;
	list-style-image: url(../images/arrow-maroon.jpg);
	list-style-type: circle;
}
.ulMenuHome li{
	margin-bottom: 4px;
}
.ulMenuHome li a:link,.ulMenuHome li a:visited{
	text-decoration: none;
	color: #660033;
}
.ulMenuHome li a:hover,.ulMenuHome li a:active{
	text-decoration: underline;
}
/* For javascript tab */
 #divTriggerTab ul{
    list-style-type: none;
	margin-top: 10px;
	margin-left: 2px;
	padding-left: 2px;
 }
 #divTriggerTab a:link,#divTriggerTab a:visited{
	text-decoration: none; /* hilangkan garis bawah pada link */
	margin:4px 0px; /* memberi jarak antar link */
	padding: 2px; /* menjadikan link seperti kotak */
	width: 15px;
	border: 1px solid #CCC;
	background-color: #FFF;
	color: #000;
	display: block;
	text-align:center;
 }
 /* link yang dilalui oleh mouse dan element dengan class='selected' akan mempunyai efek yang sama */
 #divTriggerTab a:hover,#divTriggerTab a:active,.selected{ 
	background-color: #660033;
	color: #FFF;
 }
 #divContentTab{
	margin-top:4px;
	height: 220px;
	padding: 4px;
 }
 #divContentTab div{ 
	/* semua div di dalam element dengan id='divContent' akan di sembunyikan sementara */
	display:none
 }