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

body{
		background-image: url(images/pic_bg.jpg);
		background-color:#1bcff6;
		font-size: 13px;
		font-weight: normal;
		font-style: normal;
		color: #000000;
	}
	


@font-face {
    font-family: 'supermarketRegular';
    src: url('../../css/fontface/supermarket-webfont.eot');
    src: url('../../css/fontface/supermarket-webfont.eot?#iefix') format('embedded-opentype'),
	 url('../../css/fontface/supermarket-webfont.woff') format('woff'),
	 url('../../css/fontface/supermarket-webfont.ttf') format('truetype'),
	 url('../../css/fontface/supermarket-webfont.svg#supermarketRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}



/*++++++  กรอบเว็บไซต์ +++++++ */
#container
{
	margin: 0 auto;
	width: 980px;
	background: #53e0ff;
}


/*++++++  พื้นที่รูปหัวเว็บไซต์ +++++++ */
#header
{
	background-image: url(images/pic_header.jpg);
	width:980px;
	height:306px;
	background-color:#1bcff6;
}

#header h1 { margin: 0; }


#header  #hname{
	padding-top:20px;
	text-align:center;
	font-family: 'Kanit', sans-serif;
	/*
	font-family: 'Chonburi', cursive;
	font-family: 'Itim', cursive;
	*/
	text-shadow: 0.05em 0.05em 0.05em #fff;
	font-size:30px;
	color:#06C; font-weight:bold;
}

#header  #address{
	text-align:center;
	line-height:30px;
	font-family: 'Kanit', sans-serif;
	text-shadow: 0.05em 0.05em 0.05em #fff;
	padding-top:5px;
	color:#003; font-weight:bold; font-size:16px;
}


/*++++++  พื้นที่ส่วนเมนู +++++++ */
#navigation
{
	float: left;
	width: 980px;
	height:42px;
	background-image: url(images/pic_menu.jpg);
}


#navigation ul
{
	margin: 0;
	padding: 0;
	margin-top:7px;
	margin-left:20px;
}


#navigation ul li
{
	list-style-type: none;
	display: inline;
}


#navigation li a
{
	display: block;
	float: left;
	padding: 6px 15px;
	color:#FFF;
	text-decoration: none;
	font-size:14px;
	text-decoration: none;
	text-shadow: 0 -1px 1px #6ec36c ;
	border-right: 1px solid #0059a7;
}

#navigation li a:hover { 
	color:#FF0;
}
/*------------------------- Finish Menu Top --------------------------- */



/*++++++  ขนาดความกว้างของหน้าเว็บไซต์ +++++++ */
#content-container
{
	float: left;
	width: 980px;
	padding-top:10px;
	background-image:url(images/pic_bgweb.jpg);
	background-color:#53e0ff;
}




/*++++++  พื้นที่ด้านล่างเว็บไซต์ +++++++ */
#footer
{
	clear: left;
	background: #ffffff;
	text-align: center;
	height: 1%;
	background-image: url(images/pic_footer.jpg);
	width:980px;
	height:124px;
	line-height:20px;
}




/*++++++  พื้นที่ด้านซ้ายเว็บไซต์ +++++++ */
#WorkAreaLeft {
	background-color: none;
	border-left: none;
	border-right: none;
	width: 212px;
	vertical-align: top;
}

#WorkAreaLeft-Margin {
	margin:0 0 0 10px;
}


/*++++++  พื้นที่ด้านซ้ายเว็บไซต์ +++++++ */
#WorkAreaRight {
	background-color: none;
	border-left: none;
	border-right: none;
	width: 212px;
	vertical-align: top;
}


#WorkAreaRight-Margin {
	margin:0 10px 0 0;
}



/*++++++  พื้นที่ตรงกลาง +++++++ */
#WorkCenter {
	background-color: none;
	border-left: none;
	border-right: none;
	vertical-align: top;
	padding:0 10px 0 10px;
}





td#WorkAreaLeft table, td#WorkAreaRight table, td#WorkCenter table {
	margin-bottom: 5px;
}




/*++++++++++++++++++++++++++++++++++  รูปผู้บริหาร ++++++++++++++++++++++++++++++++++ */
#BoxStyle_Boss  Td.Header{
	text-align:center;
}

#TextHeaderBoss {
	display: none;
}

