a {
color : #996600;
font-weight : bold;
font-size : 10px;
letter-spacing : 0px;
text-decoration : none;
}
a:hover {
color : #CC9900;
}
a.white {
text-decoration : none;
background : url(images/tab2.gif);
background-color : #579ecb;
color : #ffffff;
height : 20px;
padding : 2px 6px 2px 6px;
font-size : 11px;
font-weight : bold;
}
a:hover.white {
text-decoration : none;
background-color : #00ff00;
color : #fff;
}

a.side {
	color : #996600;
	text-decoration : none;
}

a:hover.side {
	color : #CC9900;
	text-decoration : none;
}

a.white, li.white a {
	color: #ddd;
	text-decoration: none;
}

a:hover.white, li.white a:hover {
	color: #ddd;
	text-decoration: underline;
}

body {
	color : #555;
	background : #fff url('images/bg.gif');
	
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
}

form {
	margin : 0px;
}

hr {
	height : 1px;
	border : 1px solid #eee;
}

hr.side-hr {
	height : 1px;
	border : 1px solid #eee;
}

td {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
}

pre {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
}

.alt {
	color : #005599;
}

.outer-border {
	border : 1px solid #000;
}

.sub-header {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #000;
	background-color : #888;
	border-top : 1px solid #000;
	border-bottom : 1px solid #000;
	padding : 5px;
}

.sub-header ul{
	margin: 0;
	padding: 0;
}

.sub-header ul li{
	display: inline;
}

.sub-header ul li.first-link .bullet{
	display: none;
}

.full-header {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #ddd;
	background-color : #444;
	padding : 10px;
}

.footer {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #FFF;
	background-color : #999900;
	border : 1px solid #ccc;
	padding : 5px;
}

.button {
	background: url('images/buttonbg.gif') top left repeat-x;
	margin-top:3px;
	border: 0; 
	border-left: 1px solid #D74904; 
	border-right: 1px solid #D74904; 
	color: #FFFFFF; 
	cursor: pointer; font-size: 9px; height: 18px; letter-spacing: 1px;
}

.bbcode {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #555;
	background-color : #f1f1f1;
	border : 1px solid #ccc;
	margin-top : 2px;
}

.textbox {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #555;
	background-color : #f8f8f8;
	border : 1px solid #ccc;
}

.main-body {
	font-size : 11px;
	color : #555;
	background-color : #fff;
	padding : 4px 0px 5px 0px;
}

.center {
	margin : 0 auto;
}

.side-body {
	font-size : 10px;
	color : #777;
	background-color : #f6f6f6;
	padding : 4px;
}

.main-bg {
	color : #555;
	background-color : #fff;
	padding : 10px 10px 5px 10px;
}

.border {
	border : 1px solid #e1e1e1;
	margin-bottom : 5px;
}

.admin-message {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	text-align : center;
	color : #555;
	background-color : #f6f6f6;
	border : 1px solid #e1e1e1;
	padding : 3px 4px 5px 4px;
	margin-bottom : 5px;
}

.side-left .side-border-right {display: none;}
.side-right .side-border-left {display: none;}

.side-border-left {
	color : #777;
	background-color : #fff;
	padding : 10px 0px 10px 10px;
	width: 175px;
}

.side-border-right {
	color : #777;
	background-color : #fff;
	padding : 10px 10px 10px 0px;
	width: 175px;
}

.news-category {
	border:0;
	margin:3px 5px 0 0;
	float:left;
}

.news-footer {
	font-size : 10px;
	color : #555;
	background-color : #f1f1f1;
	padding : 3px 4px 4px 4px;
}

.capmain {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	font-weight : bold;
	color : #666;
	background-color : #fff;
	padding : 2px 0px 4px 0px;
}

.scapmain {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	font-weight : bold;
	color : #666;
	background-color : #f1f1f1;
	border-bottom : 1px solid #e1e1e1;
	padding : 4px;
}

.tbl-border {
	border : 1px solid #e1e1e1;
}

.tbl {
	font-size : 11px;
	color : #555;
	background-color : #fff;
	padding : 4px;
}

.tbl1 {
	font-size : 11px;
	color : #555;
	background-color : #fff;
	padding : 4px;
}

.tbl2 {
	font-size : 11px;
	color : #555;
	background-color : #f1f1f1;
	padding : 4px;
}

.forum-caption {
	font-size : 11px;
	font-weight : bold;
	color : #888;
	background-color : #f1f1f1;
	padding : 2px 4px 4px 4px;
}

.quote {
	font-size : 11px;
	color : #555;
	background-color : #f8f8f8;
	padding : 4px;
	margin : 0px 20px 0px 20px;
	border : 1px solid #bbb;
}

.poll {
	height : 12px;
	border : 1px solid #bbb;
}

.comment-name {
	font-weight : bold;
	color : #005599;
}

