html,body {
	margin:0;
	padding:0;
	height:100%;
	font:12px arial, georgia, times, serif;
	color:#85898c;
}

html {
	background:url(images/template1/bg.gif) #d3edee repeat-y;
}

p {
	line-height:1.5em;
	text-align:justify;
}

a {
	color:#7f7e7f;
	text-decoration:none;
}

a:hover {
	color:#706e6f;
}

blockquote {
	color:#C60;
	padding-left:0px;
	margin-left:0;
	background:url(images/quote.gif) no-repeat;*/
}

#header {
	padding:50px 0;
	width:100%;
	height:3em;
	background-color:#333333
}

#header h1 {
	color:#FFF;
	margin:0 15px 0 20px;
	padding:0;
	display:inline;
	font:2.5em "trebuchet ms", trebuchet, sans-serif;
	font-weight:bold;
	float:left;
}	

#header h1 a {
	text-decoration:none;
	color:#FFF;
}

#header h1 a:hover {
	color:#FFF;
}

#header h2 {
	display:inline;
	color:#EAEAEA;
	padding:8px;
	margin:0;
	font-size:1em;
	float:left;
}

.orange {
	color:#F90;
}
#bigdiv{
	margin:0 auto;
}

#nav {
	display:inline;
	margin:0.25em 0 0 30px;
	padding:0;
	float:left;
}

#nav li {
	display:inline;
	list-style:none;
	color:#FFF;
	float:left;
	margin:0;
	padding:0;
	font:1.25em "trebuchet ms", trebuchet, sans-serif;
	font-weight:bold;
}

#nav a {
	color:#CCC;
	text-decoration:none;
	display:block;
	padding:0.4em 1em;
	margin:0 0.25em 0 0;
}

#nav a:hover, #currentPage {
	color:#FFF;
	background:#4c4c4c;
}
	
#container {
	margin:0 0 0 40px;
	position:relative;
	width:934px;
	background:#FFF;
	border:0px solid #ffffff;
	height:auto;
	min-height:100%;
}

#left {
	padding:0 10px;
	width:600px;
	float:left;
	background:url(images/dotted.png) repeat-y 619px 0;
	clear:right;
}

#left ul, #left ol {
	color:#C60;
}

#left h1 {
	color:#333;
	margin:0;
	padding-bottom:0.35em;
	font:1.4em "trebuchet ms", trebuchet, sans-serif;
	display:block;
	background:url(images/dotted.png) repeat-x 0 1.4em;
}

#left h2 {
	color:#333;
	margin:0;
	padding-top:0.35em;
	text-align:right;
	display:block;
	font-weight:normal;
	font:0.9em "trebuchet ms", trebuchet, sans-serif;
}

.hr {
	background:url(images/footer.gif);
	margin:5px 0px 5px 0px;
	padding:0px;
	/*font-size:0.85em;*/
}

.hr p {
	margin:0;
	text-align:right;
}

#right {
	width:200px;
	padding:0 0 0 10px;
	margin-bottom:30px;
	float:left;
}

#right .hr {
	margin-bottom:20px;
}

#right h1 {
	font:1.1em "trebuchet ms", trebuchet, sans-serif;
	color:#333;
	font-weight:bold;
	margin:0;
}

#right p {
	margin-top:6px;
}

.links {
	padding:0;
	margin:8px 0 0 0;
}

.links li {
	margin-bottom:3px;
	list-style:none;
}

#clear {
	clear:both;
}

#copyright {
	background:#ff0000;
	width:99%;
	margin:0 auto;
	color:#FFF;
	font-size:0.8em;
	text-align:center;
	padding:0.5em;	
}

#copyright a {
	text-decoration:none;
	color:#FFF;
}

input,textarea {
	border:1px solid #CCC;
	margin-bottom:4px;
}

label {
	display:block;
	margin-bottom:4px;
}

.requireicon_desc{
	/*border:1px solid red;*/
	background:url(images/required_star.gif) left no-repeat;
	padding-left:25px;
	padding-top:10px;
	padding-bottom:10px;
	text-align:left;
	color:#FF0000;
	border:0px solid red;
}

