@charset "utf-8";
/* CSS Document */
#container
{
position:relative; /*veryimportant*/
	width: 95%;
	margin: auto;
	color:#000000;
	border: 3px solid  #3CBFFF;
	line-height:130%;
	float: none;
background-color:#f9f9f9;

}

#wrapper{

margin:0px 10px10px 10px;
padding:0.4em;
}

#top
{
	padding: 0em;
	border-bottom: 4px solid gray;
	margin-top: 0px;
	vertical-align: top;
	top: auto;
}
#hornav{
height:30px;
}
#hornav  ul
{
	padding-left: 0;
	margin-left: 0;
	background-color:#CCFFFF;
	color:#FFFFFF;
	float: left;
	width: 100%;
	font-family: arial, helvetica, sans-serif;
	margin-top: 0.2em;
	margin-bottom: 0.5em;
}
#hornav ul li { display: inline;
 }
 #hornav ul li a
{
	padding: 0.2em 0.8em;
	background-color:#97DDFF;
	color: #666;
	text-decoration: none;
	float: right;
	border-right: 2px solid #fff;
}
#hornav ul li a:hover
{
	background-color: #33CCFF;
	color: #fff;
}
#leftnav
{
	float: left;
	width: 165px;
	margin: 0em ;
	padding: 1em;
	clip: rect(auto,auto,auto,auto);
	background-color:#9ECFCF;
	border:1px solid #666666;
}
#leftnav ul{margin:0; padding:0; list-style-type:none;}
#leftnav li{
	margin:0 0 0.1em 0;
	height: auto;
}
#leftnav a{
	display:block;
	color:#666;
	background-color:#ff99cc;
	width:9 em;
	padding: 0.4em 0.8em;
	text-decoration:none;
}
#leftnav a:hover
{
	background-color: #00CCFF;
	color: #FFF;
}
#bodycontent
{
	margin: 0px 200px 10px 200px;
	padding:0.4em;
	background:#F9F9F9;
	border: 1px solid   #666666;
	}
 #bodycontent img{
	border:2px solid #606;
	margin:0.5em;
	}
#bodycontent h3{
margin: 0;
	padding: 0.3em;
	color: #FFFFFF;
	background-color:#3399FF;
	font-size: 100%;
	font-weight:bold;
	}
	#footer
{
	clear: both;
	margin: 0;
	padding: 0.5em;
	float: none;
	color: #333;
	background-color: #ddd;border-top: 1px solid gray;
	height:30px;
}

#leftnav h3{
margin: 0;
	padding: 0.3em;
	color: #FFFFFF;
	background-color:#0080C0;
	font-size: 140%;
	font-weight: normal;
	}
#leftnav h4{
margin:0;
padding:0.2em;
color:#FFFFFF;
background-color:#0080C0;
font-size:100%;
font-weight:normal;
}
body {
	margin:0;
	background-color:#d2d7e4;
	background-image:url(background-norepeat.jpg);
	background-repeat:no-repeat;
}
p{margin-top:0;}
body,td,th {
	font-size: 13px;
}
#mainfeature {
	background-color:c7c7c7;
	padding:1em;
	height:100px;
}
#mainfeature img{
border:none;
}
#mainfeature h2 {
margin-top:0;
font-weight:bold;
font-size: 150%;
line-height:150%;
background-image:url(images/backgr/orchid.gif);
color:#FF0033;
text-align:center;
padding:1.5 em;
}
#mainfeature p {
font-size: 110%;
}
.clear {
clear:both;
}
.fright{
float:right;
}
.fleft{
float:left;
}
.pad {
margin-top:0.2em;
}
#maincontent {
background-color:f9f9f9;
color:#666666;
}
#maincontent  p.more{
margin-top:0;
text-align:right;
}
#maincontent  p.more a:link, #maincontent p.more a:visited{
color: black;
background-image:url(images/bullet/a2.gif);
background-repeat: no-repeat;
background-position: center left;
padding-left: 80px;
font-size: 90%;
color: #1e4c82;
}
#mainfeature p.more{
margin-top:0;
text-align:right;
}
#mainfeature  p.more a:link, #mainfeature p.more a:visited{
color: black;
background-image:url(images/bullet/a2.gif);
background-repeat: no-repeat;
background-position: center left;
padding-left: 80px;
font-size: 90%;
color: #1e4c82;
}
#rightnav 
{
	margin-right:0;
	float:right;
	width:185px;
	background-color:#C99;
	padding:0.2em;
	
}/*เป็นการพิ่มคอลัมน์ทางด้านขวา รวมเป็น 3 คอลัมน์*/
#sample{
	clear:both;
	
}
#wrapper2
{
	background-image:url(images/background-repeaty.jpg);
	background-repeat:repeat-y;
	background-position:left;	
}
<