html, body, ul, li, h1, h2, h3, h4 	{	margin: 0;	padding: 0;	list-style: none;	}
img {	border: 0;	}

.headbg {background:url(../images/1head.gif) no-repeat ; height:141px; width:920px; }
//.bg {background:url(../images/bg.jpg) no-repeat ;}
body { background:url(../images/bgowner.jpg) no-repeat ;background-color: #ffeefa; font-family:Tahoma, Arial, helvetica, sans-serif; font-size:13px;  color:#222;}

.memberzone { font-family:Tahoma, Arial, helvetica, sans-serif; font-size:18px;  font:bold; color:#0033FF; }
.memberbox { font-family:Tahoma, Arial, helvetica, sans-serif; font-size:14px; color:#454545; }
.smalltext { font-family:Tahoma, Arial, helvetica, sans-serif; font-size:11px; color:#A7A7A7; }
.footer {font-family:Tahoma, Arial, helvetica, sans-serif; font-size:13px; color:#454545; }
.table {font-family:Tahoma, Arial, helvetica, sans-serif; font-size:20px; color:#FF3309; }

/* FORMS */
#box-form { clear:right;width:100%;overflow:hidden}
#box-form fieldset { border:none;float:left;}
#box-form label { float:left;width:35px;line-height:18px;padding-bottom:1px;color:#454545}
#box-form input { width:220px;padding:1px 0 1px 3px;border:1px solid #aaa;color:#70635b;background:none}
#box-form textarea { width:465px;height:192px;padding:1px 0 1px 3px;border:1px solid #aaa;color:#70635b;margin-bottom:15px;overflow:auto;background:none}
#box-form .link10 {float:right}
.wrapper {width:100%;overflow:hidden}

a:link {	color: #0033FF;	text-decoration: none; font-weight: bold;}
a:visited {	text-decoration: none;	color: #0066FF; font-weight: bold;}
a:hover {	text-decoration: none;	color: #0099FF; font-weight: bold;}
a:active {	text-decoration: none;	color: #00CCFF;}

.link1 a 	{	color: #0000FF;	font-weight: bold;	text-decoration: none ;	}
.link1 a:hover 	{	color: #0099FF ;     }   

.linkpage a 	{	color: #0079F2;	text-decoration: none ;	}
.linkpage a:hover 	{	color: #0066CC ;     }   


.styledot { border-bottom:dotted 1px #ccc; }
.styledottbl { border:dotted 2px #ccc; }
.styledottbl1 { border:dotted 1px #666666; }
.styledottbl2 { border:dotted 1px #ccc; }

/* Fonts */
.style1 { color: #333333; font-weight: bold; }
.style2 { color: #FF9900; font-weight: bold; }
.style3 { color: #0000FF; font-weight: bold; }
.style4 { color: #0033FF; }
.style5 { color: #00CC00; }
.style6 { color: #0099FF; }
.style7 { color: #999999;  }
.style8 { color: #FF0000;  }
.style9 {	color: #0000FF;	font-weight: bold; font-size: 16px;}
.style11 { color: #0099FF; font-weight: bold; }
.style13 { color: #333333; font-weight: bold; }
.style12 { 	color: #CCCCCC; font-weight: bold; }
.style14 { 	color: #00CC00; font-weight: bold; }
.style15 { 	color: #FF0000; font-weight: bold; }
.style17 { color: #333333; font-weight: bold; font-size: 20px;}
.style18 { color: #333333; }
.style19 { color: #FFFFFF; font-weight: bold; font-size: 20px;}
.style20 { color: #FF0000; font-weight: bold; font-size: 20px;}
.style21	{ color: #FF9900; font-weight: bold; font-size: 20px; }
.style27 { 	color: #00CC00; font-weight: bold; font-size: 20px; }
.style28 { 	color: #FF0000; font-weight: bold; font-size: 20px; }
.style30 { 	color: #000000; font-size: 12px; }


/*==================boxes====================*/
.block {
	border:1px solid #cbc9c9;
	position:relative;
	padding:1px 1px 1px 0px;
	min-height:300px;
	height:auto !important;
	height:300px;
}
	.block ins {
		display:block;
		position:absolute;
		width:9px;
		height:9px;
		overflow:hidden;
	}
	.block .lbc {
		left:-1px;
		top:100%;
		margin-top:-8px;
		background:url(../images/left-bot-corner1.gif) no-repeat 0 0;
	}
	.block .rbc {
		left:100%;
		margin-left:-8px;
		top:100%;
		margin-top:-8px;
		background:url(../images/right-bot-corner1.gif) no-repeat 0 0;
	}
		
	/*===== content =====*/
#content .inside {	padding:0 0 57px 0;}
#content .indent {	padding:17px 34px 29px 43px;}
	
	#content .section {	padding-bottom:15px;	}
	#content .aside h2 {	color:#fff;	font-style:none;	background:url(../images/title-left.gif) no-repeat 0 0;	position:relative;		width:100%;	}
	#content .aside h2 span {	display:block;		background:url(../images/title-right.gif) no-repeat 100% 0;	height:40px;		line-height:40px;		padding:0 0 0 48px;		}
	#content .aside h2 img {	position:absolute;	left: 6px;	top:4px;	}

.list1 li {	background:url(../images/bull.gif) no-repeat 0 6px; padding:0 0 12px 12px;	font-size:15px;	 position:relative;}
.list1 li a {	color:#222;	text-decoration:none;	}
.list1 li a:hover {text-decoration: none;	color: #FF9900; font-weight: bold;}

/* ALIGMENT */
.fleft {float:left}
.fright {float:right}
.clear {clear:both}
.alignright {text-align:right}
.aligncenter {text-align:center}
.wrapper {width:100%;overflow:hidden}
.extra-wrap {overflow:hidden}
.container {width:100%}

/* ตารางสลับสี */
#table .odd td {background:#eee;	border-top:1px solid #DDDDDD;	padding:3px;}
#table .even td {	border-top:1px solid #DDDDDD;	padding:3px;}
 .highlight td {	background:#FEEBFD !important;}

/* สีแบ่งหน้า */
.browse_page{
	clear:both;
	margin-left:12px;
	height:35px;
	margin-top:5px;
	display:block;
}
.browse_page a,.browse_page a:hover{
	display:block;
	height:18px;
	width:18px;
	font-size:10px;
	float:left;
	margin-right:2px;
	border:1px solid #CCCCCC;
	background-color:#F4F4F4;
	color:#333333;
	text-align:center;
	line-height:18px;
	font-weight:bold;
	text-decoration:none;
}
.browse_page a:hover{
	border:1px solid #0A85CB;
	background-color:#999999;
	color:#FFFFFF;
}
.browse_page a.selectPage{
	display:block;
	height:18px;
	width:18px;
	font-size:10px;
	float:left;
	margin-right:2px;
	border:1px solid #202020;
	background-color:#999999;
	color:#FFFFFF;
	text-align:center;
	line-height:18px;
	font-weight:bold;
}
.browse_page a.SpaceC{
	display:block;
	height:18px;
	width:18px;
	font-size:10px;
	float:left;
	margin-right:2px;
	border:0px dotted #0A85CB;
	font-size:11px;
	background-color:#FFFFFF;
	color:#333333;
	text-align:center;
	line-height:18px;
	font-weight:bold;
}
.browse_page a.naviPN{
	width:50px;
	font-size:12px;
	display:block;
	height:18px;
	float:left;
	border:1px solid #202020;
	background-color:#999999;
	color:#FFFFFF;
	text-align:center;
	line-height:18px;
	font-weight:bold;	
}
.browse_page a.naviPN:hover{
	width:50px;
	font-size:12px;
	display:block;
	height:18px;
	float:left;
	border:1px solid #202020;
	background-color:#999999;
	color:#FFFFFF;
	text-align:center;
	line-height:18px;
	font-weight:bold;	
}

/* สร้าง Table colum row */
ul.showInColumn{
	display:block;float:center;
	list-style:none;
	padding:0;margin:0;
	width:866px; 
	/*background-color:#FFCCCC;*/
	border:0px solid #333333;  /* เทียบใกล้เคียงกับการกำหนด  ของ table  */	
	padding:2px 0 2px 2px;
}
ul.showInColumn li{
	list-style:none;
	display:block;float:left;
	background-color:#FFFFFF;
	margin:2px;  /* เทียบใกล้เคียงกับการกำหนด  cellspacing"  ของ table  */
	margin-left:3px;
	padding:0px; /* เทียบใกล้เคียงกับการกำหนด  cellpadding  ของ table  */
	border:0px solid #FFFFFF;  /* เทียบใกล้เคียงกับการกำหนด border ใน td ของ table  */
	width:280px; /*  กำหนดความกว้างของแต่ละคอลัมน์  */
}
