/*reset browser default rules*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,dl,dt,dd,ol,ul,li,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
	margin:0;
	padding:0;
	border:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
	outline:none
}



body {
	font-size: 100%;
	margin: 0;
	font-family: Georgia, sans-serif;
	
	background-color:#F0F0EE;
	/*very light gray*/



}

b{
	font-weight: bold;
	font-size: 140%;
}


dd {
    font-size: 120%;
    display: block;
    margin-left: 1em;
    margin-bottom: 0.5em;
} 

strong {
	font-size: 120%;
}

small {
	font-size: 80%;
}

#wrapper_whole{
	width: 960px;
	margin: 0 auto;  /* to make the wrapper_whole centered */
	
	/*outline: #0E1F14 solid 2px; */
	/*for making easier to observe the box*/
	
	/*background-color:#97FB9E;*/
	/*light green*/

	background-color:#F0F0EE;
	/*very light gray*/

}


#header{
		width: 960px;
		position: relative; top: 0px; left: 0px;
		
		/*outline: black solid 2px;*/

	}



#content1{
	float: left;
	font-size: 140%;
	width: 940px;
	margin: 10px 10px 10px 10px;
	line-height: 2em;
	text-indent: 4em;
	

	/*outline: black solid 2px; */
	/*for making easier to observe the box*


	/*min-width: 500px;  */
	/* to control the min width, when reach the min, the scroll bar will appear*/
	/*min-width: 500px;  */
	/* to control the min width, when reach the min, the scroll bar will appear*/

}



#content2{
	clear:left;
	float: left;
	width: 640px;
	margin: 5px 20px 10px 20px;
	
	/*about the text*/
	font-size: 120%;
	text-align: justify;
	font-family: Helvetica;
	line-height: 1.5em;
	
	
	
	/*outline: black dashed 2px; */
	/*for making easier to observe the box*/


	/*not in use	*/
	/*min-width: 500px;  */
	/* to control the min width, when reach the min, the scroll bar will appear*/
	/*min-width: 500px;  */
	/* to control the min width, when reach the min, the scroll bar will appear*/

}

.content_pic_right{
	float: right;
	width: 240px;
	
}

.content_pic_right > img {
	padding: 0 20;  /* to make 200px pic centered */
	
}

.content_pic_left{
	float: left;
	width: 240px;
	outline: black solid 2px; /*for checking*/
}

.content_right{
	clear:left;
	float: right;
	width: 640px;
	margin: 5px 20px 10px 20px;
	outline: black solid 2px;
}

.content_left{
	clear:left;
	float: left;
	width: 640px;
	margin: 5px 20px 10px 20px;
	outline: black solid 2px;
}

#footer{
	clear:left;
	font-size: 180%;
	font-family: Arial;
	
}



#content3{
	/*similar to content2, but the width is 940*/

	float: left;
	margin: 0px 10px;
	width: 940px;
	

	/*about the text*/
	font-size: 120%;
	text-align: justify;
	font-family: Helvetica;
	line-height: 1.5em;


    list-style-position: inside;
}