body{
		margin:0;
		padding:0;
		background-color:#F4F4F9;
		font-family: 'Sarabun', 'sans-serif';
	}
.wrapper {
   display: block;
   min-height: 100%; /* real browsers */
   height: auto !important; /* real browsers */
   height: 100%; /* IE6 bug */
   margin-bottom: -20px; /* ��˹� margin-bottom ���Դź��ҡѺ�����٧�ͧ footer */
}

	#header{
		/* height:10%; */
		height: 100px;
		text-align:center;
		/* background-color:#33CCFF; */
		 background-color:#018FD6
	}
	#sidebar{
		height:85%;
		float:left;
		width:10%;
		/* background-color:#FF8800;		
		 background-color:#F987F2; */		
		 background-color:#BDD5EA;

		text-align:center;
		/*padding:2px;*/
		padding: 0px;
		/* top:0px; */
		overflow: auto; /* *********************************** */
	}
	#content{		
		height:85%;
		float:right;
		width:85%;
		text-align:left;
		/* padding:2px; */
		padding: 0px;
		font-family: 'Sarabun', 'sans-serif';
		overflow: auto; /*  *********************************** */

	}
	#footer{
	 clear: left; 
		text-align:center;
		background-color:#018FD6;	
		/* margin-bottom: 0px; */
		/* overflow: auto; */

	}