/*=STYLES for the INTERNATIONAL BNU-ZHUHAI web site=*/

@import url("/international/css/p7pmm/p7PMMv08_ip_nav1.css");
@import url("features.css");
@import url("/sandbox/library-staging/css/colorbox/colorbox1.css");

/*================================================================
	SPRITE CONNECTION
=================================================================*/

#header, #header .titlebar-bnu,
#tabs_container .tab1 a,#tabs_container .tab1 a:link,
#tabs_container .tab2 a,#tabs_container .tab2 a:link,
#tabs_container .tab3 a,#tabs_container .tab3 a:link,
#tabs_container .tab4 a,#tabs_container .tab4 a:link,
/*#events_col h3, #profiles_col h3,*/
#footer, #footer_home {
	background-image: url('/international/china/images/grcc_ip_bnu_sprite-05-21-09.gif');
	background-repeat: no-repeat
	}
	
/*===============================================================*/

body {
  	background:#483521 url("/international/images/bg1.gif") repeat;
 	margin: 10px 0 12px 0;
	padding: 0px;
	text-align: center;
	}

body#bnu-home #container {
	background: #FEF5D9 url(/international/images/columns_bg_ip_home1.gif) repeat-y;
	}
	
#container {
	background: #FFF url(/international/images/columns_bg_ip1.gif) repeat-y;
	}
	
#maincol {
	background: none;
	width: 585px; 
	margin: 0; 
	padding: 0; 
	float: right;
	}
	
	#maincol h1 {
		font-size: 28px;
		}
	
#maincol #content_area  {
	margin: 0;
	padding: 0 12px 10px 26px;
	width: 547px;
	}
	
#maincol #content_area ul {
	margin-top: 10px;
	}
	
/*body#bnu-home #maincol {
	background: none;
	}*/
	
#quicklinks-bar {
	padding: 8px 10px 10px 10px; 
	background: #cd6600;
	border-bottom: 1px solid #0a441a;
	}
	
	#quicklinks a, #quicklinks a:link {
		margin: 0;
		padding: 2px;
		padding: 1px;
		color: #f2ea9d;
		border-bottom: 1px dashed #f2ea9d;
		text-decoration: none;
		}
		
	#quicklinks a:hover {
		background: none;
		color: #FFF;
		border-bottom: 1px solid #FFF;
		}
		
#slideshow {
	padding-top: 10px;
	background-color: #fff;}
		
/*=============================================
	FOR PROFILES ON HOME PAGE
=============================================*/

			
#profiles_col {
	margin: 0;
	padding: 0;
	}
		
#profiles_col h2 {
	/*width: 222px;*/
	margin-bottom: 6px;
	}
	
#profiles_col p {
	/*width: 222px;*/
	margin: 0;
	}
	
.profiles_top {
	margin: 0 16px 8px 16px;
	padding: 11px 0 0 0;
	background-image: url(../images/profiles-top.gif);
	background-repeat: no-repeat;
	background-position: top left;
	width: 328px;
	}
	
.profiles_bottom {
	padding: 0 12px 11px 12px;
	background-color: #faf4bd;
	background-image: url(../images/profiles-bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	text-align: left;
	}
	
.profile_photo_left {
	width: 74px;
	height: 94px;
	margin: 0 8px 0 0;
	padding: 0 0 10px 0;
	float: left;
	}

.profile_photo_right {
	width: 74px;
	height: 94px;
	margin: 0 0 0 6px;
	padding: 0 0 10px 0;
	float: right;
	}

.profiles_show {
	display: block;
	}
	
.profiles_hide {
	display: none;
	}	
/*=============================================
	FOR PROFILE PAGE
=============================================*/
	
/*#profile_outer {
	text-align: center
	margin: 0;
	padding: 20px;
	background-color: #faf4bd;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	}*/
	
#profile_wrapper {
	margin: 0;
	width:100%;
	text-align: left;
	clear: both;
	}
	
#profile_main_col {
	margin: 0;
	padding: 20px;
	text-align: left;
	background-color: #fff;
	}
	
#profile_photo_col {
	width: 260px;
	float: right;
	padding-left: 15px;
	}
	
#profile_main_col h2 {
	font-size: 1.1em;
	font-weight: bold;
	margin: 6px 0 14px 0;
	padding: 0;
	}
	
#profile_main_col p {
	font-size: 1em;
	margin: 0 0 8px 0;
	padding: 0;
	}
	
/*=============================================*/	

#header {
	background-position: 0px -129px;
	width: 768px;
	height: 126px;
	margin: 0;
	padding:0;
	clear:both;
	text-align: left
	}
	
	#header .titlebar-bnu {
		background-position: right -479px;
		float: left;
		width: 295px;
		height: 50px;
		top: 24px;
		position: relative;
		border: 0;
		}
	
		#header .titlebar-bnu p {
			text-indent: -9000px;
			border: 0;
			position: relative;
			margin:0;
			padding:0;
			}
		
		#header .titlebar-bnu a, #header .titlebar-bnu a:link, #header .titlebar-bnu a:visited, #header .titlebar-bnu a:hover, #header .titlebar-bnu a:active {
			display: block;
			height: 50px;
			border: 0;
			text-decoration: none;
			}
			
#header .grcclogo a, #header .grcclogo a:link {
			text-indent: -9000px;
			margin: 0;
			padding: 0;
			display: block;
			width: 183px;
			height: 104px;
			float: right;
			}
		
