#col1
{
	float: right;
	width: 20%;
	margin-right: 3%;
	display: inline;	
}
	
#col2
{
	float: right;
	width: 73%;
	margin-right: 3%;
}


body {
  margin:  0;
  margin-left: 0;
  padding: 0;
  background: #F8F8FF;
}

#top {
  clear: both;
  width: 100%;
  background: #20B2AA;
  padding: 0px;
  margin: 0px;
}

#top2 {
  clear: both;
  width: 100%;
  background: #20B2AA;
  padding: 0px;
  margin: 0px;
}

#help {
  margin: 10px;
  text-align: justify;
}

table.topmenu {
  border: 0;
  background: #F0FFF0;
  width:100%;
  font-family: sans-serif;
  font-size: 80%;
  font-weight: bold;
  border-bottom: 1px solid #20B2AA;
}
td.topmenu {
  width: 80px;
  padding: 0.2em;
}


#nav {
  /* border: 1px solid #20B2AA; */
  border:  solid #20B2AA;
  border-width: 1px 1px 1px 3px;
  background: #CCFFCC;
  padding: 5px;
  margin-top: 10px;
  margin-right: 3px; /* b4: 3%; */
  margin-left: 3%;
  font-family: sans-serif;
  font-size: 80%;
  font-weight: bold;
  color: #20B2AA;

}

#navhead {
  border: 1px solid #20B2AA;
  background: #20B2AA; /* #CCFFCC; */
  padding: 1px;
  margin-top: 1px;
  margin-right: 1px;
  margin-left: 1px;
  font-family: serif;
  font-size: 110%;
  font-weight: bold;
  color: #CCFFCC; /* #20B2AA; */
}

#slegend {
  /* border-top: 3px solid #AAAAAA; */
  border:  solid #AAAAAA;
  border-width: 1px 1px 1px 3px;
  background: #EEEEEE;
  padding: 8px;
  margin-top: 10px;
  margin-right: 3px; /* b4: 3%; */
  margin-left: 3%;
  font-family: sans-serif;
  font-size: 70%;
  font-weight: bold;
  text-align: left;
  color: #AAAAAA;
}

#boxhead1 {
  background: #DDDDDD;
  padding: 1px;
  margin-bottom: 5px;
  font-family: serif;
  font-size: 110%;
  font-weight: bold;
  color: #888888; /* #CCFFCC; */
}

#boxhead2 {
  background: #DEB887;
  padding: 1px;
  margin-bottom: 5px;
  font-family: serif;
  font-size: 110%;
  font-weight: bold;
  color: #FFF8DC;
}

#boxhead3 {
  background: #CCCCFF;
  padding: 1px;
  margin-bottom: 5px;
  font-family: serif;
  font-size: 110%;
  font-weight: bold;
  color: #483D8B;
}

#themenote {              /* used inside the yellow box at some of the theme pages */
  padding: 5px;
  font-family: serif;
  font-size: 100%;
  font-weight: normal;
  text-align: justify;
  color: #AAAAAA;
}

#downbox1 {
  background: #CCCCFF;
  padding: 2px;
  margin-bottom: 5px;
  font-family: sans-serif;
  font-size: 100%;
  color: #483D8B; /* #CCFFCC; */
}

#downbox2 {
  background: #F5F5DC;
  padding: 2px;
  margin-bottom: 5px;
  font-family: sans-serif;
  font-size: 100%;
  font-weight: bold;
  color: #6495ED;
}

#sidebox1 {
  border-top: 3px solid #778899;
  background: #E6E6FA;
  padding: 8px;
  margin-top: 10px;
  margin-right: 3px; /* b4: 3%; */
  margin-left: 3%;
  font-family: sans-serif;
  font-size: 70%;
  text-align: center;
  color: #778899;
}

#sidebox2 {
  background: #F8F8FF;
  padding: 8px;
  margin-top: 10px;
  margin-right: 3px; /* b4: 3%; */
  margin-left: 3%;
  text-align: center;
}

#advert {
  border: 0px;
  background: #EEEEEE;
  padding: 13px;
  margin-top: 10px;
  margin-right: 3px; /* b4: 3%; */
  margin-left: 3%;
  text-align: center;
  /* width: 120; */
}

#advert2 {
  border-top: 3px solid #AAAAAA;
  background: #EEEEEE;
  padding: 8px;
  margin-top: 10px;
  margin-right: 3px; /* b4: 3%; */
  margin-left: 3%;
  font-family: sans-serif;
  font-size: 90%;
  font-weight: bold;
  text-align: center;
}