.requireicon1{
	background:url(images/required_star.gif) center no-repeat;
	height:30px;

}
.topic
		{
		color: #666;		
		font-size:15px;
		font-family:Tahoma, Arial, Helvetica, sans-serif;
		font-weight: bold;
		/*text-transform:uppercase;*/
		margin:0;
		padding:0;
}
.gray_bold{
	font-weight:bold;
	color:#4D4D4D;
	font-size:13px;
}
.gray_1{
	color:#CCCCCC;
}
.gray_2{
	color:#999999;
}
.white{
	color:#FFFFFF;
}
.red{
	color:#FF0000;
}
.green{
	color:#006600;
}
/*fay*/
.redfbar{position:relative;height:25px;font-size:11px;font-weight:bold;background:#FFCECE url(images/wax/redwax_bottom.gif) repeat-x top left;}
/*ddddddddddddddddddddddddddddddddd*/
/* ---------------------- Bluewax nav ---------------------- */
.blue #waxcontainer{position:relative;height:48px;background:#69BEEE;width:100%;font-family:"Trebuchet MS",Arial,Verdana,Helvitica,sans-serif;}
.blue #waxnav{position:relative;height:25px;font-size:11px;font-weight:bold;background:#fff url(images/wax/bluewax_bottom.gif) repeat-x bottom left;}
.blue #waxnav ul{margin:0px;padding:0 0 4px 0;list-style-type:none;width:auto;float:right;}
.blue #waxnav ul li{display:block;float:left;margin:0 1px;}
.blue #waxnav ul li a{display:block;float:left;color:#003858;text-decoration:none;padding:0 0 0 12px;height:21px;line-height:195%;}
.blue #waxnav ul li a span{padding:0 12px 0 0;}
.blue #waxnav ul li a:hover,.blue #waxnav ul li a.current{color:#fff;background:#1D6893 url(images/wax/bluewax_navtopleft.gif) no-repeat top left;}
.blue #waxnav ul li a:hover span,.blue #waxnav ul li a.current span{display:block;width:auto;background:#1D6893 url(images/wax/bluewax_navtopright.gif) no-repeat top right;}
/* ---------------------- Orangewax nav ---------------------- */
.orange #waxcontainer{position:relative;height:48px;background:#FFE297;width:100%;font-family:"Trebuchet MS",Arial,Verdana,Helvitica,sans-serif;}
.orange #waxnav{position:relative;height:25px;font-size:11px;font-weight:bold;background:#fff url(images/wax/orangewax_bottom.gif) repeat-x bottom left;}
.orange #waxnav ul{margin:0px;padding:0 0 4px 0;list-style-type:none;width:auto;float:right;}
.orange #waxnav ul li{display:block;float:left;margin:0 1px;}
.orange #waxnav ul li a{display:block;float:left;color:#FF7E00;text-decoration:none;padding:0 0 0 12px;height:21px;line-height:195%;}
.orange #waxnav ul li a span{padding:0 12px 0 0;}
.orange #waxnav ul li a:hover,.orange #waxnav ul li a.current{color:#fff;background:#FF9900 url(images/wax/orangewax_navtopleft.gif) no-repeat top left;}
.orange #waxnav ul li a:hover span,.orange #waxnav ul li a.current span{display:block;width:auto;background:#FF9900 url(images/wax/orangewax_navtopright.gif) no-repeat top right;}
/* ---------------------- Redwax nav ---------------------- */
.red #waxcontainer{
	position:relative;
	height:48px;
	background:#FFCECE;
	width:100%;
	font-family:"Trebuchet MS",Arial,Verdana,Helvitica,sans-serif;
	background-color: #FFCECE;
}
.red #waxnav{position:relative;height:25px;font-size:11px;font-weight:bold;background:#fff url(images/wax/redwax_bottom.gif) repeat-x bottom left;}
.red #waxnav ul{margin:0px;padding:0 0 4px 0;list-style-type:none;width:auto;float:right;}
.red #waxnav ul li{display:block;float:left;margin:0 1px;}
.red #waxnav ul li a{display:block;float:left;color:#FF0000;text-decoration:none;padding:0 0 0 12px;height:21px;line-height:195%;}
.red #waxnav ul li a span{padding:0 12px 0 0;}
.red #waxnav ul li a:hover,.red #waxnav ul li a.current{color:#fff;background:#FF0000 url(images/wax/redwax_navtopleft.gif) no-repeat top left;}
.red #waxnav ul li a:hover span,.red #waxnav ul li a.current span{display:block;width:auto;background:#FF0000 url(images/wax/redwax_navtopright.gif) no-repeat top right;}


