/* วิธีการพัฒนา CSS 
1. ให้ทำการไล่ Code ดูก่อนว่า มีแล้วหรือยัง 
2. ให้ทำการประกาศไว้ด้วยว่า ใครแก้ไขเพิ่มตรงตรงไหน  เพื่อลดปัญหาที่จะเกิดขึ้นกับหน้าตาเว็บไซต์
*/
/* ทดสอบ layout design ถ้าใช้งานจริงให้ commnet ออก */ 
/* div{ border:solid 1px #CCCCCC;}
*  img { border:solid 1px  #99CC00;}
* span{ border:solid 1px #99FF99;}
/* สิ้นสุดการทดสอบ layout design */



.bg3 { background-image:url(images/moic_bg3.png); height:82px;}

.textcontent{ font-size:12px; font-family:"Arial", Times, sans-serif, Helvetica;}
h1, h2, h3 {font-family:"Arial", Times, sans-serif, Helvetica; margin:0}
h1 {font-size: 14px;color: #fff;font-weight: normal;}
h2 {font-size: 12px;color: #06f;font-weight: bold;}
h3 {font-size: 10px;font-weight: bold;}

a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000;
}
a:link {
	text-decoration: none;
	color:#000000;
}
a:visited {
	text-decoration: none;
	color:#000000;
}
a:hover {
	text-decoration: underline;
	color: #7DCB27;
}
a:active {
	text-decoration: none;
	color: #7DCB27;
}
.text_head {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-weight: bold;
	color: #FF9900;
}
.text_head02 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: none;
	color: #999999;
}
/* รูปภาพ */ 
 img, div,  input { behavior: url(images/iepngfix.htc);}
 * html  img, div,  input { behavior: url(images/iepngfix.htc);}
img { border:0;}


/* Themes  และการจัดวาง */ 
#container
{
   width: 990px;
   position: relative;
   margin-top: 0px;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
   }
* html #container { width: 990px; }

.bg_menu { padding:10px 15px 20px 15px;  background-image:url(images/body_03.png); background-repeat:no-repeat;  background-position:bottom;}

/* Search Box */ 
.box {
	width:70%;
	height:23px;
	
	border-right:0px;
	border-bottom:1px solid #aeb9bb;
	border-top:1px solid #aeb9bb;
	border-left:1px solid #aeb9bb;
}
.picsearch{
	width:28px;
	height:27px;

}
/* End Search Box */


/* Content */ 
.bg_body_up {
   background-image:url(images/body_01.png);
   background-repeat:no-repeat;
   height:20px;
}
.bg_body_center {
   background-image:url(images/body_02.png);
   background-repeat:no-repeat;
   padding: 0px 15px 0px 15px;
overflow:hidden;
}
.logozone{height:89px; padding:0px 10px 0px 10px;}
.logozone_l{float:left; width:350px;}
.logozone_r{float:right; width:400px; text-align:right; margin-top:30px;}