.shoutboxname {
	font-weight : bold;
	color : #005599;
	background-color : #f6f6f6;
}

.shoutbox {
	color : #777;
	background-color : #f6f6f6;
}

.shoutboxdate {
	font-size : 10px;
	color : #888;
	background-color : #f6f6f6;
}

.small {
	font-size : 10px;
	font-weight : normal;
}

.small2 {
	font-size : 10px;
	font-weight : normal;
	color : #555;
}

.side-small {
	font-size : 10px;
	font-weight : normal;
	color : #555;
	background-color : #f6f6f6;
}

.side-label {
	color : #555;
	background-color : #f1f1f1;
	padding : 2px 2px 3px 2px;
}

/* Vertical Navigation */

#navigation h2 {
	font-size: 10px;
	color : #555;
	background-color: #f1f1f1;
	margin: 0;
	padding: 4px;
}
	
#navigation ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

* html #navigation ul li{
   height: 1%;
}

#navigation a {
	display: block;
	color: #005599;
	background-color: #f6f6f6;
	padding: 2px;
	text-decoration : none;
}

#navigation a:hover {
	color: #f6f6f6;
	background-color: #005599;
}

/* Page Navigation */

.pagenav {
	padding: 0.4em;
}

.pagenav span {
	color: #fff;
	background-color: #005599;
	border: 1px solid #e1e1e1;
	padding: 0.2em 0.4em 0.2em 0.4em;
	margin: 0.2em;
}

.pagenav a {
	color: #005599;
	background-color: #fff;
	border: 1px solid #e1e1e1;
	padding: 0.2em 0.4em 0.2em 0.4em;
	margin: 0.2em;
	text-decoration: none;
}

.pagenav a:hover {
	color: #fff;
	background-color: #005599;
	margin: 0.2em;
	text-decoration: none;
}

#clearmenu { 
clear: both; 
}

#menu, #menu ul { 
list-style: none; 
margin: 0; 
padding: 0; 
}

#menu ul.submenu { 
padding-top: 2px; 
padding-bottom: 4px; 
}

#menu li { 
float: left; 
position: relative; 
}

.menu { 
cursor: default; 
font-family: Geneva, Arial, Helvetica, sans-serif; 
font-size: 11px; 
height: 22px; 
letter-spacing: 1px; 
margin: 6px 2px 0 2px; 
position: absolute; 
}

.menu p {  
font-weight: bold; 
margin: 0; 
padding: 0; 
padding: 3px 12px 1px 12px; 
}

.link { 
cursor: default; 
height: 20px; 
letter-spacing: 1px; 
margin: 6px 2px 0 2px; 
line-height: 20px; 
position: absolute; 
}

.link a { 
color: #444444; 
font-family: Geneva, Arial, Helvetica, sans-serif; 
font-size: 11px; 
font-weight: bold; 
padding: 3px 12px 3px 12px; 
}

.link a:hover { 
color: #FFFFFF; 
}

.submenu { 
background-color: #FFFFFF; 
border: 2px solid #999900; 
border-top-width: 3px; 
cursor: default; 
display: none; 
font-family: Geneva, Arial, Helvetica, sans-serif; 
font-size: 10px; 
left: auto; 
position: absolute; 
width: 138px; 
}

.submenu li { 
width: 100%; 
}
.submenu li a { 
background: url('images/submenu.gif') top left repeat-x; 
display: block; 
font-size: 11px; 
height: 19px; 
line-height: 19px; 
letter-spacing: normal; 
margin-top: 2px; 
text-decoration: none; 
text-indent: 7px; 
width: 100%; 
}

.submenu li a.divider { 
height: 22px; 
}

.submenu li a:hover { 
background: url('images/submenuhot.gif') top left repeat-x; 
color: #FFFFFF; 
display: block; 
text-decoration: none; 
}

#menu li>ul { 
left: auto; 
top: auto; 
}

#menu li:hover ul, li.over ul { 
display: block; 
}

.sub-header2 {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #ffffff;
	background: #999900 url('images/menu.jpg') repeat;
	
	padding : 0px;
}
.pageLeft {
margin-left:45px;
border-top:4px solid #999900;

border-left: 4px solid #999900;
border-right:4px solid #999900;

}

.pageRight {
margin-left:45px;

border-left: 4px solid #999900;
border-right:4px solid #999900;

}
.main-bg-center{
	color : #555;
	background-color : #fff;
	padding : 10px 10px 5px 10px;
	height:140px;
}

.side-border-center{
	margin-left:2px;
	background-color : #fff;
	padding : 10px 10px 5px 10px;
	height:140px;
}

.tajuk {
font-size : 14px;
color : #ffffff;
font-weight : bold;
font-family : Trebuchet MS, Verdana;
background-color : #bcc6cf;
padding : 3px 0 3px 20px;
text-transform : uppercase;
}

