img {
-webkit-filter: grayscale(100%); 
filter: grayscale(100%);
}
html {
-webkit-filter: grayscale(100%);
}
BODY {
	SCROLLBAR-FACE-COLOR: #ffffff;
	SCROLLBAR-HIGHLIGHT-COLOR: #7ea0ca;
	SCROLLBAR-SHADOW-COLOR: #7ea0ca;
	SCROLLBAR-3DLIGHT-COLOR: #ffffff;
	SCROLLBAR-ARROW-COLOR: #7ea0ca;
	SCROLLBAR-TRACK-COLOR: #ffffff;
	SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
	SCROLLBAR-BASE-COLOR: #073663;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
	color: #000000;
	margin: 0px;
	padding: 0px;
	background-color: transparent;
	line-height: 1.4;
	background-attachment: fixed;
	background-image: url(/2011/images/bg_website01.gif);
	background-repeat: repeat-x;
	background-position: center top;}
A:link {
	COLOR: #FFF;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	border: none;
	text-decoration: none;
}
A:visited {
	COLOR: #FFF;
	TEXT-DECORATION: none;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
A:hover {
	COLOR: #00F;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
/******* main หลัก *******/
.container {
	width: 1020px; /* the auto value on the sides, coupled with the width, centers the layout */
	-moz-box-shadow: 5px 5px 5px #ccc;
	-webkit-box-shadow: 5px 5px 5px #ccc;
	box-shadow: 5px 5px 5px #ccc;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	background-color: #FFF;
}
/******* หัว *******/
.header {
	background-color: #FFF;
	background-image: url(../2011/images/head/main_01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.head_menu {
	margin-top: 0px;
	margin-right: auto;
	width: 1020px;
	margin-bottom: 0px;
	margin-left: auto;
	height: 440px;
}
.head_menuadjust {
	margin-top: 0px;
	margin-right: 0px;
	width: 700px;
	margin-bottom: 0px;
	margin-left: auto;
}
.head_text {
	margin-top: -100px;
	margin-right: 0px;
	width: 1020px;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
	position: absolute;
}

/* ~~ ส่วนเนื้อหาทั้งหมด ~~ */
.content {
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}
.content_part1 {  /* ~~ เนื้อหาแถวแรก ~~ */
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
	height: 280px;
	background-color: #FFF;
}
.content_part1_ep1 { /* ~~ ปฏิทิน ~~ */
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
	background-color: #FFF;
	width: 310px;
	background-image: url(../2011/images/main_02.jpg);
	background-repeat: no-repeat;
	background-position: top;
	height: 250px;
	margin-right: 0px;
	float: left;
}
.content_part1_ep2 { /* ~~ ข่าวกิจกรรม ~~ */
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
	background-color: #FFF;
	width: 710px;
	background-repeat: no-repeat;
	background-position: top;
	height: 250px;
	margin-right: 0px;
	float: left;
}
.content_part1_ep3 { /* ~~ ห้องสมุดสวน ~~ */
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
	background-color: #FFF;
	width: 240px;
	background-repeat: no-repeat;
	background-position: top;
	height: 250px;
	margin-right: 0px;
	float: left;
}
.content_part2 {  /* ~~ เนื้อหาแถวสอง ~~ */
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
	background-color: #6FC;
	height: 710px;
}
.content_part2_ep1 { /* ~~ รางวัลและผลงาน ~~ */
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
	background-color: #FFF;
	width: 530px;
	background-repeat: no-repeat;
	background-position: top;
	margin-right: 0px;
	float: left;
	height: 710px;
}
.content_part2_ep2 { /* ~~ จิตอาสา ~~ */
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
	background-color: #FFF;
	width: 490px;
	background-repeat: no-repeat;
	background-position: top;
	margin-right: 0px;
	float: left;
	height: 710px;
}
.content_part3 {  /* ~~ เนื้อหาแถวสาม ~~ */
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
	background-color: #F00;
	height: 1280px;
}
.content_part3_ep1 { /* ~~ บูรณาการ ~~ */
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
	background-color: #FFF;
	width: 618px;
	background-repeat: no-repeat;
	background-position: top;
	margin-right: 0px;
	float: left;
	height: 1280px;
}
.content_part3_ep2 { /* ~~ ทัศนศึกษา ~~ */
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
	background-color: #FFF;
	width: 402px;
	background-repeat: no-repeat;
	background-position: top;
	margin-right: 0px;
	float: left;
	height: 1280px;
}
.content_part4 {  /* ~~ เนื้อหาแถวสี่ ~~ */
	padding-top: 0px;
	padding-right: 20;
	padding-bottom: 0px;
	padding-left: 20;
	width: 1000px;
	background-image: url(../2011/godwords/images/bg.png);
	background-repeat: no-repeat;
	background-position: center top;
	margin-right: 10px;
	margin-left: 10px;
}
.footerlam {  /* ~~ เนื้อหาแถวสี่ ~~ */
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
	background-color: #00F;
	height: 85px;
}
.content_pading {  /* ~~ เนื้อหานโยบายวิสัยทัศน์ ~~ */
	padding-top: 10px;
	padding-right: 20;
	padding-bottom: 10px;
	padding-left: 20;
	width: 980px;
	margin-left: 20px;
}
.content_center {  /* ~~ เนื้อหานโยบายวิสัยทัศน์ ~~ */
	padding-top: 10px;
	padding-right: 20;
	padding-bottom: 10px;
	padding-left: 20;
	background-color: #F33;
	width: 600px;
	margin-left: 20px;
	text-align: center;
	border: thin dashed #000;
	clip: rect(auto,auto,auto,auto);
}
.content_newsall_1 {  /* ~~ เนื้อหานโยบายวิสัยทัศน์ ~~ */
	padding-top: 10px;
	padding-right: 20;
	padding-bottom: 10px;
	padding-left: 20;
	background-color: #FCC;
	width: 950px;
	margin-left: 20px;
	text-align: center;
	border: thin dashed #000;
	clip: rect(auto,auto,auto,auto);
}
.content_newsall_2 {  /* ~~ เนื้อหานโยบายวิสัยทัศน์ ~~ */
	padding-top: 10px;
	padding-right: 20;
	padding-bottom: 10px;
	padding-left: 20;
	background-color: #3CF;
	width: 950px;
	margin-left: 20px;
	text-align: center;
	border: thin dashed #000;
	clip: rect(auto,auto,auto,auto);
}

table{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: small;
}
td.bgnecessary {
	background-image: url(/necessary/images/banner_necessary2.png);
	background-repeat: no-repeat;
	background-position: left;
	HEIGHT: 449px;
}
td.bgcalendar {
	background-image: url(/2011/images/main_02.jpg);
	background-repeat: no-repeat;
	background-position:top;
	HEIGHT: 250px;
	width: 246px;
	margin-right: 0;
	vertical-align:top;
}
td.bgheadbotanical {
	background-image: url(/2011/images/main_20.jpg);
	background-repeat: no-repeat;
	background-position: left;
	HEIGHT: 216px;
}
td.bgbodybotanical {
	background-image: url(/2011/botanical/images/mainbotanical_02.jpg);
	background-repeat: repeat-y;
	background-position: left;
	alignment-adjust:central;
}
td.bgbodylogin {
	background-image: url(/2011/images/main_02.jpg);
	background-repeat: no-repeat;
	background-position: top;
	HEIGHT: 120px;
	width:213;
}
td.bgfoot {
	background-image: url(/2011/images/main_10.jpg);
	background-repeat: no-repeat;
	background-position: left;
	HEIGHT: 85px;
}
td.bglogo2 {
	background-image: url(/images/home/bar1.jpg);
	background-repeat: repeat;
	background-position: left;
}
td.bggodwords {
	background-image: url(/2011/godwords/images/bg.png);
	background-repeat: no-repeat;
	background-position: center top;
}
td.barmarquee {
	border-top: 1px solid #F1F5F5;
	border-right: 1px solid #C4D8D9;
	border-bottom: 1px solid #C4D8D9;
	border-left: 1px solid #F1F5F5;
	font-weight: bold;
	text-align: center;
	color: #000000;
	margin: 0px;
	padding: 0px;
	font-size: x-small;
	text-decoration: none;
	FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFffff', EndColorStr='#8D9BB2');
}
.bodyborder {
	text-decoration: none;
	font-weight: normal;
	padding-bottom: 5px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #CCCCCC;
}
td.newborder {
	text-decoration: none;
	font-weight: normal;
	margin: 10px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: #CCCCCC;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #CCCCCC;
	padding: 5px;
}
td.dotbordercenter {
	text-decoration: none;
	font-weight: normal;
	margin-right: 3px;
	vertical-align:middle;
	border: thin dotted #CCCCCC;
	text-align: center;
}

td.dotbordernormal {
	text-decoration: none;
	font-weight: normal;
	margin-right: 3px;
	vertical-align:top;
	border: thin dotted #CCCCCC;
}
td.bodynews {
	vertical-align: top;
	padding: 10px;
	margin: 5px;
	border: 1px dotted #808080;
}
.Alpha {
	FILTER: progid:DXImageTransform.Microsoft.Alpha(opacity=70)
}
/*CSS Pic Show When Mouse Hover Link*/
.thumbnail{
	position: relative;
	z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail div{ /*CSS for enlarged image*/
	position: absolute;
	background-color: #000;
	padding: 1px;
	left: -1000px;
	border: 1px none gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
	-moz-box-shadow: 0 5px 2px 2px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 5px 2px 2px rgba(0,0,0,0.5);
	box-shadow: 0 5px 2px 2px rgba(0,0,0,0.5);}

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

.thumbnail:hover div{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}

/*--------------------------------*/
/*CSS Flash Show When Mouse Hover Link*/
.thumbnail_white{
	position: relative;
	z-index: 0;
}

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

.thumbnail_white div{ /*CSS for enlarged image*/
	position: absolute;
	background-color: #FFF;
	padding: 1px;
	left: -1000px;
	border: 1px none gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
	-moz-box-shadow: 5px 5px 5px #ccc;
	-webkit-box-shadow: 5px 5px 5px #ccc;
	box-shadow: 5px 5px 5px #ccc;
}

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

.thumbnail_white:hover div{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}

/*--------------------------------*/

div#float_banner{  
    position:absolute;  
    width:400px;  
    display:block;  
    top:0px;  
	left:0px;
    height:135px;  
}  

#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}
.stickytooltip{
box-shadow: 5px 5px 8px #818181; /*shadow for CSS3 capable browsers.*/
-webkit-box-shadow: 5px 5px 8px #818181;
-moz-box-shadow: 5px 5px 8px #818181;
display:none;
position:absolute;
display:none;
border:5px solid black; /*Border around tooltip*/
background:white;
z-index:3000;
}


.stickytooltip .stickystatus{ /*Style for footer bar within tooltip*/
background:black;
color:white;
padding-top:5px;
text-align:center;
font:bold 11px Arial;
}

#scroller-header a {
    text-decoration:none; 
    color:#867863; 
    padding:0 2px;
}
 
#scroller-header a:hover {
    text-decoration:none; 
    color:#4b412f
}
 
a.selected {
    text-decoration:underline !important; 
    color:#4b412f !important;
}
 
#scroller-header {
	background:url(/2011/knowleage/images/header.gif) no-repeat;
	width:1000px;
	height:24px;
	font-weight:700;
	padding-top: 35px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
 
#scroller-body {
    background:url(/2011/knowleage/images/body.gif) no-repeat bottom center;
    width:1000px;
    padding-bottom:30px;
 
}
 
#mask {
    width:1000px;
    overflow:hidden;
    margin:0 auto;
}
 
#panel {
 
}
 
#panel div {
float:left;
 
}
 
/* extra optional styling for each tab content */
#panel ul {
list-style:none;
margin:0 0px;
padding:0;
}

	#panel ul li {
		padding:5px;
		color:#557482;
		border-bottom:1px dotted #ccc;
	}

	#panel ul li.last {
		border-bottom:none !important;
	}

#panel-1 {
}

#panel-2 {
}

#panel-3 {
}
.newsScroller {
	height: 400px;
	width: 1020px;
	overflow-x: hidden;
	overflow-y: scroll;
	color: #333;
	border: 0px solid #999;
	position: absolute;
	left: 50%;
	margin-left: -510px;
}
.newsScroller ul {
    margin: 0;
    padding: 4px;
}
.newsScroller li {
    list-style-type: none;
    margin: 0 0 16px 0;
    padding: 0;
}
.newsScroller a.title {
    display: block;
    font-weight: bold;
    text-transform:uppercase;
    text-decoration: none;
}
.newsScroller a.title, .newsScroller a.title:visited, .newsScroller a.title:hover { 
    color: #F90;
}
.newsScroller a.title:hover
{
    text-decoration: underline; 
}
.sdqlink {
	color: #00F;
}