#stats {
  position: relative;
  top: 10px;
  text-align: center;
  padding: 0.3em;
  color: #999999;
  font-family: sans-serif;
  font-size: 70%;
}

#searchbg {
  padding: 0px;
  margin: 0px;
  margin-top: 10px;
  margin-bottom: 15px;
}

#abc {
  padding: 5px;
  font-family: sans-serif;
  font-weight: bold;
  font-size: 100%;
  color: #FFDAB9;
  text-align: center;
}

#maintxt {			/* similar to table.maintext below */
  margin-right: 2%;
  border: 2px dotted;
  border-collapse: collapse;
  border-color: #BDB76B;
  background: #F5F5DC;
  padding: 10px;
  font-family: sans-serif;
  font-size: 80%;
}

#maintxt2 {			/* similar to table.maintext below */
  margin-right: 2%;
  border: 2px dotted;
  border-collapse: collapse;
  border-color: #FF7F50;
  background: #F5F5DC;
  padding: 10px;
  font-family: sans-serif;
  font-size: 80%;
}

#sbox {				/* to be replaced */
  margin-top: 8px;
  margin-bottom: 4px;
}

#sbox2 {			/* use with Sphider */
  margin-top: 0px;
  margin-bottom: 0px;
}

#test {
  margin-right: 2%;
  padding: 5px;
  background: #FDF5E6; /* #FFFFF0;  #F5F5F5; */
  border: 1px solid;
  border-collapse: collapse;
  border-color: #FFE4B5; /* #20B2AA; #999999; FF7F50;*/
}

#bottomline {
  clear: both;
  /* background: #F0FFF0;  - disabled bcoz IE6 can't render properly */
  padding: 5px;
  margin: 0px;
  color: #CCFFCC;
  font-family: sans-serif;
  font-size: 70%;
  text-align: center;
}

#legal {
  clear: both;
  /* background: #F0FFF0;  - disabled bcoz IE6 can't render properly */
  background: #F0FFF0;
  border-top: 1px solid #20B2AA;
  padding: 5px;
  margin: 0px;
  color: #CCFFCC;
  font-family: sans-serif;
  font-size: 70%;
  text-align: center;
}

#bottom {
  clear: both;
  /* float: bottom;  * betulkan yg ni */
  background: #20B2AA;
  padding: 5px;
  margin: 0px;
  color: #CCFFCC;
  font-family: sans-serif;
  font-size: 75%;
  text-align: center;
}

#image {text-align: center}

form {
  margin-bottom: 10px;
}

table {
  border: 1px solid;
  border-collapse: collapse;
  border-color: black;
  padding: 10px;
  width: 98%;
  font-family: "Times New Roman", Times, serif;
  font-size: 90%;
}

td, th {
  padding: 0.4em;
}

th.BG0 {
  background: #999999;
  color: #F8F8FF;
  text-align: left;
}

pre.key {
  font-family: sans-serif;
  font-size: 0.75em;
}

table.daily td, th {                  /* daily block */
  border-bottom: 1px solid black;
}

table.entity td, th {
  border-bottom: 1px solid black;
  background: #EEEEEE;
}

tr.d1 {                               /* month name, use with .pagenav below */
  background: #DDDDDD;
  font-family: sans-serif;
  font-size: 140%;
  font-weight: bold;
}

table.maintext {
  border: 2px dotted;
  border-collapse: collapse;
  border-color: #FF7F50;
  background: #F5F5DC;
  padding: 10px;
  width: 98%;
  font-family: sans-serif;
  font-size: 80%;
}

table.mainbox {
  margin-top: 20px;
  border: 1px solid;
  border-collapse: collapse;
  border-color: #FFFF99;
  background: #FFFFF0;
  padding: 10px;
  width: 98%;
  font-family: sans-serif;
  font-size: 80%;
  text-align: left;
}

.themebox {
  margin-top: 20px;
  border: 1px solid;
  border-collapse: collapse;
  border-color: #FDF5E6; /* #FFFF99 */
  padding: 10px;
  width: 98%;
  font-family: sans-serif;
  font-size: 80%;
  font-weight: bold;
  text-align: left;
}
.themerow1 {
  background: #FFFFF0;
  vertical-align:top;
}
.themerow2 {
  background: #FDF5E6;
  vertical-align:top;
}
.themetab1 {
  background: #FFDAB9;
  vertical-align:top;
  text-align: center;
  color: #FFFFF0;
}
.themetab2 {
  background: #FFFFF0;
  vertical-align:top;
  text-align: center;
  color: #FFDAB9;
}

