@charset "utf-8";
/*ให้ใช้ font ตามรายการข้างล่างในทุกตัวอักษรที่แสดงในเว็บเพจ */
* {
font-family: tahoma, "ms Sans Serif", Verdana, loma;
}
body {
margin: 0px;
padding: 0px;
background-color: #021B30;
}
/*กำหนดส่วนแสดงภาพและสัญลักษณ์ด้านบนสุดของเว็บเพจ */
#head {
background-image: url(../images/head.jpg);
background-repeat: no-repeat;
clear: both;
height: 150px;
width: 796px;
border: 2px solid #FFFFFF;
}
#containner {
width: 800px;
border-top-width: 5px;
border-top-style: solid;
border-top-color: #CBC2A5;
margin-top: 5px;
text-align: left;
}
#containner #main {
background-image: url(../images/bg.jpg);
float: left;
width: 800px;
background-color: #FFFFFF;
background-repeat: repeat-y;
}

/* ---------------------------------- CSS สำหรับ LEFT -------------------------------------*/

 

/*กำหนดตำแหน่ง และขนาดของพื้นที่แสดงผลทางซ้ายมือ */
#containner #main #left {
float: left;
width: 230px;
margin:0px;
padding:0px;
}

/*กำหนดการแสดงผลของ navigation*/
#containner #main #left #navigation {
width: 230px;
margin:0px;
padding:0px;
float: left;
}
/*แสดงผลรายการหัวข้อที่อยู่ใน h1 ด้วยพื้นหลังสีเหลือง */
#containner #main #left #navigation h1.yellow {
height: 18px;
width: 205px;
margin-top:0px;
margin-bottom:5px;
position: relative;
left: 5px;
top: 5px;
background-image: url(../images/yellow.jpg);
padding: 5px;
color: #FFFFFF;
font-size: 15px;
font-weight: bold;
display: block;
}
/*แสดงรายการที่ตามหลังหัวข้อหลักที่อยู่ใน UL */
#containner #main #left #navigation ul {
padding:0px;
margin-left:28px;
margin-top:5px;
position:relative;
list-style-image: url(../images/arrow.gif);
}
#containner #main #left #navigation li {
font-size: 13px;
line-height:20px;
list-style-type: none;
}
#containner #main #left #navigation li a{
font-size: 13px;
line-height:20px;
text-decoration:none;
color:#000000;
}