body {
	margin:0;
	padding:0;
	text-align:center;
	background: #ffffff;
	/*background: transparent url(../images/000-00_R020948.jpg) no-repeat; */
	color:#000000;
	font:18px TH SarabunPSK, MS Sans Serif;
}
FONT	{FONT-FAMILY: TH SarabunPSK, MS Sans Serif; FONT-SIZE: 18px}
TD		{FONT-FAMILY: TH SarabunPSK, MS Sans Serif; FONT-SIZE: 18px}
BODY	{FONT-FAMILY: TH SarabunPSK, MS Sans Serif; FONT-SIZE: 18px; margin: 0px  0px; padding: 0px  0px}
P		{FONT-FAMILY: TH SarabunPSK, MS Sans Serif; FONT-SIZE: 18px}
DIV	{FONT-FAMILY: TH SarabunPSK, MS Sans Serif; FONT-SIZE: 18px}

scrollbar-face-color: #660000;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #AAAAFF;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-arrow-color:  #FFFFFF;
	scrollbar-track-color: #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;

.bodyline	{ background-color:#F8F8F8; border: #660000; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px }

A:link {color:#8080FF;FONT-SIZE: 18px; FONT-FAMILY: TH SarabunPSK, MS Sans Serif;FONT-WEIGHT: none; text-decoration:none}
A:active {color:#8080FF;FONT-SIZE: 18px; FONT-FAMILY: TH SarabunPSK, MS Sans Serif;FONT-WEIGHT: none; text-decoration:none}
A:visited {color:#008000;FONT-SIZE: 18px; FONT-FAMILY: TH SarabunPSK, MS Sans Serif;FONT-WEIGHT: none; text-decoration:none}
A:hover {color:#800000;FONT-SIZE: 18px; FONT-FAMILY:TH SarabunPSK,  MS Sans Serif;FONT-WEIGHT: bold; text-decoration:underline}

.tbl { background-color: #FfFfFf; padding: 4px; font-family: TH SarabunPSK, MS Sans Serif, Helvetica, sans-serif; font-size: 18px; border-color: #660000; border-style: solid; border-width: 1px 1px 1px 1px; }
.td_box { background-color: #FfFfFf; padding: 4px; font-family: TH SarabunPSK, MS Sans Serif, Helvetica, sans-serif; font-size: 18px; color:#000000; border-color: #c0c0c0; border-style: solid; border-width: 1px 1px 1px 1px; }
.td_left { background-color: #FfFfFf; padding: 4px; font-family: TH SarabunPSK, MS Sans Serif, Helvetica, sans-serif; font-size: 18px; color:#000000; border-color: #c0c0c0; border-style: solid; border-width: 0px 0px 0px 1px; }
.td_right { background-color: #FfFfFf; padding: 4px; font-family: TH SarabunPSK, MS Sans Serif, Helvetica, sans-serif; font-size: 18px; color:#000000; border-color: #c0c0c0; border-style: solid; border-width: 0px 1px 0px 0px; }
.td_top { background-color: #FfFfFf; padding: 4px; font-family: TH SarabunPSK, MS Sans Serif, Helvetica, sans-serif; font-size: 18px; color:#000000; border-color: #c0c0c0; border-style: solid; border-width: 1px 0px 1px 0px; }
.td_button { background-color: #FfFfFf; padding: 4px; font-family: TH SarabunPSK, MS Sans Serif, Helvetica, sans-serif; font-size: 18px; color:#000000; border-color: #c0c0c0; border-style: solid; border-width: 0px 0px 1px 0px; }

.row1 { background-color: #FfFfFf; padding: 4px; font-family: TH SarabunPSK, MS Sans Serif, Helvetica, sans-serif; font-size: 18px; border-color: #FFFFFF; border-style: solid; border-width: 1px 1px 0px 1px; }
.row2 { background-color: #EcEcEc; padding: 4px; font-family: TH SarabunPSK, MS Sans Serif, Helvetica, sans-serif; font-size: 18px; border-color: #FFFFFF; border-style: solid; border-width: 1px 1px 0px 1px; }
.row3 { background-color: #808080; padding: 4px; font-family: TH SarabunPSK, MS Sans Serif, Helvetica, sans-serif; font-size: 18px; color:#FFFFFF; border-color: #FFFFFF; border-style: solid; border-width: 1px 1px 1px 1px; }
.row4 { background-color: #808080; padding: 4px; font-family: TH SarabunPSK, MS Sans Serif, Helvetica, sans-serif; font-size: 18px; color:#FFFFFF; border-color: #FFFFFF; border-style: solid; border-width: 1px 1px 1px 1px; }

.button {	cursor: hand; }
.button2 {
cursor:pointer; color:#660000; padding:3px; font-weight:normal;
background:#F0F0F0; 
BORDER-RIGHT: #707070 1px solid; 
BORDER-TOP: #c0c0c0 1px solid; 
BORDER-BOTTOM: #707070 1px solid;
BORDER-LEFT: #c0c0c0 1px solid;
}
.button3 {
cursor:pointer; color:#660000; padding:3px; font-weight:normal;
background:#F0F0F0; 
BORDER-RIGHT: #707070 1px solid; 
BORDER-TOP: #FFFFFF 1px solid; 
BORDER-BOTTOM: #707070 1px solid;
BORDER-LEFT: #FFFFFF 1px solid;
}
.menutitle_post{
cursor:pointer;
margin-bottom: 1px;
background-color:#FFFFFF;
color:#000000;
padding:0px;
text-align:left;
font-weight:bold ;
font-size:18px;
FONT-FAMILY:  TH SarabunPSK, MS Sans Serif; 
}

.submenu_post{
margin-bottom: 0.1em;
border:1px solid #FFFFFF;
color:#660000;
text-align:right;
font-weight:bold ;
font-size:18px;
FONT-FAMILY:  TH SarabunPSK, MS Sans Serif; 
}

.menutitle{
cursor:pointer;
margin-bottom: 1px;
width:180px;
padding:4px;
text-align:left;
font-weight:bold ;
font-size:18px;
FONT-FAMILY:  TH SarabunPSK, MS Sans Serif; 
}

.submenu{
cursor:pointer;
margin-bottom: 0.1em;
border:1px solid #C0C0C0;
color:#660000;
text-align:right;
font-weight:bold ;
font-size:18px;
FONT-FAMILY:  TH SarabunPSK, MS Sans Serif; 
}

.menu{
cursor:pointer;
margin-bottom: 0.1em;
color:#660000;
text-align:left;
font-size:18px;
FONT-FAMILY:  TH SarabunPSK, MS Sans Serif; 
}

/* Form elements */
INPUT ,TEXTAREA ,SELECT, FILE {
	color : #000000;
	font-family : TH SarabunPSK, MS Sans Serif;
	font-size : 18px;
	font-weight : normal;
}

/* Copyright and bottom info */
.header		{ font-family: TH SarabunPSK, Courier New; color: #555555; font-size: 18px; letter-spacing: 2px;}
.copyright		{ font-family: TH SarabunPSK, Courier New; color: #c0c0c0; font-size: 18px; letter-spacing: 2px;}
.copyrightB		{ font-family: TH SarabunPSK, Courier New; color: #000000; font-size: 18px; letter-spacing: 3px;}

.footmsg {
	display: none;
	visibility: hidden;
}

.tbmonthview {
	border: 1px solid #DDDDDD;
	background-color: white;
}

.thmonthview {
	border: 1px solid #DDDDDD;
	background-color: #DDDDDD;
}
.tdmonthview1 {
	border: 1px solid #DDDDDD;
	background-color: white;
}

.tdmonthview2 {
	border: 1px solid #DDDDDD;
	background-color: #EAEAEA;
}

.tblistview {
	border: 1px solid #DDDDDD;
	background-color: white;
	border-top: none;
}

.tdlistview {
	background-color: white;
	border-top: 1px solid #DDDDDD;
}

.tbyearview {
	border: 1px solid #DDDDDD;
	background-color: white;
}

.tbdayview {
	border: 1px solid #DDDDDD;
	background-color: white;
}

.admin .head {
	color: #000000;
	font-family: MS Sans Serif;
	font-size: x-small;
	font-weight: bold;
}

.admin .info {
	color: #000000;
	font-family: MS Sans Serif;
	font-size: x-small;
}

.calendar .title {
	color: #FFFFFF;
	font-family: MS Sans Serif;
	font-weight: bold;
	font-size: x-small;
	text-align: center;
}

.calendar .title A:link {
	color: #FFFFFF;
	text-decoration: underline;
	font: x-small MS Sans Serif
}

.calendar .title A:visited {
	color: #FF9900;
	text-decoration: none;
	font: x-small MS Sans Serif
}

.calendar .title A:hover {
	color: #FFFFFF;
	text-decoration: none;
	font: x-small MS Sans Serif
}

.calendar .overview {
	background-color: #FFFFFF;
	height: 50; 
}

.calendar .overview A:link {
	text-decoration: underline;
	color: #0000FF;
}

.calendar .overview A:visited {
	text-decoration: underline;
	color: #FF8000;
}

.calendar .overview A:active {
	text-decoration: underline;
	color: #0000FF;
}

.calendar .overview A:hover{
	text-decoration: none;
	color: #0000FF;
}

.calendar .overview .last_month {
	color: #999999;
	font: x-small MS Sans Serif
}

.calendar .overview .next_month {
	color: #999999;
	font-family: MS Sans Serif
}

.calendar .overview #today {
	color: #000000;
	background-color: #DDDDDD;
}

.calendar .overview #holyday {
	color: #000000;
	background-color: #660000;
}

.calendar .overview #selected {
	cursor: hand;
	color: #FFFFFF;
	background-color: #DDDDDD;
}

.calendar .overview .dayname {
	background-color: #a6a6a6;
	font-weight: bold;
	font-size: x-small;
	color: #FFFFFF;
	font-family: MS Sans Serif;
	width: 10%;
	height: 20;
	text-align: center;
}

.tbcalendar {
	width: 10%;
	height: 80; 
}
.dayname {
	background-color: #808080;
	font-weight: bold;
	color: #FFFFFF;
	font-family: TH SarabunPSK, MS Sans Serif;
	width: 10%;
	text-align: center;
}

.event_list {
	background-color: #FFFFCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt
}

.event_list .title {
	background-color: #006699;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	font-size: larger
}

.event_list .date {
	color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt
}

.event_info {
	background-color: #FFFFCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt
}

.event_info .title {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.event_info .date {
	color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt
}

.line_0 {
	background-color: #EEEEEE
}

.line_1 {
	background-color: #FFFFFF
}

.authorinfo {
	font-size: xx-small;
	color: #CCCCCC;
}
.admin {
	background-color: #FFFFFF;
	font-style: normal;
}

.calendar {
	text-decoration: none;
	background-color: #330000;
}

.menu {
}

.menu A:link{
	color: #FFCC00;
	text-decoration: underline;
	font-family: TH SarabunPSK, MS Sans Serif
}

.menu A:visited {
	color: #CCFF66;
	text-decoration: none;
	font-family: TH SarabunPSK, MS Sans Serif
}

.menu A:hover {
	color: #FFFFFF;
	text-decoration: none;
	font-family: TH SarabunPSK, MS Sans Serif;
	font-weight: bold;
}

.eventlink {
	font: x-small TH SarabunPSK, MS Sans Serif;
	color: #FF9900;
	cursor: pointer;
	filter: Gray;
}

#autoCompleteMenu ul {
	background-color: #FFFFBB;
	border: 1px solid #FFFFBB;
	list-style-type: none;  font-size: 10pt;
	margin: 0px;  padding: 0px;
}
#autoCompleteMenu ul li {
	list-style-type: none;  display: none;
	margin: 0;  padding: 1px;
	height: 18px;  cursor: pointer;
}
#autoCompleteMenu ul li.selected { 
	background-color: #FFCC66;
}
.autocomplete {
    font-family: Tahoma;
    font-size: 8pt;
    background-color: white;
    border: 1px solid black;
    position: absolute;
    cursor: default;
    overflow: auto;
    overflow-x: hidden;
}

.autocomplete_item {
    padding: 1px;
    padding-left: 5px;
    color: black;
    width: 100%;
}

.autocomplete_item_highlighted {
    padding: 1px;
    padding-left: 5px;
    color: white;
    background-color: #0A246A;
}