/* Generic Style */
body {
	margin:0;
	background-color: #afaf8c;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
table {}
p {}
b {}
i {}

a {

}
a:link {

}
a:hover {
	color: #FF9900;
	text-decoration: none;
}
a:visited {}
a:active {}
*/
input {}
textarea {}
select {}
option {}
tr {}
td {}
ul {}
ol {}
li {

}
h1 {
	font-size:24px;
	margin: 0px;
}
h2 {
	font-size:18px;
	margin: 0px;
	color: #2F2F1C;
}
h3 {
	font-size:16px;
	margin: 0px;
}
h4 {
	font-size:14px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: bold;
	color: #3366CC;
}
h5 {
	font-size:12px;
	margin: 0px;
}
h6 {
	font-size:10px;
	margin: 0px;
}

/* Table/TD Style - Main */
.tableMain {

}
.tdMain {

}

/* Table/TD Style - Header */
.tableHeader {}
.tdHeader {}
.tdHeaderTL {}
.tdHeaderTR {
	text-align: right;
	vertical-align: middle;
	padding-right: 20px;
}
.tdHeaderTC {
	background-color: #2f2f1c;
	height: 60px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	text-align: center;
}
.tdHeaderML {
	background-color: #FFFFFF;
	text-align: center;
	vertical-align: top;
}
.tdHeaderMR {}
.tdHeaderMC {
	background-color: #969679;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
.tdHeaderBL {}
.tdHeaderBR {}
.tdHeaderBC {
	background-color: #5d5d46;
	text-align: center;
	vertical-align: top;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

/* Table/TD Style - Footer */
.tableFooter {
	width: 100%;
}
.tdFooter {
	padding-right: 10px;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}
.tdFooterTL {
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	height: 46px;
	background-color: #2F2F1C;
	text-align: center;
	vertical-align: middle;
}
.tdFooterBC {
	font-size: 11px;
	color: #333333;
	text-align: center;
	padding-top: 6px;
}

/* Table/TD Style - Content */
.tableContent {
	width: 100%;
}
.tdContent {}
.tdContentTL {
	background-color: #FFFFFF;
	padding-top: 10px;
	padding-bottom: 20px;
}
.tdContentTR {}
.tdContentTC {
	text-align: center;
	vertical-align: top;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
.tdContentML {
	text-align: left;
	vertical-align: top;
	width: 580px;
	padding-left: 10px;
	padding-right: 10px;
}
.tdContentMR {
	vertical-align: top;
	width: 200px;
	text-align: left;
}
.tdContentMC {}
.tdContentBL {
	background-color: #d7d7b5;
	padding-top: 12px;
	padding-right: 15px;
	padding-bottom: 6px;
	padding-left: 15px;
}
.tdContentBR {}
.tdContentBC {}

/* Table/TD Style - Right Side Box */
.tableRightSideBox {
	width: 200px;
}
.tdRightSideBox {}
.tdRightSideBoxTL {
	padding-right: 3px;
	padding-bottom: 10px;
}
.tdRightSideBoxML {
	padding-top: 4px;
}
.tdRightSideBoxBL {
	padding-top: 8px;
}

/* Table/TD Style - Horizontal Navigation Menu */
.tableHorNvMenu {
	background-color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	width: 800px;
}
.tdHorNvMenu {}
.tdHorNvMenuTC {
	height: 46px;
	padding-right: 3px;
	padding-left: 3px;
	text-align: left;
	vertical-align: middle;
	background-color: #2F2F1C;
	border-left:2px solid #FFFFFF;
	border-right:2px solid #FFFFFF;
}


/* Table/TD Style - ALternate Menu */
.tableNvAlt {}
.tdNvAlt {
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 11px;
	color: #CCCCCC;
}

/* Table/TD Style - Short News */
.tableNewsBox {
	background-color: #5D5D46;
	width: 100%;
}
.tdNewsBox {
	background-image: url(imgcss/icon_02.gif);
	background-repeat: no-repeat;
	background-position: 18px 6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 36px;
	text-align: left;
}
.tdNewsBoxTL {
	background-image: url(imgcss/calendar.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 54px;
}
.tdNewsBoxBR {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-align: right;
	padding-top: 14px;
	padding-right: 10px;
	padding-bottom: 10px;
}

/* Table/TD Style - Perak Demography */
.tableDemography {
	width: 200px;
}
.tdDemography {
	background-image: url(imgcss/icon_03.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
	padding-left: 9px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
.tdDemography1 {
	background-image: url(imgcss/demography.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 32px;
	padding-bottom: 6px;
}
.tdDemography2 {
	padding-top: 4px;
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 4px;
}
.tdDemography3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
}
.tdDemography4 {
	padding-top: 4px;
	padding-bottom: 4px;
}
.tdDemography5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-align: right;
	padding-right: 8px;
	padding-top: 4px;
	padding-bottom: 4px;
}

/* Table/TD Style - 'Search List' */
.tableSearch {}
.tdSearch {}
.tdSearchL {}
.tdSearchR {}
.tdSearchC {}

/* Table/TD Style - 'Form' */
.tableForm {}
.tdForm {}
.tdFormL {}
.tdFormR {}
.tdFormC {}

/* Input Style */
.inpText {}
.inpTxtField {}
.inpButton {}
.inpTextArea {}
.inpSelect {}
.inpFile {}

/* Text Style */
.txtBlack {
	color: #000000;
}
.txtWhite {
	color: #FFFFFF;
}
.txtRed {
	color: #FF0000;
}
.txtGreen {
	color: #339900;
}
.txtBlue {
	color: #0066FF;
	font-style: italic;
	font-weight: bold;
	line-height: 18px;
}
.txtOrange {
	color: #FF9900;
}

.txtGray01 {
	color: #666666;
}
.txtGray02 {
	color: #999999;
}
.txtGray03 {
	color: #CCCCCC;
}

.txtColor01 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	color: #5d5d46;
}
.txtColor02 {}

.txtFont01 {
	font-family: Arial, Helvetica, sans-serif;
}
.txtFont02 {
	font-family: Georgia, "Times New Roman", Times, serif;
}

/* Link Style */
a.lnk01 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}
a.lnk01:link {}
a.lnk01:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #AFAF8C;
	text-decoration: none;
}
a.lnk01:visited {}
a.lnk01:active {}

a.lnk02 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}
a.lnk02:link {}
a.lnk02:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #AFAF8C;
	text-decoration: none;
}
a.lnk02:visited {}
a.lnk02:active {}

a.lnk03{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #afaf8c;
	text-decoration: none;
}
a.lnk03:link {}
a.lnk03:hover {}
a.lnk03:visited {}
a.lnk03:active {}

.tdHorNvMenu a {}
.tdHorNvMenu a:link {}
.tdHorNvMenu a:hover {}
.tdHorNvMenu a:visited {}
.tdHorNvMenu a:active {}

.tdFooterTL a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}
.tdFooterTL a:link {
}
.tdFooterTL a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFCC00;
}
.tdFooter a:visited {}
.tdFooter a:active {}

.tdNvSub a {}
.tdNvSub a:link {}
.tdNvSub a:hover {}
.tdNvSub a:visited {}
.tdNvSub a:active {}

.tdNewsBox a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}
.tdNewsBox a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}
.tdNewsBox a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #AFAF8C;
	text-decoration: none;
}
.tdNewsBox a:visited {}
.tdNewsBox a:active {}


.tdNvAlt a {
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 11px;
	color: #CCCCCC;
	text-decoration: none;
}
.tdNvAlt a:link {
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 11px;
	color: #CCCCCC;
	text-decoration: none;
}
.tdNvAlt a:hover {
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 11px;
	color: #FFCC00;
	text-decoration: underline;
}
.tdNvAlt a:visited {}
.tdNvAlt a:active {}

.tdDemography a {}
.tdDemography a:link {}
.tdDemography a:hover {}
.tdDemography a:visited {}
.tdDemography a:active {}