/******************************************************************/
/*										 HTML Tag				  						 */
/*****************************************************************/
body {
	background-image: url(../../img/154546.JPG);
	margin-left: 15%;
	background-position: center center;
	background-attachment: fixed;
}
ul {
	list-style-type: none;
}
li {
	width: auto;
	margin-left: -35px;
	font: 14px Geneva, Arial, Helvetica, sans-serif;
}
li img{
	width:16px;
	height:16px;
}

/************* link style ***************/
a{
	color: #000066;
	text-decoration: none;
}

a:link{
	color: #000066;
	text-decoration: none;
}

a:visited{
	color: #000066;
	text-decoration: none;
}

a:hover{
	color: #0000CC;
	text-decoration: none;
	background: url(image/button_bg.gif) repeat;
}


/********************** Layout Div ***************************/
#header {
	width:800px;
	height: 220px;
	background: url(../../img/banner.jpg) no-repeat;
}
#header .center img {
	padding-top: 80px;
}


#container {
	width:800px;
	background: #33CC66;
}

#left-side {
	float: left;
	width: 160px;
	margin: 0px;
	padding: 0px;
}
#left-side ul {margin-top:0;}

#content {
	float: left;
	width: 630px;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #66CC66;
}
#content h1 {
	margin-left:50px;
	font:oblique 16px Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
}
#content span {
	text-decoration: underline;
	margin-left: 50px;
	color: #990099;
	font: 30px "SM Handina";
}
#container #content .floatRight p {
	padding-left: 50px;
	font: 16px Geneva, Arial, Helvetica, sans-serif;
}
/*#container #content .floatRight img {
	padding-right: 30px;
	padding-top: 40px;
}*/

#footer {
	clear:both;
	background: url(../../img/easterline.gif);
	height: 26px;
}

/*********************** Class stype ********************************************/
.clear-all {clear:both; line-height:0; height:0;}

.news {
	padding: 10px;
}

.navigation {background-color:#FFFF33; text-align:center; border:solid 1px #000000;}
.navigation-content{
	background:#FFFF33;
	border:solid 1px #000000;
	text-align: center;
}

/************* grid design *************************/
.grid1 {
	width:170px;
}
.grid2 {
	width:500px;
}
.border {
	width:90%;
	border:1px solid #000000;
	margin-top: 10px;
	margin-left: 20px;
}

.floatLeft {float: left;}
.floatRight {float: right;}
.center {	text-align: center;}

/************ ขอบมน *************************/
.curv  {-moz-border-radius: 20px;}

/************** นาฬิกา *************************/
.center embed {
	width:130px;
	height: 130px;
}
/*************** ตัวนับ **************************/
#counter {
	display: block;
	margin-top: 10px;
	margin-left: 30px;
}
/****************form style*********************/
#form_quize {
	margin-left: 80px;
}

/*************เนื้อหาบทเรียน***************/
.lesson {
	width: inherit;
}
.lesson blockquote {
	font-style: italic;
	color: #FF0000;
	text-align: center;
}
.lesson h3 {
	padding:0 30px;
	font: 28px "sp softText";
	}
.lesson h3,p {
	text-indent:50px;
	color: #990033;
}


/************* แบบฟอร์มชื่อนักเรียน *****************/
.student_form p{
	text-align: right;
	width: 450px;
}

.student_form label{
	display: inline;
}

.student_form input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
	width: 180px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}
/************* ฟอร์มดาวน์โหลดเอกสาร ***************/
#download strong {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	margin: 10px;
	padding-left: 70px;
}