body,html { margin: 0px; padding: 0px; font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; color: #220D00; font-size: 12px; background-color: #FC924D; background-image: url("http://www.thaikat.com/images/back_stripes.gif"); background-position: top left; background-repeat: repeat-y; }
div { box-sizing: content-box; -moz-box-sizing: content-box; }
/* LIGHT ORANGE  */
A.set1:link          { text-decoration: none; color: #FFE8D9; }
A.set1:visited       { text-decoration: none; color: #FFE8D9; }
A.set1:active        { text-decoration: none; color: #FFE8D9; }
A.set1:hover        { text-decoration: none; color: #FFE8D9; border-bottom: solid 1px #511F00; }
/* WHITE  */
A.set2:link          { text-decoration: none; color: #FFFFFF; }
A.set2:visited       { text-decoration: none; color: #FFFFFF; }
A.set2:active        { text-decoration: none; color: #FFFFFF; }
A.set2:hover        { text-decoration: none; color: #511F00; border-bottom: solid 1px #FFFFFF; }
/* MEDIUM ORANGE */
A.set3:link          { text-decoration: none; color: #FF9453; }
A.set3:visited       { text-decoration: none; color: #FF9453; }
A.set3:active        { text-decoration: none; color: #FF9453; }
A.set3:hover        { text-decoration: none; color: #FFFFFF; border-bottom: solid 1px #FF9453; }
/* DARK ORANGE (BROWN) */
A.set4:link          { text-decoration: none; color: #511F00; }
A.set4:visited       { text-decoration: none; color: #511F00; }
A.set4:active        { text-decoration: none; color: #511F00; }
A.set4:hover        { text-decoration: none; color: #DF5400; border-bottom: solid 1px #FFFFFF; }
/* MEDIUM ORANGE no lines */
A.set5:link          { text-decoration: none; color: #FF9453; }
A.set5:visited       { text-decoration: none; color: #FF9453; }
A.set5:active        { text-decoration: none; color: #FF9453; }
A.set5:hover         { text-decoration: none; color: #FFD9C1; }
/* DARK ORANGE with underline */
A.set6:link          { text-decoration: none; color: #C64A00; }
A.set6:visited       { text-decoration: none; color: #C64A00; }
A.set6:active        { text-decoration: none; color: #C64A00; }
A.set6:hover         { text-decoration: none; color: #C64A00; border-bottom: solid 1px #FFFFFF; }

.orange1 { position: absolute; top: 0px; left: 0px; width: 100%; height: 120px; background-color: #DF5400; z-index: 2; overflow: hidden; }
.orange2 { position: absolute; top: 0px; left: 0px; width: 30px; height: 120px; background-color: #FF6304; z-index: 42; overflow: hidden; }
.orange3 { position: absolute; top: 0px; left: 0px; width: 100%; height: 10px; background-color: #CA4B00; z-index: 23; overflow: hidden; }
.orange4 { position: absolute; top: 0px; left: 0px; width: 30px; height: 10px; background-color: #DD5300; z-index: 44; overflow: hidden; }
.orange5 { position: absolute; top: 0px; left: 290px; width: 420px; height: 120px; background-color: #DB5B0D; z-index: 24; overflow: hidden; }
.orange6 { position: absolute; top: 0px; left: 290px; width: 420px; height: 10px; background-color: #CA530D; z-index: 25; overflow: hidden; }

.langswitch { position: absolute; top: 0px; left: 10px; width: 150px; height: 25px; font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size: 14px; color: #FF9453; padding: 3px; z-index: 80; font-weight: bold; }
.logo { position: absolute; top: 11px; left: 190px; z-index: 54; }
.url { position: absolute; top: 0px; right: 0px; height: 25px; width: 135px; font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size: 11px; color: #FFE0CE; letter-spacing: 2px; padding: 4px; z-index: 50; }

.topbar { position: absolute; top: 40px; left: 0px; width: 100%; height: 22px; background-color: #511F00; border-top: solid 1px #FFE0CE; border-bottom: solid 1px #FFE0CE; z-index: 40; }
.barend { position: absolute; top: 40px; left: 60px; z-index: 43; }
.topstripe { position: absolute; top: 45px; left: 0px; width: 100%; height: 6px; background-color: #FFE0CE; padding: 0px; margin: 0px; overflow: hidden; z-index: 41; }
.cover { position: absolute; top: 40px; left: 30px; width: 30px; height: 30px; z-index: 42; background-color: #DF5400; }

.bullet { color: #511F00; font-weight: bold; }
.sidebar { position: relative; float: right; border: solid 1px #511F00; padding: 5px 0px 5px 15px; margin-left: 20px; font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size: 16px; width: 190px; background-color: #F8D3BE; }
.contentbox { position: absolute; left: 135px; top: 86px; width: 520px; padding: 0px; z-index: 50; }
.picbox { position: relative; top: 5px; margin: 0px; padding: 0px; }
.path { position: absolute; left: 200px; top: 51px; height: 20px; font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size: 10px; color: #C64A00; z-index: 50; }
h1.maintitle { position: absolute; top: 78px; left: 150px; color: #FFC29D; font-size: 20px; line-height: 20px; z-index: 100; padding: 0; margin: 0; }
.links_eng { font-family: Times, "Times New Roman", "Book Antiqua", serif; font-size: 22px; }
.links_thai { font-family: "Microsoft Sans Serif", "MS Sans Serif", sans-serif; font-size: 16px; font-weight: bold; padding-left: 20px; }
	.links_thai li {
		padding: 0 0 5px 0;
	}
.padding { padding: 10px; margin: 15px; width: 467px; background-image: url("http://www.thaikat.com/images/transback.png"); font-family: "Microsoft Sans Serif", "MS Sans Serif", sans-serif; font-size: 11pt; color: #511F00; border: solid 1px white; }
