@charset "utf-8";
/* CSS Document */

#navbar {
	list-style-type:none;
	width:100%;
	position:relative;
	z-index: 1040;
	height:30px;
	font-family:"Trebuchet MS", Tahoma, Verdana, Arial,sans-serif,Helvetica;
	font-size:12px;
/*	font-weight:bold;*/
	margin:0;
	padding:1px 0 0 0;
	background-color: #e0e0e0;/*สีพื้นหลัง*/
}

#page-bar {
	z-index: 1030;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

#page-bar UL {
	background-repeat:no-repeat;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	
	LIST-STYLE-TYPE: none; LIST-STYLE-IMAGE: none
}

#page-bar LI {
	LIST-STYLE-TYPE: none;
	DISPLAY: block;
	FLOAT: left;
	CURSOR: pointer;
	LIST-STYLE-IMAGE: none;
	BORDER-RIGHT: #ffffff 1px solid;
}
#page-bar LI:hover {
	background:#f0f0f0;
}
#page-bar A {
	PADDING-BOTTOM: 7px; 
	MARGIN: 0px; 
	PADDING-LEFT: 14px; 
	PADDING-RIGHT: 14px; 
	DISPLAY: block; 
	COLOR: #000000; 
	FONT-WEIGHT: bold; 
	PADDING-TOP: 7px
}
#page-bar A:visited {
	PADDING-BOTTOM: 7px; 
	MARGIN: 0px; 
	PADDING-LEFT: 14px;
	PADDING-RIGHT: 14px; 
	DISPLAY: block; 
	COLOR: #000000; /*สีตัวอักษรบนพื้นเมนู*/
	FONT-WEIGHT: bold; 
	PADDING-TOP: 7px;
}
#page-bar A:hover {
	DISPLAY: block;
	TEXT-DECORATION: none
}
#page-bar P {
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	PADDING-TOP: 0px;
}
#page-bar LI {
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	FLOAT: left;
	PADDING-TOP: 0px;
}

#page-bar LI LI {
	PADDING-BOTTOM: 0px; TEXT-TRANSFORM: none; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: /*auto;*/182px; /* ความกว้างของซับเมนู*/PADDING-RIGHT: 0px; FLOAT: left; PADDING-TOP: 0px
}
#page-bar LI LI A {
	PADDING-BOTTOM: 4px; MARGIN: 0px; PADDING-LEFT: 10px; WIDTH: auto;/*152px;*/ PADDING-RIGHT: 10px; BACKGROUND: url(images/dots_nav.gif) #b5b5b5 repeat-x 50% top; FLOAT: none; PADDING-TOP: 4px;
}
#page-bar LI LI A:link {
	COLOR: #ffffff; 
	PADDING-BOTTOM: 4px; MARGIN: 0px; PADDING-LEFT: 10px; WIDTH: auto;/*152px;*/ PADDING-RIGHT: 10px; BACKGROUND: url(images/dots_nav.gif) #b5b5b5 repeat-x 50% top; FLOAT: none; PADDING-TOP: 4px;
}
#page-bar LI LI A:visited {
	COLOR: #ffffff; 
	PADDING-BOTTOM: 4px; MARGIN: 0px; PADDING-LEFT: 10px; WIDTH: auto;/*152px;*/ PADDING-RIGHT: 10px; BACKGROUND: url(images/dots_nav.gif) #b5b5b5 repeat-x 50% top; FLOAT: none; PADDING-TOP: 4px;
}
#page-bar LI LI A:hover {
	COLOR: #ffffff; 
	PADDING-BOTTOM: 4px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; BACKGROUND: #808080; PADDING-TOP: 4px
}
#page-bar LI LI A:active {
	PADDING-BOTTOM: 4px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; BACKGROUND: #808080; PADDING-TOP: 4px
}
#page-bar LI UL {
	POSITION: absolute; WIDTH: 10em; /*ถ้าให้ออกข้างลบความกว้างออก*/LEFT: -999em
}
#page-bar LI:hover UL {
	DISPLAY: block;
	LEFT: auto
}
#page-bar LI:hover UL {
	LEFT: auto
}
#page-bar LI.sfhover UL {
	LEFT: auto
}
.clearfloat:after {
	DISPLAY: block; HEIGHT: 0px; VISIBILITY: hidden; CLEAR: both; CONTENT: "."
}
.clearfloat {
	DISPLAY: inline-block
}
* HTML .clearfloat {
	HEIGHT: 1%
}
* + HTML .clearfloat {
	HEIGHT: 1%
}
.clearfloat {
	DISPLAY: block
}




/*  start เมนูด้านบน  */
ul#simple-menu{list-style-type:none;width:100%;position:relative;height:30px;font-family:"Trebuchet MS", Tahoma, Verdana, Arial,sans-serif,Helvetica;font-size:12px;font-weight:bold;margin:0;padding:4px 0 0 0;background-color: #e0e0e0;}
ul#simple-menu li{display:block;float:left; margin:0 0 0 4px;height:27px;}
ul#simple-menu li.left{margin:0;}
ul#simple-menu li a{display:block;float:left;color:#333333;line-height:27px;text-decoration:none;padding:0 10px 0 10px;height:27px;}
ul#simple-menu li a.right{padding-right:19px;}
ul#simple-menu li a:hover{color:#000000;background:#f0f0f0;}
ul#simple-menu li a.current{color:#ffffff;background:#e2e2e2;}
ul#simple-menu li a.current:hover{color:#bcbcbc;background:#fff;}
/*  end เมนูด้านบน  */