div#content{height: 600px;padding:0px 10px 0px 10px;background: url(images/bg/chi.jpg) no-repeat top left;}
 div#content img{border: 0;}
 div#content img#vass_small{margin: 68px 0px 0px 40px;float: left;}
 div#content img#vacon_small{margin: 200px 0px 0px -360px;float: left;}
 div#content img#chi{margin: 373px 0px 0px -350px;float:left;}

 div#wn {
	float: left;
	height: 480px;
	width: 370px;
	overflow: hidden;
	margin: 55px 0px 0px 190px;
}
 div#lyr1 {
	color: grey;
	font-family: verdana;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	line-height: 20px;
	text-align: justify;
	text-decoration: none;
	padding: 0px 20px 0 0;
}
 div#lyr1 h3{
	color: blue;
	font-family: verdana;
	font-size: 15px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	line-height: 20px;
	text-align: justify;
	text-decoration: bold;
}
 div#scrollbar { 
  float:left;
  margin-top: 200px;
  width:11px; height:200px; 
  font-size:1px;  /* for image vertical alignment issue */
  }
 div#track { 
  position:absolute; left:0; top:12px;
  width:11px; height:176px;
  background: #6a6767;
  }
 div#dragBar {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color:#c6c3c3;
  }  
 div#up { position:absolute; left:0; top:0; }  
 div#down { position:absolute; left:0; bottom:0; }

/* for safari, to prevent selection problem  */
 div#scrollbar, div#track, div#dragBar, div#up, div#down {
    -moz-user-select: none;
    -khtml-user-select: none;
}

/* so no gap or misplacement due to image vertical alignment [1]*/
div#scrollbar img {
    display:block; 
    } 






 div#chitext {
	height: 480px;
	width: 370px;
	overflow: auto;
	color: grey;
	font-family: verdana;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	line-height: 20px;
	text-align: justify;
	text-decoration: none;
	margin: 55px 0px 0px 180px;
	padding: 0 20px 0 0;
	float: left;
}



.gecko div#content{height: 600px;position:absolute;width:978px;padding:0px 10px 0px 10px;background: url(images/bg/chi.jpg) no-repeat top center;}
.gecko div#content img{border: 0;}
.gecko div#content img#vass_small{margin: 68px 0px 0px 40px;float: left;}
.gecko div#content img#vacon_small{margin: 200px 0px 0px -360px;float: left;}
.gecko div#content img#chi{margin: 373px 0px 0px -350px;float:left;}

.gecko div#wn {
	float: left;
	height: 480px;
	width: 370px;
	overflow: hidden;
	margin: 55px 0px 0px 190px;
}
.gecko div#lyr1 {
	color: grey;
	font-family: verdana;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	line-height: 20px;
	text-align: justify;
	text-decoration: none;
	padding: 0px 20px 0 0;
}
.gecko div#lyr1 h3{
	color: blue;
	font-family: verdana;
	font-size: 15px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	line-height: 20px;
	text-align: justify;
	text-decoration: bold;
}
.gecko div#scrollbar { 
  float:left;
  margin-top: 200px;
  width:11px; height:200px; 
  font-size:1px;  /* for image vertical alignment issue */
  }
.gecko div#track { 
  position:absolute; left:0; top:12px;
  width:11px; height:176px;
  background: #6a6767;
  }
.gecko div#dragBar {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color:#c6c3c3;
  }  
.gecko div#up { position:absolute; left:0; top:0; }  
.gecko div#down { position:absolute; left:0; bottom:0; }

/* for safari, to prevent selection problem  */
.gecko div#scrollbar, div#track, div#dragBar, div#up, div#down {
    -moz-user-select: none;
    -khtml-user-select: none;
}

/* so no gap or misplacement due to image vertical alignment [1]*/
div#scrollbar img {
    display:block; 
    } 






.gecko div#chitext {
	height: 480px;
	width: 370px;
	overflow: auto;
	color: grey;
	font-family: verdana;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	line-height: 20px;
	text-align: justify;
	text-decoration: none;
	margin: 55px 0px 0px 180px;
	padding: 0 20px 0 0;
	float: left;
}



/*IE Style*/