.tajuk_info {
font-size : 14px;
color : #ffffff;
font-weight : bold;
font-family : Trebuchet MS, Verdana;
background-color : #99FFFF;
padding : 3px 0 3px 20px;
text-transform : uppercase;
}

.button
{
	position: relative;
	font-weight: bold;
	height: 20px;
	border-top: 1px solid #BABABA;
	border-right: 1px solid #BABABA;
	border-left: 1px solid #BABABA;
	border-bottom: 2px;
	padding: 3px;
	margin-bottom: -3px;
	cursor: pointer;
	text-align: center; 	
}

.box
{
display:none;
position: relative;
visibility:visible;
background: #999900 url('images/latar.gif') repeat;
background-repeat: repeat-x;
    
	
	
}

.box2
{
	position: absolute;
	height: 60px;
	width: 0px;
	overflow: hidden;
	visibility: hidden;
	background-image : url(images/latar.gif);
}

.box3
{
	position: absolute;
	height: 60px;
	width: 0px;
	overflow: hidden;
	visibility: hidden;
	background-image : url(images/latar.gif);
}

.tbl-border2 {
	border : 1px solid #e1e1e1;
	
}


.tbl3 {
	font-size : 11px;
	color : #555;
	border : 1px solid #e1e1e1;
	background-color : #B5DFE3;
	padding : 4px;
}

.tbl4 {
	font-size : 11px;
	color : #555;
	border : 1px solid #e1e1e1;
	background-color : #99FFCC;
	padding : 4px;
}

.tbl5 {
	font-size : 11px;
	color : #555;
	border : 1px solid #e1e1e1;
	background-color : #BCD1DC;
	padding : 4px;
}

.tajukutama {
font-size : 12px;
color : #ffffff;
font-weight : bold;
font-family : Trebuchet MS, Verdana;
background: #999900 url('images/menu.jpg') repeat;
padding : 4px 0 4px 5px;
text-transform : uppercase;
}

.dasar {
font-size : 10px;
color : #0099cc;
background-color:#FFFFFF;
padding : 4px;
}

.logo {

	background: #999900 url('images/banner.jpg');
	padding : 0px;
}

.tab { 
	list-style-type: none; 
	padding: 0; 
	margin: 0; 				/*jarak dari titik permulaan (seluruh ruangan)*/
	width: 100%; 			/*panjang ruang yang memuatkan menu-menu*/
	padding-right: 0px;		/*jarak dari titik permulaan (kiri)*/
	font: bold 11px Verdana;
	color: white;
} 

.tab li { 
	float: right;
	padding: 0; 
	margin: 0; 
	padding-top: 0; 
	background: url(images/tab2.gif);
	/* background: #0094af;*/
	/* background: url(tab_right.png) no-repeat right top; */
	margin-left: 2px;	/*jarak antara tab-tab menu*/
	display:inline;
	text-transform:uppercase;
	color: white;
} 


.tab li a { 
	display: block; 
	padding: 5px 8px 4px 8px;
	color: #FF0000; 
	text-decoration: none; 
	letter-spacing: 1px;

	/* background: #0094af; */
	/* background: url(tab_left.png) no-repeat left top; */
} 

.tab li.selected a { 
	color:  white;
	background-image: url(images/tab4.gif);
} 

.tab li a:hover { 
	color:  white;
	background-image: url(images/tab3.gif);
}

.tab li.selected a:hover { 
	color:  white;
	background-image: url(images/tab3.gif);
}
.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 11px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 4px 7px;
margin-right: 3px;
border: 0px solid #778;
color: white;
background: white url(images/shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: white;
}

.shadetabs li a:hover{
text-decoration: none;
color: #2d2b2b;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
background-image: url(images/shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontentstyle{ 
border: 0px solid gray;
width: 100%;
height: 100%;
margin-bottom: 1em;
padding: 10px;

}
.tabcontent{
display:none;
border: 0px solid gray;
margin-right:2px;

height: 100%;
margin-bottom: 1em;
padding: 10px;
background-image:  url(images/latar.gif);
background-repeat: repeat-x;
}

.atas {
top:auto;
	
}

#footer { 
background-color: #999900; 
 
border-bottom: 3px solid #DBE4E6; 
color: #FFFFFF; 
font-size: 10px; 
letter-spacing: 1px; 
padding: 5px; 
}

#footer a { color: #FFFF00;
 text-decoration: none; 
 }

#footer a:hover { color: #FFFFFF;
 text-decoration: none; 
 }
 
 .centerTitle { 
background: #FFFFFF url('images/centertitle.gif') top left repeat-x; 
}

.centerTitleOverlay { 
background: url('images/centertitleoverlay.gif') top left no-repeat; 
color: #FFFFFF; font-size: 11px; 
font-variant: small-caps; 
font-weight: bold; 
letter-spacing: 1px; 
line-height: 25px; 
padding-left: 6px; 
}