/* กำหนดค่าทั่วไป */
body {font: 10pt/16pt 'Tahoma'; width: 100%; margin: 0; background-color: #7f19a5;}
h1,h2,h3,h4,h5,h6 {margin: 0;}
h2 {font: bold 14pt/18pt 'Tahoma';}
h3 {font: bold 12pt/18pt 'Tahoma';}
ul,li {margin: 0; padding: 0; list-style-type: none;}
a:link {color: #333; text-decoration: none}
a:visited {color: #333; text-decoration: none}
a:active {text-decoration: none}
a:hover {text-decoration: underline; color: red;}

/* รูปภาพ */
img.thumbnail {margin: 5px; border: #CCC 5px solid;}

/* ส่วนของ header ด้านบน */
.head {margin-left: auto; margin-right: auto; width: 990px;}
.menu {background: url('../images/head_bg.jpg'); width: 990px; height: 28px; text-align: right; color: #FFF;}

/* ส่วนของเนื้อหาด้านกลาง */
.container {margin-left: auto; margin-right: auto; width: 990px; background-color: #fff;}

/* ข้อมูลแถวที่หนึ่ง */
.container .sec1 {width: 100%;}
.container .sec1 .left {float: left; width: 640px; height: 100%;}
.container .sec1 .left .img_highlight {float: left; width: 310px; margin-right: 8px;}
.container .sec1 .left .con_highlight {float: left; width: 290px;}
.container .sec1 .right {float: right; width: 320px; height: 100%; margin-right: 5px; margin-top: 10px;}
.container .sec2 {float: left; width: 320px; height: 100%; margin-left: 5px;}

.normal_box {width: 100%; margin-top: 10px;}

/* แถบสีต่าง ๆ */
.container .green_top {width: 310px; height: 42px; margin-top: 0; padding-left: 10px; background-image: url('../images/topic_green.gif');}
.container .green_bg {width: 320px; height: 100%; background-image: url('../images/background_green_box.gif');}

/* แถบสีต่าง ๆ */
.container .blue_top {width: 310px; height: 42px; margin-top: 0; padding-left: 10px; background-image: url('../images/topic_blue.gif');}
.container .blue_bg {width: 320px; height: 100%; background-image: url('../images/background_blue_box.gif');}

/* แถบสีต่าง ๆ */
.container .yellow_top {width: 310px; height: 42px; margin-top: 0; padding-left: 10px; background-image: url('../images/topic_yellow.gif');}
.container .yellow_bg {width: 320px; height: 100%; background-image: url('../images/background_yellow_box.gif');}

/* แถบสีต่าง ๆ */
.container .violet_top {width: 310px; height: 42px; margin-top: 0; padding-left: 10px; background-image: url('../images/topic_violet.gif');}
.container .violet_bg {width: 320px; height: 100%; background-image: url('../images/background_violet_box.gif');}

/* แถบสีต่าง ๆ */
.container .red_top {width: 310px; height: 42px; margin-top: 0; padding-left: 10px; background-image: url('../images/topic_red.gif');}
.container .red_bg {width: 320px; height: 100%; background-image: url('../images/background_red_box.gif'); border-bottom: #ed1c24 1px solid;}

/* แถบสีต่าง ๆ */
.container .yellow2_top {width: 310px; height: 42px; margin-top: 0; padding-left: 10px; background-image: url('../images/topic_yellow2.gif');}
.container .yellow2_bg {width: 320px; height: 100%; background-image: url('../images/background_yellow2_box.gif'); border-bottom: #d27d00 1px solid;}

/* แถบสีต่าง ๆ ยาว 640 */
.container .r640_top {width: 630px; height: 42px; margin-top: 0; padding-left: 10px; background-image: url('../images/topic_r640.png');}
.container .r640_bg {width: 640px; height: 100%; border: #a71a1a 1px solid;}

/* แถบสีต่าง ๆ ยาว 640 */
.container .g640_top {width: 630px; height: 42px; margin-top: 0; padding-left: 10px; background-image: url('../images/topic_g640.png');}
.container .g640_bg {width: 640px; height: 100%; border: #b3d34c 1px solid;}

.container .column {float: left; width: 320px; height: 100%;}

.clear {clear: both;}
#footer {margin-left: auto; margin-right: auto; margin-top: 0; padding-top: 10px; padding-bottom: 10px; width: 980px; background-color: #FFFFFF; text-align: center;}

/* Solid Box
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ */
.content_set_sec2 {float: left; width: 253px; margin-left: 10px;}
.background_solid {background: url('../images/bg_solid_box.gif') repeat-y; padding: 10px; height: 100%;}
.background_longsolid {background: url('../images/bg_longsolid_box.gif') repeat-y; padding: 10px; height: 100%;}


/* General */
#cssdropdown, #cssdropdown ul { list-style: none; }
#cssdropdown, #cssdropdown * { padding: 0; margin: 0; }
ul.n {background-color: #666666;}

/* Head links */
#cssdropdown li.headlink { float: left; margin-left: -1px; color: #000; text-align: left; }
#cssdropdown li.headlink a { display: block; }

/* Child lists and links */
#cssdropdown li.headlink ul { display: none; border: 1px black solid; text-align: left; }
#cssdropdown li.headlink:hover ul { display: block; }
#cssdropdown li.headlink ul li a { padding: 4px; height: 22px; }
#cssdropdown li.headlink ul li a:hover { background-color: #333; }

/* Pretty styling */
#cssdropdown a { color: #FFF; font-weight: bold;} 
#cssdropdown ul li a:hover { text-decoration: none; }
#cssdropdown li.headlink {}
#cssdropdown li.headlink ul {position: absolute; width: 180px;}