.navbar { 
	width: 182px;
	background: url(../images/nav_bottom4.gif) no-repeat;
	background-position: bottom right;
	margin: 10px 0 12px 0;
	padding:  0 0 18px 0;
	font-size: 12px;
	float: right;	
	}
	

	
	
	/* ----------Navigation Divider--------------- */

		#p7PMnav .navdivider, #p7PMM_1 .navdivider {
			display: block;
			text-decoration: none;
			/*background-color: #BECFE3;*/
			margin-bottom: 0;
			padding-bottom: 6px;
			border-bottom: 1px solid #9fc1d3;
			}
		
		#p7PMnav .navdivider_top, #p7PMM_1 .navdivider_top{
			display: block;
			text-decoration: none;
			/*background-color: #BECFE3;*/
			margin-top: 0;
			padding-top: 4px;
			border-top: 1px solid #9fc1d3;
			}
		
		#p7PMnav .navdividerspace, #p7PMM_1 .navdividerspace{
			display: block;
			text-decoration: none;
			background-color: #BECFE3;
			margin-bottom: 0;
			padding-top: 6px;
			}
	
#schedule-cvr {
	width: 140px;
	height: 176px;
	margin: 12px 0 12px 22px;
	padding: 0;
	background: url(/ce/images/schedules/ce-schedule.jpg) no-repeat top left;
	font-size: 11px;
	clear: both;
	}
	
	#schedule-cvr a, #schedule-cvr a:link {
		width: 140px;
		/*height: 176px;*/
		display: block;
		margin: 0;
		padding-top: 180px;
		text-align: center;
		color: #ffffcc;
		text-decoration: none;
		}
		
	#schedule-cvr a:hover {
		text-decoration: underline;
		}

/*===================================================================
	BACK TO TOP - IN LEFT SIDE BAR 
===================================================================*/		
	
#back-to-top {
	width: 183px;
	text-align: center;
	margin: 0 0 14px 0;
	padding: 12px 0 0 0;
	color: #666;
	}
	
	#back-to-top a, #back-to-top a:link, #back-to-top a:visited {
		font-size: 11px;
		color: #666;
		background: none;
		text-decoration: none;
		}
		
	#back-to-top a:hover {
		/*border-bottom: 1px solid #000;*/
		color: #000;
		text-decoration: underline;
		}

/*=======================================================
	FOOTER
========================================================*/

#footer {
	clear: both;
	background-color: #2a5989;
	background-position: 0px -349px;
	width: 768px;
	height: 92px;
	margin: 0;
	padding: 0;
	}
	
#footer_home {  /* The footer is for the home page only */
	clear: both;
	background-color: #2a5989;
	background-position: 0px -256px;
	width: 768px;
	height: 92px;
	margin: 0;
	padding: 0;
	}
		
/*=======================================================
	TAB BUTTONS
========================================================*/

/*=User Group Tab Styles=*/

		#tabs_container {
			margin: 0;
			margin: 0;
			padding: 0 0 0 8px;
			height: 54px;
			width: 577px;
			float: right;
			background: #FEF5D9 url(/images/tab_page_top.gif) repeat-x;
			}
			
		#tabs_container .user_tab p {
			float: left;
			height: 51px;
			width: auto;
			margin: 3px 4px 0 0;
			padding: 0;
			}
			
		#tabs_container .user_tab a, #tabs_container .user_tab a:link {
			display: block;
			height: 51px;
			width: 139px;
			border: 0;
			text-decoration: none;
			text-indent: -9000px;
			}
			
		#tabs_container .tab1 a,
		#tabs_container .tab1 a:link {
			background-repeat: no-repeat;
			background-position: 0px -641px;
			text-decoration: none;
			}
			
			#tabs_container .tab1 a:hover {
				background-position: 0px -587px;
				}
		
		#tabs_container .tab2 a,
		#tabs_container .tab2 a:link {
			background-repeat: no-repeat;
			background-position: -140px -641px;
			text-decoration: none;
			}
			
			#tabs_container .tab2 a:hover {
				background-position: -140px -587px;
				}
			
		#tabs_container .tab3 a,
		#tabs_container .tab3 a:link {
			background-repeat: no-repeat;
			background-position: -280px -641px;
			text-decoration: none;
			}
			
			#tabs_container .tab3 a:hover {
				background-position: -280px -587px;
				}
				
		#tabs_container .tab4 a,
		#tabs_container .tab4 a:link {
			background-repeat: no-repeat;
			background-position: -420px -641px;
			text-decoration: none;
			}
			
			#tabs_container .tab4 a:hover {
				background-position: -420px -587px;
				}
				
		/*body#bnu-button1 #tabs_container .tab1 a {
		 	background-position: 0px -530px;
		 	}*/
		 	
/*================================================================
Stylesheet for shadows around the site
================================================================*/

#base_wrapper {
	background: none;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 814px;
}

.left_shadow {
	background: none;
	background-position: left top;
}

.right_shadow {
	background: none;
	background-position: right top;
}

.left_shadow, .right_shadow {
	text-align: center;
}

.bottom_shadow {
	background: none;
	height: 24px;
	width: 814px;
	margin: 0 auto;
	padding:0;
}

.bottom_shadow p {
	padding-top: 14px; 
	color: #333; 
	font-size: 11px;
	}
	
/*================================================================
	Video thumbs in left column
================================================================*/

.vid_thumb {
	width: 183px;
	height: 132px;
	text-indent: -9000px;
	margin: 0;
	padding: 0;
	background-image: url(/china/images/video-placeholder.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	}
	
.vid_thumb a {
	display: block;
	width: 183px;
	height: 132px;
	}