#BossHeader, #BossHeader div {
	background: url(images/boss_top.jpg);
	border: none;
	height: 11px;
}

#BossWork {
	height: 231px; 
	vertical-align: top;
	background: url(images/boss_work.jpg);
	text-align:center;
}

#BossFooter {
	background: url(images/boss_footer.jpg);
	height: 19px; 
}




/*++++++++++++++++++++++++++++++++++  เมนู รพ.สต. ++++++++++++++++++++++++++++++++++ */
#BoxStyle_Menu  Td.Header{
	text-align:center;
}

#TextHeaderMenu {
	display: none;
}

#MenuHeader, #MenuHeader div {
	background: url(images/menu_top.jpg);
	border: none;
	height: 44px;
}

#MenuWork {
	height: 80px;
	padding: 4px;
	vertical-align: top;
	background: url(images/menu_work.jpg);
}

#MenuFooter {
	background: url(images/menu_footer.jpg);
	height: 20px;
}




/*++++++++++++++++++++++++++++++++++  เมนู ว่าง ++++++++++++++++++++++++++++++++++ */
#TextHeaderMenus {
	display:block;
	font-family: 'Kanit', sans-serif;
	/*
	font-family:supermarketRegular;
	font-family: 'Itim', cursive;	
	font-family: 'Chonburi', cursive;
	*/
	font-size:18px;
}

#MenuHeaders, #MenuHeaders div {
	background: url(images/header_menu.jpg);
	border: none;
	height: 44px;
}





/*++++++++++++++++++++++++++++++++++  สมาชิกล็อกอิน ++++++++++++++++++++++++++++++++++ */
#BoxStyle_Login  Td.Header{
	text-align:center;
}

#TextHeaderLogin {
	display: none;
}

#LoginHeader, #LoginHeader div {
	background: url(images/login_top.jpg);
	border: none;
	height: 49px;
}

#LoginWork {
	vertical-align: top;
	background: url(images/login_work.jpg);
}

#LoginFooter {
	background: url(images/login_footer.jpg);
	height: 21px;
}




/*++++++++++++++++++++++++++++++++++  แบบสำรวจความคิดเห็น ++++++++++++++++++++++++++++++++++ */
#BoxStyle_Vote  Td.Header{
	text-align:center;
}

#TextHeaderVote {
	display: none;
}

#VoteHeader, #VoteHeader div {
	background: url(images/vote_top.jpg);
	border: none;
	height: 43px;
}

#VoteWork {
	height: 80px;
	padding: 4px;
	vertical-align: top;
	background: url(images/vote_work.jpg);
}

#VoteFooter {
	background: url(images/vote_footer.jpg);
	height: 19px;
}



/*++++++++++++++++++++++++++++++++++  สถิติผู้เยี่ยมชม ++++++++++++++++++++++++++++++++++ */
#BoxStyle_State  Td.Header{
	text-align:center;
}

#TextHeaderState {
	display: none;
}

#StateHeader, #StateHeader div {
	background: url(images/state_top.jpg);
	border: none;
	height: 43px;
}

#StateWork {
	height: 80px;
	padding: 4px;
	vertical-align: top;
	background: url(images/state_work.jpg);
}

#StateFooter {
	background: url(images/state_footer.jpg);
	height: 19px;
}



/*++++++++++++++++++++++++++++++++++  ข่าวประชาสัมพันธ์ ++++++++++++++++++++++++++++++++++ */
#BoxStyle_Infor  Td.Header{
	text-align:center;
}

#TextHeaderInfor {
	display: none;
}

#InforHeader, #InforHeader div {
	background: url(images/infor_top.jpg);
	border: none;
	height: 50px;
}

#InforWork {
	height: 80px;
	padding: 4px;
	vertical-align: top;
	background: url(images/infor_work.jpg);
}

#InforFooter {
	background: url(images/infor_footer.jpg);
	height: 20px;	
}



/*++++++++++++++++++++++++++++++++++  ภาพกิจกรรม ++++++++++++++++++++++++++++++++++ */
#BoxStyle_Gallery  Td.Header{
	text-align:center;
}

#TextHeaderGallery {
	display: none;
}

#GalleryHeader, #GalleryHeader div {
	background: url(images/gallery_top.jpg);
	border: none;
	height: 50px;
}

#GalleryWork {
	height: 80px;
	padding: 4px;
	vertical-align: top;
	background: url(images/gallery_work.jpg);
}

