body {
  color            : #000000;
  margin-left      : 0px;
  margin-right     : 0px;
  margin-bottom    : 0px;
  padding          : 0px;
  background-color : #FFFFFF;
  background-image: url(../images/igpthai_bk.jpg);
  font-family      : Arial, Helvetica, sans-serif;
  font-size        : 12px;
  scrollbar-face-color: #DEE3E7;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #DEE3E7;
	scrollbar-3dlight-color: #D1D7DC;
	scrollbar-arrow-color:  #0006FF;
	scrollbar-track-color: #EFEFEF;
	scrollbar-darkshadow-color: #98AAB1;
}

td {	
   		text-align: left; 
	font-size: 12px;
}
td, tr, p, div {
  font-family      : Arial, Helvetica, sans-serif;
  font-size        : 12px;
  color            : #333333;
}
hr {
  color            : #999999;
  height           : 1px;
  width            : 100%;
}
.search_box {
  float: right;
  background	   : transparent url(../images/search.gif);
  color			   : #333333;
}
.button {
  cursor: pointer;
  font-family       : Verdana, Arial, Helvetica, sans-serif;
  font-size         : 11px;
  border            : 1px solid #AABBBF;
  background-color  : #BCC8D6;
  color             :#000000;
  padding           : 2px;
}

ul#mainlevel-nav {
  list-style        : none;
  padding           : 0;
  margin            : 0;
  font-size         : 0.8em;
}
ul#mainlevel-nav li {
  display           : block;
  background-image  : none;
  padding-left      : 0px;
  padding-right     : 0px;
  float             : left;
  margin            : 0;
  width             : auto !important;
  width             : 15%;
  font-size         : 11px;
  line-height       : 21px;
  white-space       : nowrap;
  border-right      : 1px solid #cccccc;
}
ul#mainlevel-nav li a {
  width             : 100%;
  display           : block;
  padding-left      : 15px;
  padding-right     : 15px;
  text-decoration   : none;
  color             : #333333;
  background        : transparent;
}

#buttons>ul#mainlevel-nav li a {
	width: auto;
}

ul#mainlevel-nav li a:hover{
  color            : #FF9900;
}
table.moduletable {
	width			   : 100%;
	table-layout	   : auto;
}
table.moduletable th {
	font-family      : Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size        : 12px;
	font-weight      : bold;
	text-align       : center;
	height           : 22px;
	line-height      : 22px;
	color            : #FFF;
	background-image : url(../images/title_bar.jpg);
	text-transform: uppercase;
	text-decoration: none;
}
table.moduletable td {
	padding-left     : 0px;
	padding-right    : 0px;
	height: auto;
}
table.content{
  width            : 100%;
  padding          : 20px;
  border-collapse  : collapse;
  border-spacing   : 0px;
  margin-bottom    : 10px;
}
table.contentpane {
  width            : 100%;
  padding-left     : 3px;
  padding-right    : 3px;
  padding-top      : 3px;
  border-spacing   : 0px;
  margin-bottom    : 5px;
}
table.contentpaneopen {
  width            : 100%;
  padding-left     : 3px;
  padding-right    : 3px;
  padding-top      : 3px;
  border-spacing   : 0px;
  margin-bottom    : 5px;
}
.contentheading {
	height: 30px;
	background: url(../images/contenthead.png) top left repeat-x;
	color: #000000;
	padding-left: 15px;
	text-indent: 15px;
	font-weight: bold;
	font-size: 12px;
	white-space: nowrap;
}
.componentheading {
  font-family      : Arial, Verdana, Geneva, Helvetica, sans-serif;
  letter-spacing   : 1px;
  background       : url(../images/title_bar.jpg);
  font-size        : 12px;
  font-weight      : bold;
  height           : 22px;
  line-height      : 22px;
  text-transform   : uppercase;
  padding-left     : 10px;
  text-align       : left;
  color            : #FFF;
  width            : auto;
  margin           : 2px;
  
  }
.title {
  font-family      : Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight      : bold;
  text-transform   : uppercase;
  text-indent      : 8px;
  font-size        : 20px;
  text-align       : left;
  color            : #56666E;
}
.title a:link, .title a:visited {
  font-size        : 20px;
  color            : #56666E;
  text-decoration  : none;
  font-weight      : bold;
}
.title a:hover {
  font-size        : 20px;
  color            : #56666E;
  text-decoration  : none;
  font-weight      : bold;
}
.buttonheading {
  background       : #FFFFFF url(../images/header.jpg);
  padding-left     : 4px;
  padding-right    : 4px;
  }
  /*  ส่วนของเมนูหลัก */

