/* pictureCluster.css : */
/* for the div of picture graphic */

/* for EABFU */
#pageMain2 {width:100%; height:auto; float:left; overflow:hidden;background-image:url('/tc/theme/fightpandemic/images/nav_bg.gif');} /* Left Only, no Right Side */
#pageMain2 #leftSideHolder1 {float:left; margin-left:0px; width:100%; height:100%;}
#pageMain2 #leftSideHolder2 {margin-left:0px;}
#pageMain2 #leftSide {width:100%; height:100%;}

/* === STANDARD picture graphuic: Banner  === */
#standardBannerGraphicArea {
	float:left; 
	width:100%;
	padding-top:10px;
	margin-right:-2px; /* reserve 2px for drawing box border */	
	margin-bottom: 10px; /* replace hoz image */
}

#standardBannerArea {
	float:left; 
	width:100%; 
	margin-top:0px; 
	margin-left:0px;
	margin-right:0px; 
	height:72px; 
	overflow:hidden;
	margin-bottom: 10px;
	background-image:url('/en/business/supportenterprises/bf/images/banner_bg.gif');
	border: thin;
	display:none;  /* hide it for fightpandemic */
}

#shortenBannerGraphicArea {
	float:left; 
	width:100%; 
	margin-right:0px; 
	height:72px; 
	overflow:hidden;
	margin-bottom: 10px; /* replace hoz image */
}

/* #leftMenuTwo is Two Level Menu */
#leftMenuTwo {float:left; width:100%; height:100%;}

#leftMenuTwo ul { padding:0; margin:0; }
#leftMenuTwo li { padding:0; margin:0; }

/* mainmenu, default item, bg-color */
#leftMenuTwo li {
	background-color:#8cc63f;
	color:#FFFF00;
	width:138px; 
	float:left;
	clear:both;
	background: url(/tc/theme/fightpandemic/images/nav_bg.gif) repeat;
}

/* mainmenu, selected item, bg-color */
#leftMenuTwo li.mainon {
	color:#000000;
	background:url(/tc/theme/fightpandemic/images/nav_bg_over.gif) repeat;
}

/* mainmenu, default item, div */
#leftMenuTwo .maindiv { 
  /* 20070717: now act as a container for text and image */
  /* 20070717: change width, add float and clear */	  
  /* total width: 138px */
  width:124px; /* IE6 */ 
  padding-left:14px; /* pad left for bullet */
  float:left;	 
  clear:both;
  border-bottom: 2px solid #FFFFFF; 
  background:url(/en/business/supportenterprises/bf/images/bullet.gif) 3px 1.1em no-repeat;
}

#leftMenuTwo .itemText {
  float:left;
  padding: 8px 0px 8px 0px; /* pad top and bottom should be same */ 
  font-size:1em; /* for B-and-T length (max) */
  line-height:1.15em;
  /* border:1px solid red; test */
}

#leftMenuTwo .itemImage {
	float:left;
/*	padding-top:4px; */
	padding-top:10px; 
}

#leftMenuTwo a{font-weight:bold; padding:0; border:0;}
#leftMenuTwo a:link,
#leftMenuTwo a:visited { color:#013eca; decoration:none; }
#leftMenuTwo a:hover,
#leftMenuTwo a:active,
#leftMenuTwo a:focus {
	color:#013eca;
	decoration:underline;
}

/* mainmenu, selected item, link style (do this at last) */
/* please group "link and visited", "hover and active" together */
#leftMenuTwo li.mainon a {padding:0; border:0;}
#leftMenuTwo li.mainon a:link,
#leftMenuTwo li.mainon a:visited { color:#013eca; decoration:none; }
#leftMenuTwo li.mainon a:hover,
#leftMenuTwo li.mainon a:active,
#leftMenuTwo li.mainon a:focus  {
	color:#013eca;
	decoration:underline;
}

/* submenu, default item, "box" style */
#leftMenuTwo ul.submenu li { 
  width: 128px;
  padding:5px 5px 3px 5px; /* T R B L */
  background-color:#FBF5E4; 
  border-bottom:2px solid #FFFFFF;
  font-size:1em;
}