.ie div#content{height: 600px;width:970px;position:absolute;padding:0px 10px 0px 10px;background: url(images/bg/chi.jpg) no-repeat top center; margin-top: -5px;}
.ie div#content img{border: 0;}
.ie div#content img#vass_small{margin: 68px 0px 0px 40px;float: left;}
.ie div#content img#vacon_small{margin: 200px 0px 0px -360px;float: left;}
.ie div#content img#chi{margin: 373px 0px 0px -350px;float:left;}

.ie div#wn {
	float: left;
	height: 480px;
	width: 370px;
	overflow: hidden;
	margin: 55px 0px 0px 190px;
}
.ie div#lyr1 {
	color: grey;
	font-family: verdana;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	line-height: 20px;
	text-align: justify;
	text-decoration: none;
	padding: 0px 20px 0 0;
}
.ie div#lyr1 h3{
	color: blue;
	font-family: verdana;
	font-size: 15px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	line-height: 20px;
	text-align: justify;
	text-decoration: bold;
}
.ie div#scrollbar { 
  float:left;
  margin-top: 200px;
  width:11px; height:200px; 
  font-size:1px;  /* for image vertical alignment issue */
  }
.ie div#track { 
  position:absolute; left:0; top:12px;
  width:11px; height:176px;
  background: #6a6767;
  }
.ie div#dragBar {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color:#c6c3c3;
  }  
.ie div#up { position:absolute; left:0; top:0; }  
.ie div#down { position:absolute; left:0; bottom:0; }

/* for safari, to prevent selection problem  */
.ie div#scrollbar, div#track, div#dragBar, div#up, div#down {
    -moz-user-select: none;
    -khtml-user-select: none;
}

/* so no gap or misplacement due to image vertical alignment [1]*/
div#scrollbar img {
    display:block; 
    } 






.ie div#chitext {
	height: 480px;
	width: 370px;
	overflow: auto;
	color: grey;
	font-family: verdana;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	line-height: 20px;
	text-align: justify;
	text-decoration: none;
	margin: 55px 0px 0px 180px;
	padding: 0 20px 0 0;
	float: left;
}

.safari div#content{height: 600px;width:970px;position:absolute;padding:0px 10px 0px 10px;background: url(images/bg/chi.jpg) no-repeat top center; margin-top: -5px;}
.safari div#content img{border: 0;}
.safari div#content img#vass_small{margin: 68px 0px 0px 40px;float: left;}
.safari div#content img#vacon_small{margin: 200px 0px 0px -360px;float: left;}
.safari div#content img#chi{margin: 373px 0px 0px -350px;float:left;}

.safari div#wn {
	float: left;
	height: 480px;
	width: 370px;
	overflow: hidden;
	margin: 55px 0px 0px 190px;
}
.safari div#lyr1 {
	color: grey;
	font-family: verdana;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	line-height: 20px;
	text-align: justify;
	text-decoration: none;
	padding: 0px 20px 0 0;
}
.safari div#lyr1 h3{
	color: blue;
	font-family: verdana;
	font-size: 15px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	line-height: 20px;
	text-align: justify;
	text-decoration: bold;
}
.safari div#scrollbar { 
  float:left;
  margin-top: 200px;
  width:11px; height:200px; 
  font-size:1px;  /* for image vertical alignment issue */
  }
.safari div#track { 
  position:absolute; left:0; top:12px;
  width:11px; height:176px;
  background: #6a6767;
  }
.safari div#dragBar {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color:#c6c3c3;
  }  
.safari div#up { position:absolute; left:0; top:0; }  
.safari div#down { position:absolute; left:0; bottom:0; }

/* for safari, to prevent selection problem  */
.safari div#scrollbar, div#track, div#dragBar, div#up, div#down {
    -moz-user-select: none;
    -khtml-user-select: none;
}

/* so no gap or misplacement due to image vertical alignment [1]*/
div#scrollbar img {
    display:block; 
    } 






.safari div#chitext {
	height: 480px;
	width: 370px;
	overflow: auto;
	color: grey;
	font-family: verdana;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	line-height: 20px;
	text-align: justify;
	text-decoration: none;
	margin: 55px 0px 0px 180px;
	padding: 0 20px 0 0;
	float: left;
}