/*---------------------------------------------------------------*/
a.mainlevel:link, a.mainlevel:visited {
	background       : url(../images/menu_down.jpg);
	display: block;
	vertical-align: middle;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	text-align: left;
	padding-top: 0px;
	padding-left: 10px;
	height: 20px !important;
	height: 0px;
	width: 100%;
	text-decoration: none;
}
a.mainlevel:hover {
background-position: 0px -25px;
	text-align       : left;
	font-size        : 12px;
	font-weight      : normal;
	text-decoration  : none;
	padding: 0;
	color: #000000;
}
/* เมนู เวลาคลิกเลือกแล้ว*/
#active_menu {
	color:#A8A8A8;
	font-weight: normal;
	background       : url(../images/menu_init.jpg);
	background-position: 0px -25px;
}
/* เมนู เวลาเอาเมาส์ไปชี้ที่เมนูนี้อีก*/
a#active_menu:hover {
	color: #000000;
}
/*  ส่วนของลิงค์นอกเหนือ เมนูหลัก */
a:link, a:visited {
  font-size        : 12px;
  color            : #00ABD0;
  text-decoration  : none;
  font-weight      : normal;
}
a:hover {
  font-size        : 12px;
  color            : #000000;
  text-decoration  : none;
  font-weight      : normal;
}
/*------------------------------------------------------*/
a.category:link, a.category:visited {
  font-size        : 11px;
  font-weight      : bold;
}
/* ลิงค์ ตรงอ่านต่อ ยังไม่ได้นำเมาส์มาชี้*/
a.readon:link, a.readon:visited {
  padding-left: 20px;
  color            : #003CFF;
  font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 12px;
  font-weight      : normal;
  background       : url(../images/navbar_on.gif) no-repeat;
  padding          : 5px 5px 5px 25px;
  white-space      : normal;
  float            : left;
  line-height      : 10px;
  text-decoration  : none;
}
/* ลิงค์ ตรงอ่านต่อ เวลานำเมาส์มาชี้ */
a.readon:hover {
  padding-left: 20px;
  color            : #000000;
  font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 12px;
  font-weight      : normal;
  background       : url(../images/navbar.gif) no-repeat;
  padding          : 5px 5px 5px 25px;
  white-space      : normal;
  float            : left;
  line-height      : 10px;
  text-decoration  : none;
}
ul {
  margin           : 2px;
  padding-left     : 0px;
  list-style       : none;
}
li {
  
  line-height      : 15px;
  padding-left     : 15px;
  padding-top      : 0px;
  background-image : url(../images/bullet.gif) ;
  background-repeat: no-repeat;
  background-position: 0px 3px;
}  
.date {
  font-family      : Arial, Verdana, Geneva, Helvetica, sans-serif; 
  font-size        : 10px;
  color            : #333333;
  padding-right    : 10px;
}
.small {
  font-size        : 10px;
  color            : #333333;
}
.smalldark {
  font-size        : 10px;
  color            : #333333;
}
.createdate, .modifydate {
  font-size        : 10px;
  color            : #666666;
}
/*  พาดเวร์ */
.pathway {
	font-size        : 11px;
	color            : #333333;
	padding-left     : 14px;
	font-weight: normal;
}
a.pathway:link, a.pathway:visited {
	color            : #FF9900;
	font-size        : 11px;
	padding-left     : 0px;
	font-weight: normal;
}
a.pathway:hover {
	font-size        : 11px;
	padding-left     : 0px;
	font-weight: normal;
}
/*------------------------------------------------------------*/
.blog_more {
padding-left       : 11px;
}
.inputbox {
background-image   :url(../images/inputback.jpg);
border             : 1px solid #666;
}
.back_button {
text-align         : center;
padding            : 11px;
}
.pagenavcounter {
  font-size        : 11px;
  color            : #FF9900;
}
.small {
  font-size        : 12px;
  color            : #333333;
}
.smalldark {
  font-size        : 11px;
  color            : #333333;
}
.createdate, .modifydate {
  font-size        : 11px;
  color            : #666666;
}
.content_vote {
  font-size        : 11px;
  height           : 22px;
  padding-top      : 2px;
  padding-bottom   : 2px;
}
.content_rating {
  font-size        : 11px;
  color            : #CC9900;
}
.contact_email  {
  width            : 100%;
}
.contact_email .inputbox {
  width            : 345px;
}
.sectiontableheader {
  font-size        : 11px;
  font-weight      : normal;
  text-transform   : uppercase;
  letter-spacing   : 1px;
  background       : #D8E0E4;
  color            : #333333;
  padding          : 4px;
}
.sectiontableentry1 {
  vertical-align   : top;
  padding          : 3px;
  background       : #FFFFFF;
  border-top       : 1px solid #FFFFFF;
  border-bottom    : 1px solid #999999;
}
.sectiontableentry2 {
  vertical-align   : top;
  padding          : 3px;
  border-top       : 1px solid #FFFFFF;
  border-bottom    : 1px solid #000000;
}
table.contenttoc {
  border           : 1px solid #FFFFFF;
  background       : #FFFFFF;
  padding          : 5px;
  margin-right     : 10px;
  margin-left      : 10px;
  margin-bottom    : 10px;
}