body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	/*background-color:#F9E79B;*/
	/*background-color:#754c29;*/
	/*background-color:#4f2a0f;*/
	background-color:#3d1f07;
	margin:0px;
	padding:0px;
	margin:0 auto;  
	width:1020px; 
	font: normal 15px/18px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#663300;
	background-image:url(images/bg2_1.jpg);

}
.container {

background-color:#F9E79B;
position:fixed; top:0; left:0; width:100%; height:100%;
position:relative; z-index:1;
min-height:450px;
height:auto;

} 



td {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
th {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}


.header{
background:url(images/Header_2.jpg);
background-repeat:no-repeat;
height:280px;
width:1020px;
width:100%;
text-align:left;
}
.footer {
  width: 1020px;
  height: 120px;
 max-height:auto;
   text-align:center;
  background:url(images/Footer_1.jpg);
  position:absolute;
  bottom: 0;
  left: 0;
  right: 0;

}
.Textfooter {
 padding-top:80px;
 padding-left:30px;
 text-align:center;
  width: 1020px;
  height: 120px;
  color:#663300;
  font: normal 12px/15px Verdana, Geneva, Arial, Helvetica, sans-serif;
} 

/*  แบบปกติ
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 14px;
line-height: 20px; ระยะห่างระหว่างบรรทัด*/

.textBole { 
color:#663300;
font-size:15px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight : bold;
}
.textHeader { 
color:#663300;
font-size:18px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight : bold;
}
.textPerson {  
 padding-left:-100px;
 margin-left:-100px;
 padding-top:30px;
 vertical-align:top;
 text-align:left;
  color:#663300;
}

.topContent {
padding-top:0px;
padding-left:30px;
width:785px;
}
.TextFable {
color:#663300;
margin:5px 5px ;
padding:5px 5px;
text-align: left;
font: normal 14px/14px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.textActivity2  {
color:#663300;
margin:5px 0px ;
padding:5px 0px;
/*text-align: center;*/
padding-left:85px;
font: normal 14px/14px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.textActivity{
color:#663300;
margin:5px 0px ;
padding:5px 0px;
text-align: center;
font: normal 14px/14px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.padding1{
padding-left:30px;
}


/*
 โค้ดการเขียน css tab หน้าข่าวบทความ
*/
div.WorldphpTab {
 margin: 0;
 padding: 0;
width: 785px;

}
div.WorldphpTab ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.WorldphpTab ul:first-child>li {
    border-left: 0.1em solid #FFFFCC;
    border-right: 0.1em solid #FFFFCC;
    border-top: 1px solid #FFFFCC;
    display: inline-block;
    margin: 0;
    padding: 4px 10px;
 
    border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
}
.WorldphpTab ul:first-child>li a{
    color: #000;
    font-size: 0.9em;
    text-decoration: none;
}
.WorldphpTab ul:first-child>li a:hover ,
.WorldphpTab ul:first-child>li.active a {
    color: #069;
}
.WorldphpTab ul:first-child>li.active{
    background: none repeat scroll 0 0 #FFFFFF;
    font-weight: bold;
    z-index: 1;    
}
.WorldphpTab .WorldphpTabData {
    border: 0.1em solid #FFFFCC;
    display: block;
    margin: -1px 0 0;
    padding: 0;
    width: 99%;/* ******ปรับขนาดกรอบ*/
    z-index: 0;
	 background-color:#FFFFFF;
	 background-image:url(doc/photoArit/paper2.jpg);

}
.WorldphpTabData>div {
    display: none;
    margin: 0;
    padding: 0; 
}
.WorldphpTabData>div.active {
    display: block;
    margin: 10px;
    font-size: 0.9em;
    width: 100%;
}

/*เมนูใหม่*/
#menu-v li, #menu-v a {zoom:1;} /* Hacks for IE6, IE7 */
#menu-v, #menu-v ul
{
    width: 199px; /* Main Menu Item widths */
    border: 1px solid #754c29;
    border-top:none;
    position: relative; font-size:0;
    list-style: none; margin: 0; padding: 0;
	display:block;
    z-index:9;
	padding-left:0px;
	margin-top: 0px;
}

/* เมนู
---------------------------------------*/
.menu{
/* background:url(images/Menu_5.jpg);*/
 background:url(images/Menu1.jpg);
width:210px;
height:300px;
padding-top:80px;
margin-left:7px; /***ขยับเมนูให้ตรงกับ Header***/
	padding-left:0px;
background-repeat:no-repeat;
}
.TextMenu 
{
color: #754c29;
text-align: left;
font: normal 12px/10px Verdana, Geneva, Arial, Helvetica, sans-serif;
/* เพิ่มเอง*/
/*background:url(doc/photo/icon_p30x20.png) ;
background-repeat:no-repeat;*/




}
                
/* Top level menu links style 
#ffeb8a
#c49a6c น้ำตาลเมนู 
#ddaa78 น้ำตาลเมนู เวลาเม้าส์
#754c29 น้ำตาลเข้ม เส้น
---------------------------------------*/

#menu-v li
{
    background: #c49a6c  url(bg.gif) repeat-x 0 2px;
    list-style: none; margin: 0; padding: 0;
	/*เพิ่มเติม*/

}
#menu-v li a
{	
    font: normal 12px Arial;
    border-top: 1px solid #754c29;
    display: block;
    /*overflow: auto; force hasLayout in IE7 */
    color: black;
    text-decoration: none;
    line-height:30px;
	    /*ขยับข้อความเมนู*/
    padding-left:3px;            
}
#menu-v ul li a
{
    line-height:30px;
}
                
#menu-v li a.arrow:hover
{
    background-image:url(arrowon.gif);
    background-repeat: no-repeat;
    background-position: 97% 50%;
}
        
/*Sub level menu items
---------------------------------------*/
#menu-v li ul
{
    position: absolute;
    width: 280px; /*Sub Menu Items width */
    visibility:hidden;
}
        
#menu-v a.arrow
{
    background-image:url(arrow.gif);
    background-repeat: no-repeat;
    background-position: 97% 50%;
}
#menu-v li:hover, #menu-v li.onhover
{
    background-position:0 -62px;
	
	 background: #ddaa78;
}
#menu-v ul li
{
    background: rgba(255, 255, 255, 0.86);
    background-image:none;
}
#menu-v ul li:hover, #menu-v ul li.onhover
{
    background: #ddaa78;
    background-image:none;
}
        
/* Holly Hack for IE \
* html #menu-v  li
{
    float:left;
    height: 1%;
}
* html #menu-v  li a
{
    height: 1%;
}*/
/* End */

.bg{
background-image:url(doc/photoArit/paper3.jpg);
/*width:780;*/
height:auto;

}