#GalleryFooter {
	background: url(images/gallery_footer.jpg);
	height: 20px;		
}



/*++++++++++++++++++++++++++++++++++  ข่าจัดซื้อ-จัดจ้าง ++++++++++++++++++++++++++++++++++ */
#BoxStyle_Pramool  Td.Header{
	text-align:center;
}

#TextHeaderPramool {
	display: none;
}

#PramoolHeader, #PramoolHeader div {
	background: url(images/pramool_top.jpg);
	border: none;
	height: 50px;
}

#PramoolWork {
	height: 80px;
	padding: 4px;
	vertical-align: top;
	background: url(images/pramool_work.jpg);
}

#PramoolFooter {
	background: url(images/pramool_footer.jpg);
	height: 20px;		
}






/*++++++++++++++++++++++++++++++++++ หมวดหมวดเพิ่มเติม ++++++++++++++++++++++++++++++++++ */
#BoxStyle_Small  Td.Header{
	text-align:left;
	padding-left:40px;
}

#TextHeaderSmall {
	display:block;
	font-family: 'Kanit', sans-serif;
	font-size:23px;
	color:#FFF;
}

#SmallHeader, #SmallHeader div {
	background: url(images/small_top.jpg);
	border: none;
	height: 50px;
}

#SmallWork {
	height: 80px;
	padding: 4px;
	vertical-align: top;
	background: url(images/small_work.jpg);
}

#SmallFooter {
	background: url(images/small_footer.jpg);
	height: 20px;		
}










/*++++++++++++++++++++++++++++++++++  เว็บบอร์ด ++++++++++++++++++++++++++++++++++ */
#BoxStyle_Board  Td.Header{
	text-align:center;
}

#TextHeaderBoard {
	display: none;
}

#BoardHeader, #BoardHeader div {
	background: url(images/board_top.jpg);
	border: none;
	height: 50px;
}

#BoardWork {
	height: 80px;
	padding: 4px;
	vertical-align: top;
	background: url(images/board_work.jpg);
}

#BoardFooter {
	background: url(images/board_footer.jpg);
	height: 20px;		
}





/*++++++++++++++++++++++++++++++++++  ข่าวสารน่าสนใจ ++++++++++++++++++++++++++++++++++ */
#BoxStyle_News  Td.Header{
	text-align:center;
}

#TextHeaderNews {
	display: none;
}

#NewsHeader, #NewsHeader div {
	background: url(images/news_top.jpg);
	border: none;
	height: 50px;
}

#NewsWork {
	height: 80px;
	padding: 4px;
	vertical-align: top;
	background: url(images/news_work.jpg);
}

#NewsFooter {
	background: url(images/news_footer.jpg);
	height: 20px;		
}





/*++++++++++++++++++++++++++++++++++  ข่าวจากกรมส่งเสริม ++++++++++++++++++++++++++++++++++ */
#BoxStyle_Dla  Td.Header{
	text-align:center;
}

#TextHeaderDla {
	display: none;
}

#DlaHeader, #DlaHeader div {
	background: url(images/dla_top.jpg);
	border: none;
	height: 50px;
}

#DlaWork {
	height: 80px;
	padding: 4px;
	vertical-align: top;
	background: url(images/dla_work.jpg);
}

#DlaFooter {
	background: url(images/dla_footer.jpg);
	height: 20px;		
}






/*++++++++++++++++++++++++++++++++++  ฟอร์มล็อกอิน ++++++++++++++++++++++++++++++++++ */
#login_from{
	margin:auto;
}







/*++++++++++++++++++++++++++++++++++  กรอบข้อมูลหน้าใน ++++++++++++++++++++++++++++++++++ */
#BoxStyle_Data  Td.Header{
	text-align:left;
	width:748px;
}

#TextHeaderData {
	display:block;
	padding-left:22px;
	font-family:supermarketRegular;
	font-size:20px;
	color:#FFF;
}

#DataHeader, #DataHeader div {
	background: url(images/data_top.jpg);
	border: none;
	height: 55px;
}

#DataWork {
	height: 500px;
	padding: 10px;
	vertical-align: top;
	background: url(images/data_work.jpg);
	padding-top:15px;
}

#DataFooter {
	background: url(images/data_footer.jpg);
	height: 20px;		
}