/* CSS Document */
@charset "windows-874";
body {
   margin:0 0 0 0px; 
   padding:0;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:12px;
}

ul {

}
ul li {
}

a:link {
}
a:visited {
}
a:hover {
}
p {
}

/* mainpage  */
#mainpage {
    width:950px;
	margin:0 auto;
	padding:0;
	border:1px solid #666666;
	display:table; /* ถ้าไม่ใส่ firefox จะไม่ยืดกรอบออก */
}

/* Header web */
#header {
    width:950px;
	height:162px;
}
#header .mainlogo {
	float:left;
	padding-left:20px;
	padding-top:20px;
}
#header .topbanner {
   float:right;
   padding:10px;
}

/* TOP MENU */
#topmenu {
    clear:both;
	height:32px;
	background:url(../images/topmenu_tabbg.gif) repeat-x;
	text-align:center;
	float:none;
}
#topmenu ul {
    list-style:none;
} 
#topmenu li {
    display:block;
	float:left;
	padding:6px 30px 5px 0px;
	font-weight:bold;
	color:#669900;
} 
#topmenu li a {
   text-decoration:none;
   color:#669900;
}
#topmenu li a:hover {
    color:#FF6600;
	text-decoration:underline;
}

#header_cartoon {
   margin:0 auto;
}

/* CONTENT */
.content_wrap {
   margin:0px 0px 20px 0px;
   padding:0;
   clear:both;
}

#left_side {
    margin:0;
	padding:0;
    float:left;
    width:200px;
	height:600px;
}

/* banner หลักหลายป้ายด้านบน */
#banner_topzone {
	 margin:0 auto;
	 padding:0;
	 margin-bottom:20px;
}
#banner_topzone ul {
     list-style:none;
	 margin:10px;
	 padding-left:30px;
}
#banner_topzone li {
     display:block;
	 float:left;
	 padding:0px 10px 0px 10px;
	 margin:0px 0px 10px 0px;
	 text-align:center;
	 width:150px;
	 height:230px;
}

#banner_topzone li .marktext {
    color:#CC6633;
}

#banner_topzone li a {
     color:#333333;
	 text-decoration:underline;
}


#menu_left {
   width:190px;
   background:#DDF589;
   display:table;
   padding:0px 5px 0 5px;
   margin:0px 5px 10px 5px;
}

#menu_left h2 {
    background:#669933 url(../images/tab_hgreen.gif) ;
	color:#FFFFFF;
	font-size:14px;
	padding-left:5px;
	margin-top:5px;
}

#menu_left ul {
    float:left;
	margin-left:5px;
	padding-left:10px;
	list-style:url(../images/bulc.gif) ;
}
#menu_left li {
	color:#333333;
	text-align:left;
	line-height:30px;
	margin:0px 3px 3px 5px;
	padding:0px 0px 0px 0px;
	width:150px;
	border-bottom:1px dotted #009933;
}
#menu_left li a {
   color:#000000;
   text-decoration:none;
   font-weight:normal;
}


#menu_left2 {
   width:190px;
   background:#F7F7EE;
   border:#CCCCCC 1px solid;
   display:table;
   padding:0px 5px 0 5px;
   margin:0px 5px 10px 5px;
   font-size:14px;
}
#menu_left2 h2 {
    background:#FF9900 url(../images/tab_orange.gif) no-repeat;
	color:#FFFFFF;
	font-size:14px;
	padding-left:5px;
	margin-top:5px;
}
#menu_left2 ul {
    float:left;
	margin-left:5px;
	padding-left:10px;
	list-style:url(../images/icon_boxcross.gif) ;
}
#menu_left2 li {
	color:#333333;
	text-align:left;
	line-height:30px;
	margin:0px 3px 3px 5px;
	padding:0px 0px 0px 0px;
	width:150px;
	border-bottom:1px dotted #009933;
}
#menu_left2 li a {
    color:#333333;
}

#side_sponsors {
   display:block;
   padding:10px 5px 10px 5px;
   margin:0px 5px 10px 5px;
   width:190px;
   text-align:center;
   border:dotted 1px #999999;
}
#side_sponsors .textTone {
   color:#339900;
}


#side_announce {
   width:190px;
   background:#FFF2FF;
   border:1px solid #999999;
   text-align:center;
   display:table;
   padding:10px 5px 10px 5px;
   margin:0px 5px 10px 5px;
}

#side_announce p  {
   color:#000000;
   font-size:12px;
   text-align:left;
}
#side_announce a.text1 {
   color:#999900;
   text-decoration:none;
}
#side_announce a.text2 {
   color:#009966;
   text-decoration:none;
}

#side_announce a.text3 {
   color:#9933CC;
   text-decoration:none;
}


/* content ส่วนกลาง */
#content_side {
   width:740px;
   float:right;
   text-align:center;
   margin-bottom:20px;
   padding:0;
}

#content_side H1 {
     background: #99CC00 url(../images/tab_contentorange.gif) repeat-x;
	 color:#000000;
	 font-size:14px;
	 font-weight:bold;
	 line-height:28px;
}

#content_side .bannerRight {
     margin:20px 0px 30px 10px;
}


#searchzone {
    margin:0px 5px 0px 5px;
    background:#FAFAF5;
	display:table;
	padding:0px 0px 10px 0px;
}
#searchzone H1 {
    background: #99CC00 url(../images/bar_green.jpg) repeat-x;
	height:26px;
	color:#000000;
	font-weight:bold;
	font-size:14px;
}

#searchzone ul {
   margin-bottom:5px;
   margin-left:20px;
   padding:0;
   list-style:none;
}
#searchzone li {
    float:left;
	display:table;
	color:#000000;
	margin:0;
	padding-right:10px;
	padding-bottom:10px;
	width:200px;
	text-align:left;
}
#searchzone li a {
   color:#000000;
   text-decoration:none;
}

#announce_board {
    margin:0px 5px 0px 5px;
	padding:0;
}

#announce_board table.maintable {
     width:550px;
	 height:250px;
	 float:left;
}

#announce_board .bannerRight {
    float:right;
	padding-right:30px;
	padding-left:10px;
	padding-top:0px;
	margin:0;
}

#announce_board .tabhead {
     color:#FFFFFF;
	 background:#999933;
	 line-height:24px;
	 font-size:12px;
}
#announce_board .tabhead a {
     color:#FFFFFF;
}
#announce_board .tabbottom {
 	 background:#B9B973;
     color:#FFFFFF;
}
#announce_board .tabbottom a {
    color:#FFFFFF;
}

#announce_board a {
   color:#333333;
}

/* ส่วนของ footer */
#footer {
    clear:both;
	background:#8DAC53;
	color:#FFFFFF;
	padding:20px;
	text-align:center;
}

#footer a:link,a:visited {
     color:#FFFF66;
	 font-weight:bold;
}

#footer a.web{
     color:#000000;
}