/* submenu, default item, link style */
#leftMenuTwo ul.submenu a:link,
#leftMenuTwo ul.submenu a:visited { color:#013eca; }
#leftMenuTwo ul.submenu a:hover,
#leftMenuTwo ul.submenu a:active,
#leftMenuTwo ul.submenu a:focus  { /* color:#FF6600; 20071127:hover no change */ }

/* submenu, selected item, link style */
#leftMenuTwo ul.submenu li.subon { background-color:#cc0000; }
#leftMenuTwo ul.submenu li.subon a:link,  
#leftMenuTwo ul.submenu li.subon a:visited { color:#FFFFFF; }	
#leftMenuTwo ul.submenu li.subon a:hover,
#leftMenuTwo ul.submenu li.subon a:active,
#leftMenuTwo ul.submenu li.subon a:focus  { /* color:#FFFFFF; 20071127:hover no change */ }
/* chun: leftMenu - end */

#ForAndAbout {
	/*float:left; 
	width:100%; 
	height:auto; 
	margin-top:0px;
	margin-left:150px;
	margin-bottom:0px;*/
	background-color:#FFFFFF;
	background-image: none;
}

#ForAndAbout2 {
	float:left; 
	width:100%; 
	height:auto; 
	margin-top:0px;
	margin-bottom:0px;
	background-color:#FFFFFF;
	background-image: none;
}

* html #ForAndAbout2 {/*-for ie6-*/
	clear:both;
	float:right;
}

#homepageSkyline {
	float:left; 
	width:100%; 
	margin-top:0px; 
	margin-left:0px;
	margin-right:0px; 
	height:72px; 
	overflow:hidden;
	margin-bottom: 10px;
	background-image:url('/en/business/supportenterprises/bf/images/banner_bg.gif');
	border: thin;
}

#homepageHeading {
	float:left; 
	width:100%;
	margin-top:0px; 
	margin-left:0px;
	margin-right:0px; 
	height:40px;
	/*height:55px;*/
	overflow:hidden;
	margin-bottom: 10px;
	background-image:url('/en/business/supportenterprises/bf/images/hd_bg1x1.jpg');
	border: thin;
}

#homepageHeading2 {
	float:left; 
	width:832px;
	background-image:url('/en/business/supportenterprises/bf/images/hd_bg.jpg');
}

#homepageHeadingPosition {
	margin-top: 4px;
	*margin-top:4px;
	margin-left:35px;
	vertical-align: text-top;
}

.top_header2{
	color: #ee2e30;
	font-size:large;
	padding: 3px 0px 3px 3px;
}

#contentHolder{
	float:left;
	width:100%;
	height:100%;
	color: #4b4b4b;
	background-color:#FFFFFF;
}

#mainArea {
	width:100%;
	height:100%;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
}



/* fight pandemic left and right content */
/*
#rightSide {float:left; width:180px; height:auto; background-color:#dde4f6; margin-left:10px;}

#leftSideHolder1 {float:left; margin-left:-190px; width:100%; height:100%;}
#leftSideHolder2 {margin-left:190px;}
#leftSide {float:left; /+ 20081022 fix for ff Background +/ 
*/

#fightRightContent {float:left; width:190px; height:auto; /* background-color:red; */ }

#fightLeftHolder1 {float:left; margin-right:-190px; width:100%; height:100%;}
#fightLeftHolder2 {margin-right:190px;}
#fightLeftContent {float:left; width:100%/* background-color:green ; */}


.style1 {
        font-family: Arial, Helvetica, sans-serif;
        color: #a11962;
        font-weight: bold;
}
.style2 {
        font-family: Arial, Helvetica, sans-serif;
        color: #314f9f;
        font-weight: bold;
}
.style3 {font-family: Arial, Helvetica, sans-serif;
         font-size: 0.8em;
}
.style3 a{
	text-decoration:underline;
}
.style3 a:hover{
	text-decoration:none;
}
.style4 {font-family: Arial, Helvetica, sans-serif;
         color: #013eca;
         font-size: 0.8em;
}
.style5 {font-family: Arial, Helvetica, sans-serif;
         color: #314f9f;
         font-size: 0.8em;
}