body {
	margin: 0px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	background: url('images/img01.gif') repeat-x right top;
	font-size: 11pt;
	color: #444444;
}

h1, h2, h3 {
	margin: 0;
	font-family: Tahoma, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #444444;
}

h1 {
	font-size: 20pt;
}

h2 {
	font-size: 18pt;
}

h3 {
	font-size: 16pt;
}

p, ul, ol {
	margin-top: 0;
	line-height: 180%;
}



ul, ol {
}

a:hover {
	background: none;
}

#wrapper {
	width: 100%;
	margin: 0 auto;
	background: url('images/img06.jpg') repeat-x left top;
}

#wrapper .btm {
	background: url('images/img05.gif') repeat-x  left top;
}

#wrapper .btm .siteMap {
	padding-left: 10px
}

/* Header */

#header {
	width: 100%;
	height: 100px;/*105px;*/
	margin: 0 auto;
	background-image: url('images/gsmis.gif');
	background-repeat:no-repeat;
}

/* Logo */

#logo {
	float: left;
	width: 100%;
	color: #000000;	
}

#logo h1, #logo p 
{
}

#logo h1 {
	float: left;
	padding: 10px 0 0 40px; /*30px 0 0 20px;*/
	margin-right: 10px;
	letter-spacing: -1px;
	font-size: 40pt;
}

#logo h1 a {
	color: #FF7900;
}

#logo p {
	float: left;
	margin: 33px 0px 0 10px; /*44px 0 0 0;*/
	padding: 3px 10px 3px 0px; /*3px 10px 3px 0px;*/
	font: Tahoma, normal 13px Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 16pt;
} 

#logo a {
	border: none;
	background: none;
	text-decoration: none;
	color: #000000;
}

/* Search */

#search {
	float: right;
	width: 230px;
	padding: 0;
}

#search form {
	height: 41px;
	margin: 0;
	padding: 70px 0 0 0px;
}

#search fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

#search-text {
	width: 210px;
	border: none;
	text-transform: lowercase;
	font: bold 1.2em Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

#search-submit {
	display: none;
}

/* Menu */

#menu {
	width: 100%;
	height: 44px;
	background: url('images/img09.jpg') repeat-x left top;
	margin: 0 auto;
	padding: 0;
}

#menu ul {
	margin: 0;
	padding: 5px 0 0 10px;
	list-style: none;
	line-height: normal;
}

#menu li {
	float: left;
}

#menu a {
	display: block;
	margin-right: 3px;
	padding: 2px 12px 3px 12px;
	text-decoration: none;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:bold;
	color: #FFFFFF;
	border: none;
}

#menu a:hover, #menu .current_page_item a {
}

#menu a:hover {
	/*background: #d3d3d3;*/
	text-decoration: none;
	color:#ff7a03;/*b41a92,fce804,ff7901*/
	font-weight:bold;
}

#menu .first {
	margin-right: 3px;
	/*background: #d3d3d3;	*/
	color:#ff7a03;
}

/* Page */

#page {
	width: 100%;
	margin: 0 auto;
	padding-top: 0px; /* 20px; */
}

/* Content */

#content {
	float: right;
	width: 100%;
	padding: 20px 20px 0 0;
}

.post {
	margin-left: 20px;
	padding-bottom: 30px;
}

.post .title {
	padding-left: 10px;
	border-left: 4px solid #F57601;
	color: #000000;
}

.post .title a {
	background: none;
	color: #444444;
	border: none;
}

.post .title a:hover {
	text-decoration: underline;
}

.post .meta {
	background: #E0E0E0;
	border-left: 4px double #F57601;
	border-right: 4px double #F57601;
	padding: 3px 10px 3px 10px;
	text-align: left;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.post .meta .comments,.post .meta .permalink {
}

.post .entry {
	padding: 10px 20px 20px 20px;
	text-align: justify;
}

/* Sidebar */

#sidebar {
	float: left;
	width: 210px;
	padding: 25px 10px 0 20px;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar li {
	margin: 0;
	padding: 0;
}

#sidebar li ul {
	padding-bottom: 30px;
}

#sidebar li li {
	line-height: 35px;
	border-bottom: 1px dashed #BCBCBC;
}

#sidebar li li span {
	display: block;
	margin-top: -20px;
	padding: 0;
	font-size: 11px;
	font-style: italic;
	color: #BCBCBC;
}

#sidebar h2 {
	letter-spacing: -.5px;
	color: #444444;
}

#sidebar p {
	padding-bottom: 20px;
	text-align: justify;
}

#sidebar a {
	color: #000000;
	border: none;
}

#sidebar a:hover {
	text-decoration: underline;
	color: #787878;
}

/* Calendar */

#calendar {
}

#calendar_wrap {
	padding: 20px;
}

#calendar table {
	width: 100%;
}

#calendar tbody td {
	text-align: center;
}

#calendar #next {
	text-align: right;
}

/* Footer */

#footer {
	width: 100%;
	/*height: 20px;*/
	margin: 0 auto;
	padding: 20px 0 15px 0;
	/*background: #444444;*/
	background: url('images/img08.jpg') repeat-x left top;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

#footer p {
	margin: 0;
	line-height: normal;
	font-size: 9px;
	text-transform: uppercase;
	text-align: center;
}

#footer a {
	color: #FFFFFF;
	border-bottom: 1px #FFFFFF dotted;
}

table
{
	border: 1px;
}

.PanelHeader
{
	font-weight: bold;
	/*background-color: Silver;*/
	margin: 0 2px 5px 2px;
	display: block;
}

.ItemHeader 
{
	text-align: right;
	vertical-align: top;
	font-weight: normal;
	float: left;
	display: block;
	width: 130px;
	margin-top: 2px;
	margin-bottom: 2px;
	padding-left: 5px;
	border: 1px;
}