/* ---------------------- Greenwax nav ---------------------- */
.green #waxcontainer{position:relative;height:48px;background:#B0E496;width:100%;font-family:"ms Sans Serif",Arial,Verdana,Helvitica,sans-serif;}
.green #waxnav{position:relative;height:25px;font-size:11px;font-weight:bold;background:#fff url(images/wax/greenwax_bottom.gif) repeat-x bottom left;}
.green #waxnav ul{margin:0px;padding:0 0 4px 0;list-style-type:none;width:auto;float:right;}
.green #waxnav ul li{display:block;float:left;margin:0 1px;}
.green #waxnav ul li a{display:block;float:left;color:#3BA507;text-decoration:none;padding:0 0 0 12px;height:21px;line-height:195%;}
.green #waxnav ul li a span{padding:0 12px 0 0;}
.green #waxnav ul li a:hover,.green #waxnav ul li a.current{color:#fff;background:#6DBE45 url(images/wax/greenwax_navtopleft.gif) no-repeat top left;}
.green #waxnav ul li a:hover span,.green #waxnav ul li a.current span{display:block;width:auto;background:#6DBE45 url(images/wax/greenwax_navtopright.gif) no-repeat top right;}
/* ---------------------- Greywax nav ---------------------- */
.grey #waxcontainer{position:relative;height:48px;background:#E3E3E3;width:100%;font-family:"Trebuchet MS",Arial,Verdana,Helvitica,sans-serif;}
.grey #waxnav{position:relative;height:25px;font-size:11px;font-weight:bold;background:#fff url(images/wax/greywax_bottom.gif) repeat-x bottom left;}
.grey #waxnav ul{margin:0px;padding:0 0 4px 0;list-style-type:none;width:auto;float:right;}
.grey #waxnav ul li{display:block;float:left;margin:0 1px;}
.grey #waxnav ul li a{display:block;float:left;color:#414141;text-decoration:none;padding:0 0 0 12px;height:21px;line-height:195%;}
.grey #waxnav ul li a span{padding:0 12px 0 0;}
.grey #waxnav ul li a:hover,.grey #waxnav ul li a.current{color:#fff;background:#575757 url(images/wax/greywax_navtopleft.gif) no-repeat top left;}
.grey #waxnav ul li a:hover span,.grey #waxnav ul li a.current span{display:block;width:auto;background:#575757 url(images/wax/greywax_navtopright.gif) no-repeat top right;}
/* ----------------------------- new template --------------------------- */
.head{
	padding:0px 0px 0px 0px;
	width:934px;
	height:101px;
	background-image:url(images/template1/head.gif);
	background-repeat: no-repeat;
	position:relative;
}
.menutop{
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	padding:8px 0px 0px 8px;
	width:934px;
	height:34px;
	background-image:url(images/template1/bg_menu_top.gif);
	background-repeat: no-repeat;
}
.menutop a {color:#FFFFFF;}
.menutop a:hover{color:#fccc10;}

.head_text_pink{
	color:#fbd2e8;
	font-weight:bold;
	padding-bottom:8px;
	border:0px solid red;
}
.foot{
	background-image:url(images/template1/bg_foot.gif);
	background-repeat:repeat;
	width:100%;
	height:100px;
	text-align:center;
	color:#fbd2e8;
	padding-top:10px;
	margin-top:50px;
}
.foot a{color:#fbd2e8;}
.foot a:hover{color:#f2c8df;}
.text_pink1{
	color:#f8abd5;
}
.text_pink1 a{color:#f8abd5;}
.text_pink1 a:hover{color:#fbd2e8;}
.text_pink2{
	color:#db3b91;
}
.text_pink2 a{color:#db3b91;}
.text_pink2 a:hover{color:#c81e79;}

.text_green1{
	color:#77c21d;
}
.text_green1 a{color:#77c21d;}
.text_green1 a:hover{color:#69b211;}
.text_brown1{
	color:#a5774f;
}
.text_brown1 a{color:#a5774f;}
.text_brown1 a:hover{color:#966a44;}
.mylink{
	background-image:url(images/template1/bg_link.gif);
	background-repeat:repeat-x;
	width:213px;
	height:23px;
	color:#c3b4ba;
	text-align:right;
	padding-top:3px;
}
.mylink a{color:#c3b4ba;}
.mylink a:hover{color:#b19ba4;}
.box_org{
	border:1px solid #f8db97; 
	width:205px; height:84px; 
	background-image:url(images/template1/bg_box_org.gif); 
	background-repeat:repeat;
	padding:10px;
	margin-right:3px;
	text-align:right;
}
.box_org a{color:#eac263;}
.box_org a:hover{color:#c7900c;}
.box_blue{
	border:1px solid #97dcd3; 
	width:205px; height:84px; 
	background-image:url(images/template1/bg_box_blue.gif); 
	background-repeat:repeat;
	padding:10px;
	margin-right:3px;
	text-align:right;
}
.box_blue a{color:#7fc8be;}
.box_blue a:hover{color:#0eae99;}
.box_green{
	border:1px solid #b4de9a; 
	width:205px; height:84px; 
	background-image:url(images/template1/bg_box_green.gif); 
	background-repeat:repeat;
	padding:10px;
	margin-right:3px;
	text-align:right;
}
.box_green a{color:#a7d08f;}
.box_green a:hover{color:#62ba2c;}
.box_org2{
	border:1px solid #fec2a8; 
	width:205px; height:84px; 
	background-image:url(images/template1/bg_box_org2.gif); 
	background-repeat:repeat;
	padding:10px;
	margin-right:3px;
	text-align:right;
}
.box_org2 a{color:#f3ac8d;}
.box_org2 a:hover{color:#fe7336;}
.brush_show_index{
	background-color:#ffffff; width:930px; height:350px; margin-left:5px; overflow:hidden;
}
.shape_show_index{
	background-color:#cecece; width:930px; height:119px; margin-left:2px;
}
.gall_show_index{
	background-color:#ffffff; width:920px; height:auto; margin-left:2px; margin-top:0px;
}
.boxshow{
	float:left;
	border:1px solid #FFFFFF ; 
	width: 137px; min-height:100px;
	background-color:#FFFFFF;
	margin-right:5px;
	text-align:center;
}
.member_new{
	float:left;
	border:2px solid green ; 
	width:72px; height:78px;
	background-color:#ffcd0a;
	margin-right:3px;
	text-align:center;
}
.member_have{
	float:left;
	border:2px solid F8F8F8 ; 
	width:78px; height:78px;
	background-color:#ffffff;
	margin-right:3px;
	text-align:center;
}
.seltype{
	width:320px; height:82px; border:1px dashed #d52b86; background-color:#fddfef; text-align:center; color:#0ab1c0; font-size:14px;
}
.seltype a{color:#0ab1c0;}
.seltype a:hover{color:#079dab;}

.seltypeblog{
	width:320px; height:82px; border:1px dashed #aad036; background-color:#edf6d1; text-align:center; color:#0ab1c0; font-size:14px;
}
.seltypeblog a{color:#0ab1c0;}
.seltypeblog a:hover{color:#079dab;}
.seltypeweb{
	width:320px; height:82px; border:1px dashed #f0ab18; background-color:#fbec89; text-align:center; color:#0ab1c0; font-size:14px;
}
.seltypeweb a{color:#0ab1c0;}
.seltypeweb a:hover{color:#079dab;}
.seltypeoth{
	width:320px; height:82px; border:1px dashed #11b5c4; background-color:#ffbcee; text-align:center; color:#f84cb1; font-size:14px;
}
.seltypeoth a{color:#f84cb1;}
.seltypeoth a:hover{color:#d4248b;}

/*menu หน้าบทความ*/
div.domtab{
			padding:0 3em;
			width:700px;
			font-size:90%;
		}
		ul.domtabs{
			float:left;
			width:100%;
			margin:2em 0 0 0;			
		}
		ul.domtabs li{
			float:left;
			padding:0 .5em 0 0;
			list-style:none;
		}
		ul.domtabs a:link,
		ul.domtabs a:visited,
		ul.domtabs a:active,
		ul.domtabs a:hover{
			width:6em;
			padding:.2em 1em;
			display:block;
			background:#8b8689;/**/
			color:#ffffff;
			height:3em;
			font-weight:bold;
			text-decoration:none;
		}
		html>body ul.domtabs a:link,
		html>body ul.domtabs a:visited,
		html>body ul.domtabs a:active,
		html>body ul.domtabs a:hover{
			height:auto;
			min-height:3em;
		}
		ul.domtabs a:hover{
			background:#f93792;
		}
		div.domtab div{
			clear:both;
			width:auto;
			background:#ecebec;
			color:#000000;
			padding:1em 3em;
			font-size:14px;
		}
		ul.domtabs li.active a:link,
		ul.domtabs li.active a:visited,
		ul.domtabs li.active a:active,
		ul.domtabs li.active a:hover{
			background:#f93792;/**/
			color:#ffffff;
		}
		#domtabprintview{
			float:right;
			padding-right:1em;
			text-align:right;
		}
		#domtabprintview a:link,
		#domtabprintview a:visited,
		#domtabprintview a:active,
		#domtabprintview a:hover{
			color:#fff;
		}
		p{
			margin:0 0 .5em 0;
			line-height:1.3em;
		}
		h2{
			font-size:1.3em;
			color:#f93792;
/*			text-transform:uppercase;
			font-family:"Trebuchet MS",Arial,Sans-Serif;
			padding:0 0 .7em .2em;*/
		}
		h1{
			font-size:1.5em;
			color:#f93792;
			/*text-align:center;
			font-weight:normal;
			text-transform:uppercase;
			font-family:"Trebuchet MS",Arial,Sans-Serif;
			padding:.5em 0;
			background:#000;
			border-bottom:1px solid #666;*/
		}
		pre{
			font-size:1.2em;
			padding:1em;
		}
		div.domtab div a:link,
		div.domtab div a:visited,
		div.domtab div a:active
		{
			color:#000000;/*
			display:block;
			padding:1em .5em;
			font-weight:bold;
			font-size:1.3em;
			*/
		}
		div.domtab div a:hover
		{
			color:#f93792;/*
			display:block;
			padding:1em .5em;
			font-weight:bold;
			font-size:1.3em;
			*/
		}
		div.domtab div h2 a,
		div.domtab div h2 a:hover,
		div.domtab div h2 a:active
		{
			color:#cfc;
			display:inline;
			padding:0;
			font-weight:normal;
			font-size:1em;
		}
		
/* other scheme! */
#other{
	font-size:.8em;
	margin-left:.3em;
	width:60em;
	margin-bottom:3em;
	float:left;
}
div#other.domtab div{
	clear:both;
	width:54em;
	background:#669;
	color:#fff;
	padding:1em 3em;
}
		
#other ul.domtabs a:hover{
	background:#669;
}
div#other ul.domtabs li.active a:link,
div#other ul.domtabs li.active a:visited,
div#other ul.domtabs li.active a:active,
div#other ul.domtabs li.active a:hover{
	background:#669;
	color:#fff;
}
#other div{
	float:left;
}
ul.prevnext{
	float:left;
	width:100%;
}
ul.prevnext li{
	float:left;
	width:49%;
}
ul.prevnext li.next{
	float:right;
	text-align:right;
}