.newentity {
  margin-top: 20px;
  border: 1px solid;
  border-collapse: collapse; 
  border-color: #BC8F8F;
  padding: 10px;
  width: 98%;
  font-family: sans-serif;
  font-size: 80%;
  text-align: left;
}
.themerow3 {
  background: #EEEEEE;
  vertical-align:top;
}
.themetab3 {
  background: #EEEEEE;
  vertical-align:top;
  text-align:left;
  color: #000000;
}
.themetab4 {
  background: #BC8F8F;
  vertical-align:top;
  text-align: center;
  color: #FFFFF0;
}

table.maintext3a {
  float: left;
  margin-top: 10px;
  border: 1px solid;
  border-collapse: collapse;
  border-color: #FFFF99; /* #20B2AA; #999999; FF7F50;*/
  background: #FFFFF0; /* #F5F5F5; */
  padding: 10px;
  width: 48%;
  height: 320px;
  font-family: sans-serif;
  font-size: 80%;
  text-align: left;
}

table.maintext3b {
  float: left;
  margin-top: 10px;
  margin-left: 2%;
  border: 1px solid;
  border-collapse: collapse;
  border-color: #FFFF99; /* #20B2AA; #999999; FF7F50;*/
  background: #FFFFF0; /* #F5F5F5; */
  padding: 10px;
  width: 48%;
  height: 320px;
  font-family: sans-serif;
  font-size: 80%;
  text-align: left;
}

table.notebox {
  border: 2px dotted;
  border-collapse: collapse;
  border-color: #BDB76B;  /* #FF7F50; */
  background: #FFFFF0;
  padding: 10px;
  width: 98%;
  font-family: sans-serif;
  font-size: 70%;
}

table.notebox2 {
  border: 1px;
  border-color: #F5F5DC;
  background: #F5F5DC;
  padding: 10px;
  width: 98%;
  font-family: sans-serif;
  font-size: 70%;
  color: #888888;
}

table.share {		/* Delete this when new addthis button replacement is completed */
  clear: both;
  border: 0px;
  padding: 0px;
  width: 98%;
  font-family: sans-serif;
  font-size: 70%;
  font-weight: bold;
}

table.shareidx {
  float: left;
  margin-top: 10px;
  margin-left: 2%;
  border: 0px;
  padding: 0px;
  width: 48%;
  font-family: sans-serif;
  font-size: 70%;
  font-weight: bold;
}

table.banner {
  border: 0px;
}

table.wrapper {
  border: 0px;
  padding: 0px;
  margin-top: 5px;
}

table.mthtable {
  margin: 3px;
  border: 0px;
  padding: 0px;
  width: 48%;
  color: #555555;
  font-family: sans-serif;
  font-size: 90%;
  font-weight: bold;
}

.half {
  line-height: 0.5em;
}

/* General Class */