.title_index{background:#ABD3D6; color:#274F52; font-weight:bold; padding:5px; font-size:14px;}

/* Hack PNG */
#container div,img {behavior: url(images/iepngfix.htc);}
* html #container div,img {behavior: url(images/iepngfix.htc);}

._dot{border-bottom:1px  #666666 dotted;}
* html ._dot{border-bottom:1px  #666666 dotted;}

.banner_r{float:right; width:220px; text-align:center;}

.block_left {
 width:220px; float:left;;

 }
 .block_center_detail {
 width:700px; float:right;

}
*:first-child+html .block_center_detail {
 width:700px; float:right; position:relative; left:-50px

}


.tableU_pading10 {
	font-size: 12px;
	font-weight: normal;
	font-family: "Tahoma";
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	background-color:#FFFFFF;
	padding:10px;
}

.tableU {
	font-size: 12px;
	font-weight: normal;
	font-family: "Tahoma";
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	background-color:#FFFFFF;
}
.table_ {
	font-size: 12px;
	font-weight: normal;
	font-family: "Tahoma";
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
.tablespace {
	font-size: 12px;
	font-weight: normal;
	font-family: "Tahoma";
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	width: 5px;
	height: 22px;
}


.tabmenu {
	font-size: 12px;
	font-weight: normal;
	font-family: "MS Sans Serif";
	background-image: url(http://www.thainhf.org/images/tabmenu_01.jpg);
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;

	border-bottom-color: #CCCCCC;
}
.tabmenu2 {
	font-size: 12px;
	font-weight: normal;
	font-family: "MS Sans Serif";
	background-image: url(http://www.thainhf.org/images/tabmenu_03.jpg);
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	height: 28px;
	float: none;
	clear: none;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
}
.calendar {
	PADDING-RIGHT: 2px;
	PADDING-LEFT: 18px;
	FONT-SIZE: 12xp;
	PADDING-BOTTOM: 2px;
	MARGIN: 0px;
	VERTICAL-ALIGN: middle;
	WIDTH: 21px;
	COLOR: #000000;
	PADDING-TOP: 3px;
	FONT-FAMILY: Tahoma;
	height: 21px;

	background-image: url(http://www.thainhf.org/images/calendar.gif);
	background-repeat: no-repeat;
	background-position: 0px 1px;

}
.titleFFFFFF {
	font-size: 40px;
	font-weight: bolder;
	font-family: "Tahoma";
	color: #FFFFFF;
}
.buntton_save {
	BORDER-RIGHT: #ffffff 0px solid;
	BORDER-TOP: #ffffff 0px solid;
	FONT-SIZE: 12xp;
	PADDING-BOTTOM: 15px;
	MARGIN: 0px;
	VERTICAL-ALIGN: middle;
	BORDER-LEFT: #ffffff 0px solid;
	WIDTH: 22px;
	COLOR: #000000;
	PADDING-TOP: 3px;
	BORDER-BOTTOM: #ffffff 0px solid;
	FONT-FAMILY: "Tahoma";
	HEIGHT: 21px;
	background-image: url(http://www.thainhf.org/admin/images/save.gif);
	background-repeat: no-repeat;
}
.tableUdot {

	font-size: 12px;
	font-weight: normal;
	font-family: "Tahoma";
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: dashed;
	border-bottom-style: dashed;
	border-left-style: dashed;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
.table_bold {


	font-size: 12px;
	font-weight: normal;
	font-family: "Tahoma";
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 2px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: dashed;
	border-bottom-style: solid;
	border-left-style: dashed;
	border-top-color: #336699;
	border-right-color: #336699;
	border-bottom-color: #336699;
	border-left-color: #336699;
}
.table_dot {

	font-size: 12px;
	font-weight: normal;
	font-family: "Tahoma";
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #E8E8E8;
	border-left-color: #CCCCCC;
}
.mytabledotdot {

	font-size: 12px;
	font-weight: normal;
	font-family: "Tahoma";
	border: 1px dashed #CCCCCC;
}
.select {
	font-size: 12px;
	font-weight: normal;
	font-family: "MS Sans Serif";
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dashed;
	border-right-style: dashed;
	border-bottom-style: dashed;
	border-left-style: dashed;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	background-color: #99CCCC;
}
.tabmenu_noselect {
	font-size: 12px;
	font-weight: normal;
	font-family: "MS Sans Serif";
	background-image: url(images/tabmenu_02.gif);
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-right-color: #FFFFFF;
	border-bottom-color: #CCCCCC;
}

.tabmenu_select {
	font-size: 12px;
	font-weight: normal;
	font-family: "MS Sans Serif";
	background-image: url(images/tabmenu_01.gif);
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	height: 28px;
	float: none;
	clear: none;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
}
.title {
	font-size: 18px;
	font-weight: bolder;
	font-style:italic;
	font-family: "Tahoma";
	color:#000066;
}
.title880000 {
	font-size: 20px;
	font-weight: bolder;
	font-style:italic;
	font-family: "Tahoma";
	color:#880000;
}
.title2 {
	font-size: 14px;
	font-weight: bolder;
	font-family: "Tahoma";
	color:#33CC33;
}
.title3 {
	font-size: 12px;
	font-weight: bolder;
	font-family: "Tahoma";
	color: #4F4FFF;
}
  .clear {
    clear:both;
    height:1px;
    overflow:hidden;
}
.block_themes_config {
background-image:url(images/bg_title.gif);
background-repeat:no-repeat;
width:220px; height:40px; padding:5px; }


/*Example CSS for the two demo scrollers*/

#pscroller1{
width: 320px;
height: 350px;
padding:10px;

}

#pscroller300{
width: 320px;
height: 220px;
padding:10px;

}
#pscroller2{
width: 320px;
height: 160px;
padding:10px;

}

#pscrollerweb{
width: 220px;
height: 120px;
padding:10px;

}
#pscroller3{
width: 440px;
height: 160px;
padding:10px;

}
.someclass{ //class to apply to your scroller(s) if desired
}
.redcolor {
	font-size: 36;
	font-weight: bold;
	color: #FF0000;
}

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */
width:500px;
overflow:hidden;
}
/*  */
.egallery{background:#FFFFFF; padding:5px; border:1px #CCCCCC solid;}
.pictravel{background:#FFFFFF; padding:2px; border:1px #CCCCCC solid; margin-left:5px; margin-right:5px; float:left;}
.cccccc{color:#999999};
.travel_box_index{line-height:16px;  height:110px;  border-bottom:1px #CCCCCC dotted;}

*:first-child+html .banner_r{float:right; width:220px; margin-right:30px; }

.pics{filter : Alpha(Opacity = 60); -moz-opacity:.60;opacity:.60;
}
.pics:hover{filter : Alpha(Opacity = 100); -moz-opacity:1.0;opacity:1.0;
}