/* CSS Document */

#wellcome  { 	width: 100%;  padding: 15px 0px 15px  0px;  }
#wellcome div {  padding-top:2px; padding-left:20px;  padding-right:20px; }

#body_line {  border-left: #3399FF 1px double;  }

#collum_1  { 	width: 100%;  padding: 0px 0px 0px  0px;   float:left;  }
#collum_1 div {  padding-top:10px; padding-left:20px;  padding-right:20px; padding-bottom:0px;     }
#collum_1  ul{ 	width: 100%;  padding: 0px 0px 15px  0px;  float:left; }
#collum_1 h2 {  padding-bottom:2px; padding-top:2px; padding-left:20px; padding-right:20px;  background-color: #3399FF ;}
#collum_1  .content  {	display:block;  float:left;  text-decoration:none; border-bottom: #3399FF 1px  solid  ;   	}
#collum_1 .odd img {float:left;  width: 100px; height : 100px; margin-bottom:0px; margin-top:5px; margin-left:0px; margin-right:10px;   border:solid 1px #CCCCCC }
#collum_1 .event img {float:left; width: 100px; height : 100px;  margin-bottom:0px; margin-top:5px; margin-left:0px; margin-right:10px;  border:solid 1px #CCCCCC  }
#collum_1 .readmore  {float:left;}

#collum_2  { 	width: 100%;  padding: 0px 0px 0px  0px;   float:left;  }
#collum_2 div {  padding-top:10px; padding-left:20px;  padding-right:20px; padding-bottom:0px;     }
#collum_2  ul{ 	width: 100%;  padding: 0px 0px 20px  0px;  float:left; }
#collum_2 h2 {  padding-bottom:2px; padding-top:2px; padding-left:20px; padding-right:20px;  background-color: #3399FF ;}
#collum_2  .content  {	display:block;  float:left;  text-decoration:none;  	}
#collum_2 .odd img { margin-bottom:0px; margin-top:5px; margin-left:0px; margin-right:10px;   border:solid 1px #CCCCCC }
#collum_2 .event img { margin-bottom:0px; margin-top:5px; margin-left:10px; margin-right:0px;  border:solid 1px #CCCCCC  }
#collum_2 .readmore  {float:left;}

#collum_3  { 	width: 100%;  padding: 0px 0px 10px  0px;   float:left;  }
#collum_3 div {  padding-top:2px; padding-left:20px;  padding-right:20px; padding-bottom:10px;   }
#collum_3  ul{ 	width: 100%;  padding: 0px 0px 10px  0px;  float:left; }
#collum_3 h2 {  padding-bottom:2px; padding-top:2px; padding-left:20px; padding-right:20px;  background-color: #3399FF ;}
#collum_3  .content  {	display:block;  float:left;  text-decoration:none;   	}
#collum_3 .odd img {float:left;  width: 70px; height : 70px; margin-bottom:0px; margin-top:5px; margin-left:0px; margin-right:10px;   border:solid 1px #CCCCCC }
#collum_3 .event img {float:right; width: 70px; height : 70px;  margin-bottom:0px; margin-top:5px; margin-left:10px; margin-right:0px;  border:solid 1px #CCCCCC  }
#collum_3 .readmore  {float:left;}

#collum_4  { 	width: 100%;  padding: 0px 0px 10px  0px;   float:left;  }
#collum_4 div {  padding-top:2px; padding-left:20px;  padding-right:20px; padding-bottom:10px;    }
#collum_4  ul{ 	width: 100%;  padding: 0px 0px 10px  0px;  float:left; }
#collum_4 h2 {  padding-bottom:2px; padding-top:2px; padding-left:20px; padding-right:20px;  background-color: #3399FF ;}
#collum_4  .content  {	display:block;  float:left;  text-decoration:none;  	}
#collum_4 .odd img {float:left; margin-bottom:0px; margin-top:5px; margin-left:0px; margin-right:10px; border:solid 1px #CCCCCC }
#collum_4 .event img {float:left;margin-bottom:0px; margin-top:5px; margin-left:0px; margin-right:10px;  border:solid 1px #CCCCCC  }
#collum_4 .readmore  {float:right;}


#catagory_all  {  padding: 0px 0px 10px  0px;     }
#catagory_all div {  padding-top:2px; padding-left:20px;  padding-bottom:5px; width: 96%;  }
#catagory_all  ul{ 	width: 100%;  padding: 0px 0px 10px  0px;  float:left; border-bottom: #CCCCCC 1px dotted;  }
#catagory_all h1 {  padding-bottom:2px; padding-top:0px; padding-left:20px; padding-right:20px; }
#catagory_all  .content  {	display:block;  float:left; padding-top:10px;  text-decoration:none; }
#catagory_all .odd img {float:left;   margin-bottom:0px; margin-top:5px; margin-left:0px; margin-right:10px;   border:solid 1px #CCCCCC }
#catagory_all .event img {float:right;  margin-bottom:0px; margin-top:5px; margin-left:10px; margin-right:0px;  border:solid 1px #CCCCCC  }
#catagory_all .readmore  {float:left;}

/* รูปอยู่บน */
#img_top { 	width: 100%;  padding: 0px 0px 10px  0px;  float:left; }
#img_top div {  padding-top:2px; padding-left:20px;  padding-right:20px; padding-bottom:10px;  }
#img_top  ul{ 	width: 100%;  padding: 0px 0px 10px  0px;  float:left; }
#img_top h1 {  padding-bottom:2px; padding-top:2px; padding-left:20px; padding-right:20px;  background-color:  ;   }
#img_top  .content  {	float:left;  text-decoration:none;  padding-top:2px; padding-left:20px;  padding-right:5px; padding-bottom:10px;   	}
#img_top .odd img { margin:2px; width: 80px; height : 80px;}
#img_top .event img { margin:2px;  width: 80px; height : 80px;}
#img_top .readmore  { float:right; display:none }



.menu_pageNO { color:#FFFFFF; margin-bottom:0px; margin-top:10px; }
.menu_pageNO a{ color:#FFFFFF; 	text-decoration:none; 	background:#0099FF; border:1px solid #CCCCCC;
				padding:2px 4px 2px 4px;   /*บน  ขวา  ล่าง ซ้าย*/
				height:25px;text-decoration:none; }
.menu_pageNO a:hover{ color:#FFFF00;text-decoration:none; 
				background:#0099FF;
				border:1px solid #FFFF00;
				padding:2px 4px 2px 4px;   /*บน  ขวา  ล่าง ซ้าย*/
				text-decoration:none;  }