* { margin: 0; padding: 0; }

html, body { 
	margin: 0 auto;   /* align for good browsers */
	padding: 0;
	height:100%; 
	/*background: #FFFFFF url(../images/theme_bg.jpg) no-repeat top; */
	font-family: 'Tahoma'; 
	color: #474747; 
	font-size: 12px; 
	text-align:center; /* for IE */
}

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -53px; /* margin ตรงขอบล่างต้องเป็นเลขติดลบด้วยความสูงของ footer */
}

/* General Links */
a:link, a:active, a:visited { text-decoration : none; border: 0px; color:#be522c; } 
a:hover { text-decoration : none; border: 0px; color:#913312; }

.a_project:link, .a_project:active, .a_project:visited { text-decoration : none; border: 0px; color:#22dd96; } 
.a_project:hover { text-decoration : none; border: 0px; color:#1cb17a; }

input { font-size:10px; }

.bor { border:1px solid; }

img { padding: 0px; margin: 0px; border: none;}

h1, h2, h3 { font-family: 'Tahoma';}

.clear { clear:both; /*width:100%; height:10px;*/}

.ImgBorder { padding:2px; border:1px #cbcbcb solid; }

.centerSite { margin:0 auto; width:980px; }
.content { text-align:left; }
.content h1 { font-size:13px; color:#000000; }
.content ul li { /*list-style:none;*/ margin-left:25px; padding:5px 0; }

.headerSite { height:118px; background:url(../images/head.jpg) repeat-x; }

.qa_link { list-style:none; }
.qa_link a, .qa_link a:visited { color:#898987; }
.qa_link a:hover { color:#e91629; }

.app_link { list-style:none; padding-left:5px; line-height:20px; }
.app_link a, .app_link a:visited { color:#898987; }
.app_link a:hover { color:#1fdf90; }

.who_link { list-style-image:url('../images/bullet.gif'); padding-left:20px; line-height:20px; }
.who_link a, .who_link a:visited { color:#898987; }
.who_link a:hover { color:#80b501; }

.appendicsContent { padding:5px 10px; }
.appendicsContent dt { line-height:18px; }
.appendicsContent dt span { line-height:25px; color:#000000; font-weight:bold; }
.appendicsContent dt p { text-indent:25px; padding:5px 0; }
.appendicsContent dt ul { list-style:none; padding:10px 35px; }

.appContent { padding:5px 0; }
.appContent .divYear { float:left; }
.appContent .divcontent { padding-left:40px; }

.menuSite { height:37px; background:url(../images/menu.gif) repeat-x; }
.menuSite .menu { list-style:none; height:37px; margin:0; padding:0; list-style-position:outside; position:relative; }
.menuSite .menu li { color:#a7a7a9; font-weight:bold; float:left; position:relative; }
.menuSite .menu li a,
.menuSite .menu li a:visited { 
	color:#a7a7a9; 
	padding:10px 20px 12px 20px; 
}
.menuSite .menu li a:hover, 
.menuSite .menu li a.sel { 
	color:#FFFFFF; 
	background-color:#232122; 
}

.footerSite { height:53px; background:url(../images/footer.gif) repeat-x; color:white; }
.push { height:53px; }

.footerButton { background-color:white; border:1px #c3c3c3 solid; font-weight:bold; width:35px; }

.contentMainFoot { width:310px; float:left; text-align:left; padding-left:5px; padding-right:5px; }
.contentMainFoot div { margin-top:5px; margin-bottom:5px; }

.contentLecturer { float:left; width:130px; }
.DetailLecturer { margin-left:155px; }

.contentLecturerYear { width:130px; margin-left:25px; }
.DetailLecturerYear { margin-left:30px; }
.DetailLecturerYear .head { width:100px; float:left; }
.DetailLecturerYear .detail { margin-left:130px; }