div.scrollpromo 
{
	width: 300px;
	height: 500px;
	padding: 12px 4px 4px 4px;
	overflow:auto; 
	float:left;

}

div.block
{
	border: 1px #D7D7D7 solid;
	padding: 12px 4px 4px 4px;
	float:left;
	font-family: Trebuchet MS, Verdana, Tahoma, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;	 	
}

	#content-image img {                         	/*กำหนดสไตล์ชีทให้กับแท็ก <img> ในแท็ก <p>*/
       	border: 1px solid gray;
       	background-color: #ffffff;
       	padding: 2px;
       	margin: 2px 2px 2px 2px;
  	}
  	
  	
  	#links ul { list-style-type: none; width: 400px; }      /*กำหนดสไตล์ชีทให้กับแท็ก <ul> ใน id "links"*/
    	#links li {                                                    /*กำหนดสไตล์ชีทให้กับแท็ก <li> ใน id "links"*/
 		border: 1px dotted #999;     /*กำหนดรูปแบบของเส้นที่ใช้แบ่งขอบเขต*/
 		border-width: 1px 0;
 		margin: 5px 0;
    }
    	#links li a {                                   /*กำหนดสไตล์ชีทให้กับแท็ก <a> ที่อยู่ในแท็ก <li> ของ id "links"*/
 		color: #990000;
 		display: block;
 		/* font: bold 120% Arial, Helvetica, sans-serif; */
 		padding: 5px;
 		text-decoration: none;
    	}
    	* html #links li a { /*กำหนดสไตล์ชีทให้กับแท็ก <a> ที่อยู่ในแท็ก <li> ของ id "links" และแท็กทุกแท็กของ html*/
           width: 400px; 
	}  
    	#links li a:hover {           /*กำหนดสไตล์ชีทให้กับลิงค์ที่อยู่ในแท็ก <li> ของ id "links" เมื่อนำเมาส์ไปวาง*/
          background: #ffffcc; 
	}
    	#links a p {                    /*กำหนดสไตล์ชีทให้กับแท็ก <p> ที่อยู่ในแท็ก <a> ของ id "links"*/
 		color: #333;
 		display: block;
 		/* font: normal 75% Verdana, Helvetica, sans-serif; */
 		line-height: 125%; 
    }
    #links a span {                /*กำหนดสไตล์ชีทให้กับแท็ก <span> ที่อยู่ในแท็ก <a> ของ id "links"*/
            color: #125F15;
            /* font: normal 70% Verdana, Helvetica, sans-serif; */ 
            line-height: 150%;
    	}