.BG0A {background: #999999; text-align: center}
.BG1 {background: #EEEEEE; text-align: left}
.BG2A {background: #F5F5F5; text-align: left}
.BG2B {background: #DCDCDC; text-align: left}
.BG3 {background: #DDDDDD; text-align: left}
.BG3R {background: #DDDDDD; text-align: right}
.R {text-align: right}
/* .BG4 {background: #FFDAB9; color:#FFFFF0; text-align:center} */
.BG4 {color: #A52A2A; text-align:center} /* #FFA500; */
.BG5 {background: #E6E6FA; text-align: left}

.head {                      /* table title, font properties only */
  font-family: sans-serif;   /* IMP change to h1 class="head" */
  font-size: 140%;
  font-weight: bold;
  margin-bottom: 0px;
  margin-top: 0px;
}

/* hover link effect */
a:link {color:#000000; text-decoration:none}
a:visited {color:#000000; text-decoration:none}
a:hover {color:#20B2AA; text-decoration:underline}
a:active {color:#FFA500}

a.menu:link {color:#20B2AA; text-decoration:none}
a.menu:visited {color:#20B2AA; text-decoration:none}
a.menu:hover {color:#000000; text-decoration:underline}
a.menu:active {color:#FFA500}

a.menu2:link {color:#999999; text-decoration:none}
a.menu2:visited {color:#999999; text-decoration:none}
a.menu2:hover {color:#000000; text-decoration:none}
a.menu2:active {color:#FFA500}

a.txtlink:link {color:#4169E1; text-decoration:none}
a.txtlink:visited {color:#4169E1; text-decoration:none}
a.txtlink:hover {color:#4169E1; text-decoration:underline}
a.txtlink:active {color:#FFA500}

a.topmenu:link {color:#20B2AA; text-decoration:none}
a.topmenu:visited {color:#20B2AA; text-decoration:none}
a.topmenu:hover {color:#000000; text-decoration:none}
a.topmenu:active {color:#FFA500}
/* topmenu juga diguna pada #legal */

a.tabc:link {color:#F4A460; text-decoration:none} /* #FFDAB9 */
a.tabc:visited {color:#F4A460; text-decoration:none} /* #FFDAB9 */
a.tabc:hover {color:#A52A2A; text-decoration:underline} /* #FFA500 */
a.tabc:active {color:#FFA500} /* #FFA500 */

.themetab1 {
  background: #DEB887; /* #FFDAB9; */
  vertical-align:top;
  text-align: center;
  color: #FFFFF0;
}
.themetab2 {
  background: #FFFFF0;
  vertical-align:top;
  text-align: center;
  color: #FFDAB9;
}


.greentxt {
  color: #20B2AA;
  font-family: sans-serif;
  font-size: 0.75em;
  font-weight: bold;
  padding: 2px 0px 5px 2px;
}

.greytxt {
  color: #888888;
  font-family: sans-serif;
  font-size: 0.70em;
  padding: 0.3em;
}

.maroontxt {
  color: #800000;
  font-family: sans-serif;
  font-size: 0.75em;
  font-weight: bold;
  padding: 2px 0px 5px 2px;
}

.dgoldtxt {
  color: #B8860B;
  font-family: sans-serif;
  font-size: 0.75em;
  font-weight: bold;
  padding: 2px 0px 5px 2px;
}

.hlight {
  color: #B22222;
  font-weight: bold;
}

.legend {
  color: #AAAAAA;
  font-family: sans-serif;
  font-size: 0.75em;
  font-weight: bold;
  padding: 0.3em;
}

.legend2 {
  color: #555555;
  font-family: sans-serif;
  font-size: 0.9em;
  font-weight: bold;
  padding: 0.3em;
}

.themetxt {
  background: #EEEEEE;
  text-align: right;
  color: #778899;
  font-family: sans-serif;
  font-size: 0.8em;
  padding: 0.3em;
}
.pagenav {
  background: #EEEEEE;
  font-family: sans-serif;
  font-size: 0.95em;
}

.sup1 {
  color: #800000;
  font-family: sans-serif;
  font-size: 0.75em;
  font-weight: bold;
}

/* location bar */
.location {
  border: 0px;
}

tr.d5 {
  font-family: sans-serif;
  font-size: 0.85em;
  font-weight: bold;
}
td.d5a {
  padding: 0px 0px 3px 2px;
}

/* help button */
.button{
  display: block;
/* float: right; */
  margin-right: 0px;
  border-bottom: 0px;
  width:15px;
  height:19px;
  background:url('help1a.png');
}

.button:hover{
  background:url('help1b.png');
}

/* help button 2 */
.button2{
  display:block;
  float: right;
  margin-right: 7px;
  border-bottom: 0px;
  width:15px;
  height:19px;
  background:url('help2a.png');
}

.button2:hover{
  background:url('help2b.png');
}

img.flag {
  border: 10px;
  border-color: blue;
}

/* list style */

ul.s5 {
list-style-type: none;
padding: 0px;
margin: 0px;
}

ul.s5a {
list-style-type: none;
padding: 0px;
margin: 10px;
}

li.t1 {
background-image: url(bullet02.png);
background-repeat: no-repeat;
background-position: 0px 5px;
padding-left: 14px;
}

li.t2 {
background-image: url(bullet03.png);
background-repeat: no-repeat;
background-position: 0px 5px;
padding-left: 14px;
}

li.t3 {
background-image: url(arrow03.png);
background-repeat: no-repeat;
background-position: 0px 5px;
padding-left: 14px;
}

li.t4 {
background-image: url(bullet04.png);
background-repeat: no-repeat;
background-position: 0px 3px;
padding-left: 14px;
}

/* will be phased out for browser compatibility */

li.issue{
  list-style-position: outside;
  margin-left: 8px;
  padding-left: 8px;
}
li.arrow01{
  list-style-position: outside;
  list-style-image: url(arrow01.png);
  margin-left: 17px;
}
li.arrow03{
  list-style-position: outside;
  list-style-image: url(arrow03.png);
  margin-left: 17px;
}
/* will be phased out for browser compatibility */