.ItemHeader2 
{
	text-align: left;
	vertical-align: top;
	font-weight: normal;
	float: left;
	display: block;
	margin: 3 0 3 0;
}

.ItemHeader3
{
	text-align: center;
	vertical-align: top;
	font-weight: normal;
	display: block;
	width: 130px;
	margin-top: 2px;
	margin-bottom: 2px;
	padding-left: 5px;
	border: 1px;
}

.ItemHeader4
{
	float: none;
	text-align: left;
	vertical-align: top;
	font-weight: normal;
	display: inline;
	margin: 5 0 3 0;
}

.ItemHeader5
{
	text-align: right;
	vertical-align: top;
	font-weight: normal;
	float: left;
	display: block;
	width: 240px;
	margin-top: 2px;
	margin-bottom: 2px;
	padding-left: 5px;
}

.ItemData
{
	float: none;
	text-align: left;
	vertical-align: top;
	font-weight: normal;
	display: inline;
	margin: 3 0 3 0;
	width: auto;
}

.Note
{
	color: Blue;
	font-weight: normal;
	font-size: -2em;
	padding-left: 50px;
}

.HistoryContainer
{
	width:527px;
	display: inline;
}

div.FormHeader, p.FormHeader
{
	font-size: small;
	font-weight: bold;
	font-style: normal;
	color: Black;
	background: White;
	padding-top: 8px;
	/*margin-top: 8px;*/
}

div.StudentTopPageArea
{
	background-color: silver;
}

div.CommandButtonArea
{
	BACKGROUND-COLOR: silver;
	MARGIN-TOP: 5px; 
	MARGIN-BOTTOM: 5px; 
	PADDING-BOTTOM: 10px; 
	PADDING-TOP: 10px; 
	WIDTH: 100%; 
}

.GridHeader
{
	font-size: 10pt;
	font:Tahoma;
	font-weight: bold;
	background-image:url('images/table_head_bg.gif');
	height:22px;
	color:#503720;
	vertical-align:middle;
}

.GridRow
{
	font-size: 10pt;
	font:Tahoma;
	font-weight: normal;
	color:#503720;	
	vertical-align:middle;
}

div.approvalCurriculum
{
	/*width: 100%; */
	height: auto; 
	background-color: Transparent;
	padding: 0 0px 0 0px
}

div.editedPanel
{
	background-color: #FFBB55;
	padding: 0 0px 0 0px
}

div.CurriculumCommandButton
{
	text-align: right;
	BACKGROUND-COLOR: Transparent;
	MARGIN-TOP: 0px; 
	MARGIN-BOTTOM: 5px; 
	PADDING-BOTTOM: 10px; 
	PADDING-TOP: 5px; 
	padding-right: 30px;
}
div.CurriculumDetailsPanelA
{
	width: 100%;
	background-color: #FFFFDD;
}
div.CurriculumDetailsPanelB
{
	width: 100%;
	background-color: #FFFFFF;
}

.TextTeacher
{
	font-size: 10pt;
	font:Tahoma;
	font-weight: normal;
	color:Black;	
}

.TextHeaderTeacher
{
	font-size: 10pt;
	font:Tahoma;
	font-weight: normal;
	font-weight: bold;
	color:#503720;	
}

.TextButtonTeacher
{
	font-size: 10pt;
	font:Tahoma;
	font-weight: normal;
	color:Black;
}

.TextValidatorTeacher
{
	font-size: 10pt;
	font:Tahoma;
	font-weight: normal;
	color:Red;
}

.title_content
{
	 border-top:Silver 1px solid;
	 border-bottom: #ff7a03 1px solid; 
	 background-color: #fbedc8;
	 color:#503720;
	 font-size:large;
	 font:Tahoma;
	 font-weight:bold;
	 padding: 5px;
}

.title_detail
{
	 border-top:#ff7a03 1px solid;
	 border-bottom: #ff7a03 1px solid;
	 background-color: #f3ac50;
	 color:white;
	 font:Tahoma;
	 font-weight:bold;
	 padding:4px;
}

.title_user_info
{
	 border-top:Silver 1px solid;
	 border-bottom: #ff7a03 1px solid; 
	 background-color: #fbedc8;	 
	 padding: 5px;
	 color:#5b2c02;
	 font:Tahoma;
	 font-weight:bold;
	 padding:1px;
	 font-size:10pt;	 
}

.TextLink
{
	font-size: 11pt;
	font:Tahoma;
	font-weight: normal;
	font-weight: bold;
	color:Blue;	
}

.TextUCInput
{
	font-size: 10pt;
	font:Tahoma;
	font-weight: normal;
	font-weight: bold;
	color:Red;	
}
table.table_menu 
{ 
	font-size:14px;	 
	border:2px;
	border-color:#ff3300; 
	color:Blue;
}
.SortHeaderRowStyle
{
	font-size:14px;	
	font-weight: bold;
	background-color:#fbedc8; 
	color:black;	
}
.SortSubHeaderRowStyle
{
	font-size:15px;	
	background-color:#fbedc8; 
	color:black;	
}
.sub_menu{background-color:#FFFFFF; }
.sub_menu_over{background-color:#E3D0B6;}

@font-face 
{
 font-family : Saraban_font2;
 src: url(../../Fonts/THSarabun.eot) /* EOT file for IE */
}

@font-face 
{
 font-family : Saraban_font;
 src: url(../../Fonts/THSarabun.ttf) /* EOT file for IE */
}

@font-face 
{
	font-family: Saraban_font1;
    src: url(../../Fonts/THSarabun.ttf) /* TTF file for CSS3 browsers */
}
           
.saraban { font-family: TH SarabunPSK, Georgia, serif; }