﻿body {
	text-align: center;
	font-family: Tahoma, "MS Sans Serif", Verdana;
	font-size: 1em;
	line-height: 1em;
	color: #000000;
	margin: auto;
	background-color: #BFBFBF;
}
div#cspage {
	text-align: left;
	width: 880px;
	position: relative;
	margin: auto;
	background-color: #FCFCFC;
}
a:link, a:visited {
	text-decoration: none;
	color: #000000;
}
a:hover, a:active {
	text-decoration: underline;
	position: relative;
	z-index: 1;
	left: -1px;
	top: 1px;
}

img {
	border: 0;
	vertical-align: middle;
}

abbr, acronym {
	cursor: help;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}

p {
	padding: 0;
	margin: 0;
}

span.left25 {
	padding-left: 25px;
}
/*
* ส่วนปรับแต่งการแสดงผลของส่วนหัวเวบ
*/
div#header {
	padding: 0 0 5px 0;
}

div#header h1 {
	font-size: 2em;
	margin: 0;
	padding: 0;
/*	display: block;
	width: 880px;
	height: 100px;
	background: transparent url(images/cs19z.png) no-repeat;*/
}
div#header h1 span {
	display: none;
}

div#cswelcome {
	clear: both;
	margin: 0 5px 10px 5px;
	padding-bottom: 5px;
	border-bottom: #CECECE dotted 1px;
	font-size: 0.83em;
}
div#cswelcome a.atvmail {
	color: #999999;
}

/*
* ส่วนปรับแต่งการแสดงผลของเมนูทางซ้ายมือ
*/
div#menupanel {
	float: left;
	width: 230px;
	height: auto;
	padding: 5px 10px;
	margin: 0 0 10px 0;
	font-size: 0.83em;
}

div#menupanel h2 {
	font-weight: bold;
	font-size: 1.5em;
	font-family: "Trebuchet MS", Trebuchet, Tahoma;
	margin: 1.2em 0 7px -5px;
	text-decoration: underline;
	letter-spacing: 1px;
	color: #009933;
}

div#menupanel ul {
	margin: 0;
	padding: 0;
}

div#menupanel ul#csmenu li {
	list-style-type: none;
	font-size: 1.3em;
	font-family: "Trebuchet MS", Trebuchet, Tahoma;
	font-weight: lighter;
	letter-spacing: 1px;
	color: #3399FF;
}

div#menupanel ul#csmenu li a {
	padding: 3px 0 3px 2px;
	margin-top: 5px;
	text-decoration: none;
	display: block;
	width: 100%;
	color: #3399FF;
	border-bottom: #CCCCCC dotted 1px;
	border-right: #CCCCCC dotted 1px;
}
div#menupanel ul#csmenu li a:hover {
	display: block;
	color: #FFFFFF;
	background-color: #7DBEFF;
	font-weight: bold;
	border-bottom: #AAAAAA solid 1px;
	border-right: #AAAAAA solid 1px;
}

div#menupanel ul#othermenu li {
	list-style-type: none;
	color: #007DFB;
	margin-left: 5px;
}
div#menupanel a {
	color: #007DFB;
}
div#menupanel a:hover {
	color: #0066CC;
}
div#menupanel div#csonline a {
	color: #000000;
}
/*
* ส่วนปรับแต่งการแสดงผลของเนื้อหาเวบเพจ
*/
div#content {
	font-size: 0.83em;
	line-height: 1.45em;
	float: left;
	width: 600px;
	min-height: 400px; /* fix ie bug */
	height: auto;         /* fix ie bug */
	padding: 0px 10px;
	border-left: dotted #999999 1px;
	margin: 0 0 10px 0;
}
* html div#content { height: 400px; } /* fix ie bug */

div#content .wrapper {
	min-height: 225px; /* fix ie bug */
	height: auto; /* fix ie bug */
	padding: 0 0 5px 0;
	margin: 5px 0;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	clear: both;
}
* html div#content .wrapper { height: 225px; } /* fix ie bug */

div#content .wrapper.end {
	border-bottom-color: transparent;
}
div#content .wrapper div {
	margin: 0 0 0 5px;
}

div#content h1 {
	font-weight: bold;
	font-size: 2em;
	font-family: "Trebuchet MS", Trebuchet, Tahoma;
	letter-spacing: 1.5px;
}
div#content h2 {
	font-weight: bold;
	font-size: 1.65em;
	font-family: "Trebuchet MS", Trebuchet, Tahoma;
	margin: 0 0 10px 0px;
	text-decoration: underline;
	letter-spacing: 1.5px;
	color: #FF6633;
}
div#content h2 a {
	color: #FF6633;
	text-decoration: underline;
	cursor: help;
	left: 0;
	top: 0;
}

div#tenpost {
	margin-right: -10px;
}
div#tenpost ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
div#tenpost span.broom {
	width: 97px;
	float: left
}
div#tenpost span.bcontent {
	width: 344px;
	float: left;
}
div#tenpost span.btime {
	color: #999999;
}

div#tenpost a.bposter {
	color: #666666;
}

/*
* ส่วนปรับแต่งการแสดงผลของ footer
*/
div#footer {
	font-size: 0.67em;
	clear: both;
	margin: 0 5px;
	padding: 40px 20px 10px 5px;
	min-height: 40px; /* fix ie bug*/
	height: auto; /* fix ie bug */
	border-top: dotted #999999 1px;
}
div#footer img {
	vertical-align: top;
}
* html div#footer { height: 40px; } /* fix ie bug */

div#footer a {
	color: #0066cc;
	text-decoration: none;
}