/* ABOUT BCG CSS */

.aboutpagecontent {
	/*background: url('../img/contentbg_about.gif') top left repeat-y;*/
}
#about_flash {
	width: 505px;
	height: 177px;
	padding: 2px 0 0 7px;
	margin: 0;
	float: left;
	overflow: hidden;
}
.middleCol{
    width: 18px;
}
#aboutcol1 {
	width: 230px;
	padding: 0;
	margin: 0;
	float: left;
	/*background: url('../img/about_bcg/vline_dotted.gif') top right repeat-y;*/
}
#aboutcol2 {
	width: 233px;
	padding: 0 0 0 26px;
	margin: 0;
	float: left;
}
h2.abouttitle1 {
	margin: 0;
	padding: 0 0 10px 0;
	width: 230px;
	height: 38px;
	/*background: url('../img/about_bcg/title_bcghistory.gif') top left no-repeat;*/
}

h2.abouttitle2 {
	margin: 0;
	padding: 0 0 10px 0;
	width: 233px;
	height: 38px;
	/*background: url('../img/about_bcg/title_aboutcol2.gif') top right no-repeat;*/
}

#timelessinsight {
	width: 472px;
	padding: 0;
	margin: 17px 0 0 0;
	float: left;
}

.timelesstext {
	width: 382px;
	padding: 0;
	margin: 0;
	float: left;
}

.timelesstext p {
	width: 382px;
	padding: 0 0 9px 0;
	margin: 0;
	float: left;
}

#timelessinsight h2 {
	height: 20px; /*20*/
	margin: 0 0 12px 0;
	padding: 0;
	/*background: url('../img/about_bcg/title_timelessinsight.gif') top left no-repeat;*/
}

.timelessillustration {
	width: 89px;
	height: 95px;
	float: left;
	padding: 0;
	margin: 0;
}

#contentright_about {
	width: 438px;
	/*height: 250px;*/
	float: left;
	margin: 0;
	padding: 0;
	text-align: left;
	background: url('../img/right_grad2.gif') top right no-repeat;
}

#contentright_title_about {
	width: 438px;
	height: 38px; /* 83 */
	float: left;
	margin: 0;
	padding: 0;
	text-align: left;
	background: url('../img/about_bcg/title_aboutbcg.gif') top left no-repeat;
}

p.leadername {
	font-weight: bold;
}

p.more_info {
	padding: 10px 0 0 0;
}

p.read_more {
	padding: 3px 0 0 0;
}
.history {
	padding: 1px 9px 2px 5px;
	/*background: url('../img/leaderphoto_01.gif') 9px 4px no-repeat;*/
}
.historyphoto {
	padding: 1px 9px 2px 0;
	float: top;
	/*background: url('../img/leaderphoto_01.gif') 9px 4px no-repeat;*/
}
#thingsfrompast {
	width: 585px;
	float: left;
	padding: 15px 10px 10px 15px;
	margin: 0;

}

#thingsfrompast .bcghighlights {
	width: 252px;
	float: left;
	padding: 0 20px 0 0;
	margin: 0;
}

#thingsfrompast .news {
	width: 277px;
	float: left;
	padding: 0 0 0 36px;
	margin: 0;
    background: url('../img/vline_dotted.gif') left top repeat-y;
}

#thingsfrompast ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#thingsfrompast ul li {
	padding: 0 0 8px 15px;
	margin: 0;
	background: url('../img/nicebullet.gif') left 2px no-repeat;
}

#thingsfrompast h3 {
	font-size: 12px;
	font-weight: bold;
	color: #177b57;
	padding: 0 0 10px 0;
	margin: 0;
}
/*the following classes will  control the window*/
.dhtmlwindow{
position: absolute;
visibility: hidden;
background-color: transparent;
width: 515px;
height: 392px;
 background-image: url('../img/layer_bckgrnd_white.gif');
 background-repeat: no-repeat;
 padding: 1px;
}
.dhtmlwindow img{
padding: 0px 1px 0 1px;
}
.dhtmlwindow p{
padding: 2px 2px 5px 2px;
}
.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
position: absolute;
float: right;
cursor: hand;
margin-top: 8px;
margin-left:426px;
}
.drag-contentarea{ /*CSS for Content Display Area div*/
padding: 1px;
overflow: auto;
 font-size: 12px;
 font-family: Arial, Helvetica, sans-serif;  
 width: 520px;
}

.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
border-top: 1px solid gray;
background-color: #F8F8F8;
height: 13px; /*height of resize image*/
}
.drag-resizearea{ /*CSS for Resize Area itself*/
float: right;
width: 13px; /*width of resize image*/
height: 13px; /*height of resize image*/
cursor: nw-resize;
font-size: 0;
}
/* ------------------ */
.windowcontent
{   
  width: 520px;
  padding: 5px; 
}
.windowinfo
{   
  width: 495px;
  padding: 10px 12px 0 10px;  
}
.windowpict
{  width: 180px;
   float: left;
   padding: 5px 5px 5px 0;  
}
.backgrounder {
	width: 247px;
	float: right;
	height: 375px;
	padding: 5px 10px 20px 5px;
	/*background-image: url(../img/backgrounder.gif);
	background-repeat: no-repeat;*/
	}
 .tabcontent p {
	margin: 5px 8px 10px 8px;
	padding: 0;
}

.general {
        font-family: 'Arial', sans-serif;
	font-size: 12px;
	text-decoration: none;
    color: pink;
}

/*wuming*/
#historybody img{
	margin-left:-20px;
	position:relative;
}
#sitemap ul.nicelist{padding:0!important; padding-top:10px!important; padding-left:10px!important;}

.note{ border:#CCCCCC 1px solid; width:96%}
